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

src/pages/GameDetail.reload.test.jsx

@@ -1,10 +1,9 @@
 // @vitest-environment jsdom
 import {afterEach, beforeEach, expect, it, vi} from 'vitest';
-import {cleanup, fireEvent, render, screen, waitFor} from '@testing-library/react';
-import {MemoryRouter, Route, Routes} from 'react-router-dom';
+import {cleanup, fireEvent, screen, waitFor} from '@testing-library/react';
 import GameDetail from './GameDetail.jsx';
-import {PreferencesProvider} from '../context/PreferencesContext.jsx';
-import {CurrentUserProvider} from '../context/CurrentUserContext.jsx';
+import {fetchRoutes, json} from '../test/fetchRoutes.js';
+import {renderWithProviders} from '../test/renderWithProviders.jsx';
 
 vi.mock('react-i18next', () => import('../test/i18n-mock.js'));
 // Stands in for a saved correction, which loads the game again.
@@ -21,8 +20,10 @@ const gameLoads = () => fetch.mock.calls.filter(([url]) => url.endsWith('/api/li
 
 beforeEach(() => {
     localStorage.setItem('tbp_session', '1');
-    globalThis.fetch = vi.fn(async (url) => ({ok: true, status: 200,
-        json: async () => (url.includes('/api/users/me') ? {role: 'AUDITOR', activeRole: 'AUDITOR'} : game)}));
+    fetchRoutes({
+        'GET /api/users/me': json(200, {role: 'AUDITOR', activeRole: 'AUDITOR'}),
+        'GET /api/library/games/220': json(200, game),
+    });
 });
 
 afterEach(() => {
@@ -31,11 +32,7 @@ afterEach(() => {
 });
 
 it('keeps unsaved notes while the game loads again after a correction', async () => {
-    render(
-        <MemoryRouter initialEntries={['/library/220']}><PreferencesProvider><CurrentUserProvider>
-            <Routes><Route path="/library/:appid" element={<GameDetail/>}/></Routes>
-        </CurrentUserProvider></PreferencesProvider></MemoryRouter>,
-    );
+    renderWithProviders(<GameDetail/>, {path: '/library/:appid', entries: ['/library/220']});
     fireEvent.change(await screen.findByLabelText('BACKLOG.NOTES_LABEL'), {target: {value: 'my draft'}});
 
     fireEvent.click(await screen.findByRole('button', {name: 'correction saved'}));