plugins: replace react-router mocks with react-router-dom

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
This commit is contained in:
Patrik Oldsberg
2022-12-12 19:00:04 +01:00
parent 5c1c384242
commit 530a1f1299
14 changed files with 23 additions and 23 deletions
@@ -19,8 +19,8 @@ import { renderInTestApp } from '@backstage/test-utils';
import { useOutlet } from 'react-router-dom';
import { ApiExplorerPage } from './ApiExplorerPage';
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useOutlet: jest.fn().mockReturnValue('Route Children'),
}));
@@ -29,8 +29,8 @@ import { CatalogGraphPage } from './CatalogGraphPage';
const navigate = jest.fn();
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useNavigate: () => navigate,
}));
@@ -19,7 +19,7 @@ import { useLocation as useLocationMocked } from 'react-router-dom';
import { Direction } from '../EntityRelationsGraph';
import { useCatalogGraphPage } from './useCatalogGraphPage';
jest.mock('react-router', () => ({
jest.mock('react-router-dom', () => ({
useLocation: jest.fn(),
}));
@@ -25,8 +25,8 @@ import { useOutlet } from 'react-router-dom';
import { catalogImportApiRef, CatalogImportClient } from '../../api';
import { ImportPage } from './ImportPage';
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useOutlet: jest.fn(),
}));
@@ -20,8 +20,8 @@ import { screen } from '@testing-library/react';
import { useOutlet } from 'react-router-dom';
import { CatalogPage } from './CatalogPage';
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useOutlet: jest.fn().mockReturnValue('Route Children'),
}));
@@ -19,8 +19,8 @@ import React from 'react';
import { useOutlet } from 'react-router-dom';
import { ExplorePage } from './ExplorePage';
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useLocation: jest.fn().mockReturnValue({
search: '',
}),
@@ -27,7 +27,7 @@ import { useProjectContext } from '../../contexts/ProjectContext';
import { Owner } from './Owner';
import { mockApiClient } from '../../test-helpers/mock-api-client';
jest.mock('react-router', () => ({
jest.mock('react-router-dom', () => ({
useNavigate: jest.fn(),
useLocation: jest.fn(() => ({
search: mockSearchCalver,
@@ -26,7 +26,7 @@ import { Repo } from './Repo';
import { TEST_IDS } from '../../test-helpers/test-ids';
import { useProjectContext } from '../../contexts/ProjectContext';
jest.mock('react-router', () => ({
jest.mock('react-router-dom', () => ({
useNavigate: jest.fn(),
useLocation: jest.fn(() => ({
search: mockSearchCalver,
@@ -25,7 +25,7 @@ import { VersioningStrategy } from './VersioningStrategy';
const mockNavigate = jest.fn();
jest.mock('react-router', () => ({
jest.mock('react-router-dom', () => ({
useNavigate: () => mockNavigate,
useLocation: jest.fn(() => ({
search: mockSearchCalver,
@@ -20,7 +20,7 @@ import { render } from '@testing-library/react';
import { mockSearchSemver } from '../test-helpers/test-helpers';
import { useQueryHandler } from './useQueryHandler';
jest.mock('react-router', () => ({
jest.mock('react-router-dom', () => ({
useLocation: jest.fn(() => ({
search: mockSearchSemver,
})),
@@ -20,8 +20,8 @@ import { useLocation } from 'react-router-dom';
import { useSearch } from '@backstage/plugin-search-react';
import { SearchPage } from './SearchPage';
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useLocation: jest.fn().mockReturnValue({
search: '',
}),
@@ -19,8 +19,8 @@ import { renderInTestApp } from '@backstage/test-utils';
import { useOutlet } from 'react-router-dom';
import { TechDocsIndexPage } from './TechDocsIndexPage';
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useOutlet: jest.fn().mockReturnValue('Route Children'),
}));
@@ -21,8 +21,8 @@ import { UserSettingsTab } from '../UserSettingsTab';
import { useOutlet } from 'react-router-dom';
import { SettingsLayout } from '../SettingsLayout';
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useOutlet: jest.fn().mockReturnValue(undefined),
}));
@@ -23,8 +23,8 @@ import { SettingsLayout } from '../SettingsLayout';
import { screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useOutlet: jest.fn().mockReturnValue(undefined),
}));