mirror of
https://github.com/elastic/kibana.git
synced 2025-06-27 18:51:07 -04:00
## Summary This PR removes all imports of Route from react-router-dom and '@kbn/kibana-react-plugin/public' and instead imports Route from @kbn/shared-ux-router. ### Context Based on https://github.com/elastic/kibana/issues/132629#issue-1243243678 This PR executes steps 2 - 4: > 2. To make the transition easier, we want to re-export other react-router-dom exports alongside the modified' Route'. > 3. Solutions should start using that Route component in place of the one from react-router-dom. I.e. replace all occurrences of import { ... } from 'react-router-dom' with import { ... } from '@kbn/shared-ux-router'. > 4. All manual calls to useExecutionContext are not needed anymore and should be removed. ### Future PR Looks like this might be getting worked on in: https://github.com/elastic/kibana/pull/145863 (thanks!) > Introduce an ESlint rule that ensures that react-router-dom is not used directly in Kibana and that imports go through the new @kbn/shared-ux-router package. This is tangentially accomplished through https://github.com/elastic/kibana/pull/150340 but only addresses using Route through @kbn/kibana-react-plugin/public' ### Checklist Delete any items that are not applicable to this PR. - [x] [Unit or functional tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html) were updated or added to match the most common scenarios --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Tiago Costa <tiagoffcc@hotmail.com>
69 lines
2.2 KiB
TypeScript
Executable file
69 lines
2.2 KiB
TypeScript
Executable file
/*
|
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
* 2.0; you may not use this file except in compliance with the Elastic License
|
|
* 2.0.
|
|
*/
|
|
|
|
import type { AppMountParameters, CoreStart } from '@kbn/core/public';
|
|
import React, { useMemo } from 'react';
|
|
import { I18nProvider } from '@kbn/i18n-react';
|
|
import { Router, Switch } from 'react-router-dom';
|
|
import { Route } from '@kbn/shared-ux-router';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import { coreMock } from '@kbn/core/public/mocks';
|
|
import { dataPluginMock } from '@kbn/data-plugin/public/mocks';
|
|
import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public';
|
|
import { fleetMock } from '@kbn/fleet-plugin/public/mocks';
|
|
import type { CloudDefendPluginStartDeps } from '../types';
|
|
import './__mocks__/worker';
|
|
import './__mocks__/resizeobserver';
|
|
import '@kbn/kibana-react-plugin/public/code_editor/code_editor.test.helpers';
|
|
|
|
// @ts-ignore-next
|
|
window.Worker = Worker;
|
|
|
|
Object.defineProperty(window, 'matchMedia', {
|
|
writable: true,
|
|
value: jest.fn().mockImplementation((query) => ({
|
|
matches: false,
|
|
media: query,
|
|
onchange: null,
|
|
addListener: jest.fn(), // Deprecated
|
|
removeListener: jest.fn(), // Deprecated
|
|
addEventListener: jest.fn(),
|
|
removeEventListener: jest.fn(),
|
|
dispatchEvent: jest.fn(),
|
|
})),
|
|
});
|
|
|
|
interface CspAppDeps {
|
|
core: CoreStart;
|
|
deps: CloudDefendPluginStartDeps;
|
|
params: AppMountParameters;
|
|
}
|
|
|
|
export const TestProvider: React.FC<Partial<CspAppDeps>> = ({
|
|
core = coreMock.createStart(),
|
|
deps = {
|
|
data: dataPluginMock.createStartContract(),
|
|
fleet: fleetMock.createStartMock(),
|
|
},
|
|
params = coreMock.createAppMountParameters(),
|
|
children,
|
|
} = {}) => {
|
|
const queryClient = useMemo(() => new QueryClient(), []);
|
|
return (
|
|
<KibanaContextProvider services={{ ...core, ...deps }}>
|
|
<QueryClientProvider client={queryClient}>
|
|
<Router history={params.history}>
|
|
<I18nProvider>
|
|
<Switch>
|
|
<Route path="*" render={() => <>{children}</>} />
|
|
</Switch>
|
|
</I18nProvider>
|
|
</Router>
|
|
</QueryClientProvider>
|
|
</KibanaContextProvider>
|
|
);
|
|
};
|