test: data router, one render helper, fetchRoutes in every test

src/components/DeleteAccountCard.test.jsx

@@ -5,13 +5,14 @@ import {MemoryRouter, Route, Routes} from 'react-router-dom';
 import RequireSession from './RequireSession.jsx';
 import {toast} from 'sonner';
 import DeleteAccountCard from './DeleteAccountCard.jsx';
+import {fetchRoutes, json} from '../test/fetchRoutes.js';
 
 vi.mock('react-i18next', () => import('../test/i18n-mock.js'));
 vi.mock('sonner', () => ({toast: {success: vi.fn(), error: vi.fn()}}));
 
 const EMAIL = 'player@example.com';
 
-const answer = (status, headers = {}) => ({ok: status < 300, status, headers: new Headers(headers), json: async () => ({})});
+const deleteAnswers = (answer, routes = {}) => fetchRoutes({'DELETE /api/users/me': answer, ...routes});
 
 const renderCard = () => render(
     <MemoryRouter initialEntries={['/settings']}>
@@ -33,7 +34,7 @@ const confirmButton = () => screen.getByRole('button', {name: 'SETTINGS.DELETE_A
 describe('DeleteAccountCard', () => {
     beforeEach(() => {
         localStorage.setItem('tbp_session', '1');
-        globalThis.fetch = vi.fn(async () => answer(204));
+        deleteAnswers(json(204, {}));
     });
 
     afterEach(() => {
@@ -68,7 +69,7 @@ describe('DeleteAccountCard', () => {
     });
 
     it('keeps the dialog open on a wrong password', async () => {
-        fetch.mockResolvedValue(answer(403));
+        deleteAnswers(json(403, {}));
         renderCard();
         openAndFill(EMAIL, 'wrong');
 
@@ -80,7 +81,7 @@ describe('DeleteAccountCard', () => {
     });
 
     it('shows the lock message after too many wrong passwords', async () => {
-        fetch.mockResolvedValue(answer(429, {'Retry-After': '900'}));
+        deleteAnswers({...json(429, {}), headers: new Headers({'Retry-After': '900'})});
         renderCard();
         openAndFill(EMAIL, 'wrong');
 
@@ -90,7 +91,7 @@ describe('DeleteAccountCard', () => {
     });
 
     it('opens the login page when the session is gone', async () => {
-        fetch.mockResolvedValue(answer(401));
+        deleteAnswers(json(401, {}), {'POST /api/auth/refresh': json(401, {})});
         renderCard();
         openAndFill(EMAIL, 'secret');
 
@@ -100,7 +101,9 @@ describe('DeleteAccountCard', () => {
     });
 
     it('shows the network error when Auth does not answer', async () => {
-        fetch.mockRejectedValue(new TypeError('Failed to fetch'));
+        deleteAnswers(() => {
+            throw new TypeError('Failed to fetch');
+        });
         renderCard();
         openAndFill(EMAIL, 'secret');