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

src/pages/SettingsPage.steam.test.jsx

@@ -1,11 +1,10 @@
 // @vitest-environment jsdom
 import {afterEach, beforeEach, describe, expect, it, vi} from 'vitest';
-import {cleanup, fireEvent, render, screen, waitFor} from '@testing-library/react';
-import {MemoryRouter} from 'react-router-dom';
+import {cleanup, fireEvent, screen, waitFor} from '@testing-library/react';
 import {toast} from 'sonner';
 import SettingsPage from './SettingsPage.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', async () => {
     const mock = await import('../test/i18n-mock.js');
@@ -23,17 +22,18 @@ const profile = (overrides = {}) => ({
 
 const calls = (method) => fetch.mock.calls.filter(([, init]) => init?.method === method);
 
+const noBody = {ok: true, status: 204, json: async () => { throw new SyntaxError('no body'); }};
+
 function renderPage(me, {redirectUrl = STEAM_URL, entry = '/settings'} = {}) {
-    globalThis.fetch = vi.fn(async (url, init) => {
-        if (init?.method === 'POST' && url.endsWith('/api/users/steam-link')) {
-            return {ok: true, status: 200, json: async () => ({redirectUrl})};
-        }
-        if (init?.method && init.method !== 'GET') {
-            return {ok: true, status: 204, json: async () => { throw new SyntaxError('no body'); }};
-        }
-        return {ok: true, status: 200, json: async () => me};
+    fetchRoutes({
+        'GET /api/users/me': json(200, me),
+        'POST /api/users/steam-link': json(200, {redirectUrl}),
+        'DELETE /api/users/steam-link': noBody,
+        'PUT /api/users/settings': noBody,
+        'POST /api/auth/refresh': noBody,
+        'GET /api/version': json(404, {}),
     });
-    render(<MemoryRouter initialEntries={[entry]}><PreferencesProvider><CurrentUserProvider><SettingsPage/></CurrentUserProvider></PreferencesProvider></MemoryRouter>);
+    renderWithProviders(<SettingsPage/>, {path: '/settings', entries: [entry]});
 }
 
 describe('SettingsPage Steam account', () => {