Update tests to use vi instead of jest

test/common/AppUpdateBanner.test.tsx

@@ -3,11 +3,11 @@ import { AppUpdateBanner } from '../../src/common/AppUpdateBanner';
 import { renderWithEvents } from '../__helpers__/setUpTest';
 
 describe('<AppUpdateBanner />', () => {
-  const toggle = jest.fn();
-  const forceUpdate = jest.fn();
+  const toggle = vi.fn();
+  const forceUpdate = vi.fn();
   const setUp = () => renderWithEvents(<AppUpdateBanner isOpen toggle={toggle} forceUpdate={forceUpdate} />);
 
-  afterEach(jest.clearAllMocks);
+  afterEach(vi.clearAllMocks);
 
   it('renders initial state', () => {
     setUp();

test/common/AsideMenu.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import { fromPartial } from '@total-typescript/shoehorn';
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter } from 'react-router';
 import { AsideMenu as createAsideMenu } from '../../src/common/AsideMenu';
 
 describe('<AsideMenu />', () => {

test/common/ErrorHandler.test.tsx

@@ -8,17 +8,17 @@ const ComponentWithError = () => {
 };
 
 describe('<ErrorHandler />', () => {
-  const reload = jest.fn();
+  const reload = vi.fn();
   const window = fromPartial<Window>({
     location: { reload },
   });
-  const cons = fromPartial<Console>({ error: jest.fn() });
+  const cons = fromPartial<Console>({ error: vi.fn() });
   const ErrorHandler = createErrorHandler(window, cons);
 
   beforeEach(() => {
-    jest.spyOn(console, 'error').mockImplementation(() => {}); // Silence react errors
+    vi.spyOn(console, 'error').mockImplementation(() => {}); // Silence react errors
   });
-  afterEach(jest.resetAllMocks);
+  afterEach(vi.resetAllMocks);
 
   it('renders children when no error has occurred', () => {
     render(<ErrorHandler children={<span>Foo</span>} />);

test/common/Home.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import { fromPartial } from '@total-typescript/shoehorn';
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter } from 'react-router';
 import { Home } from '../../src/common/Home';
 import type { ServersMap, ServerWithId } from '../../src/servers/data';
 

test/common/MenuLayout.test.tsx

@@ -6,7 +6,7 @@ import { MenuLayout as createMenuLayout } from '../../src/common/MenuLayout';
 import type { NonReachableServer, NotFoundServer, SelectedServer } from '../../src/servers/data';
 import type { SemVer } from '../../src/utils/helpers/version';
 
-jest.mock('react-router-dom', () => ({ ...jest.requireActual('react-router-dom'), useParams: jest.fn() }));
+vi.mock('react-router-dom', async () => ({ ...(await vi.importActual<any>('react-router-dom')), useParams: vi.fn() }));
 
 describe('<MenuLayout />', () => {
   const MenuLayout = createMenuLayout(
@@ -31,9 +31,9 @@ describe('<MenuLayout />', () => {
     return render(
       <Router location={history.location} navigator={history}>
         <MenuLayout
-          sidebarNotPresent={jest.fn()}
-          sidebarPresent={jest.fn()}
-          selectServer={jest.fn()}
+          sidebarNotPresent={vi.fn()}
+          sidebarPresent={vi.fn()}
+          selectServer={vi.fn()}
           selectedServer={selectedServer}
         />
       </Router>,
@@ -44,7 +44,7 @@ describe('<MenuLayout />', () => {
     (useParams as any).mockReturnValue({ serverId: 'abc123' });
   });
 
-  afterEach(jest.clearAllMocks);
+  afterEach(vi.clearAllMocks);
 
   it('shows loading indicator while loading server', () => {
     setUp(null);

test/common/NotFound.test.tsx

@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react';
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter } from 'react-router';
 import { NotFound } from '../../src/common/NotFound';
 
 describe('<NotFound />', () => {

test/common/ScrollToTop.test.tsx

@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react';
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter } from 'react-router';
 import { ScrollToTop } from '../../src/common/ScrollToTop';
 
 describe('<ScrollToTop />', () => {

test/common/SimplePaginator.test.tsx

@@ -4,7 +4,7 @@ import { ELLIPSIS } from '../../src/utils/helpers/pagination';
 
 describe('<SimplePaginator />', () => {
   const setUp = (pagesCount: number, currentPage = 1) => render(
-    <SimplePaginator pagesCount={pagesCount} currentPage={currentPage} setCurrentPage={jest.fn()} />,
+    <SimplePaginator pagesCount={pagesCount} currentPage={currentPage} setCurrentPage={vi.fn()} />,
   );
 
   it.each([-3, -2, 0, 1])('renders empty when the amount of pages is smaller than 2', (pagesCount) => {

test/common/services/HttpClient.test.ts

@@ -1,10 +1,10 @@
 import { HttpClient } from '../../../src/common/services/HttpClient';
 
 describe('HttpClient', () => {
-  const fetch = jest.fn();
+  const fetch = vi.fn();
   const httpClient = new HttpClient(fetch);
 
-  beforeEach(jest.clearAllMocks);
+  beforeEach(vi.clearAllMocks);
 
   describe('fetchJson', () => {
     it('throws json on success', async () => {

test/common/services/ImageDownloader.test.ts

@@ -4,12 +4,12 @@ import { ImageDownloader } from '../../../src/common/services/ImageDownloader';
 import { windowMock } from '../../__mocks__/Window.mock';
 
 describe('ImageDownloader', () => {
-  const fetchBlob = jest.fn();
+  const fetchBlob = vi.fn();
   const httpClient = fromPartial<HttpClient>({ fetchBlob });
   let imageDownloader: ImageDownloader;
 
   beforeEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
     (global as any).URL = { createObjectURL: () => '' };
 
     imageDownloader = new ImageDownloader(httpClient, windowMock);

test/common/services/ReportExporter.test.ts

@@ -4,10 +4,10 @@ import type { NormalizedVisit } from '../../../src/visits/types';
 import { windowMock } from '../../__mocks__/Window.mock';
 
 describe('ReportExporter', () => {
-  const jsonToCsv = jest.fn();
+  const jsonToCsv = vi.fn();
   let exporter: ReportExporter;
 
-  beforeEach(jest.clearAllMocks);
+  beforeEach(vi.clearAllMocks);
   beforeEach(() => {
     (global as any).Blob = class Blob {};
     (global as any).URL = { createObjectURL: () => '' };