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

src/pages/PublicProfilePage.test.jsx

@@ -1,10 +1,9 @@
 // @vitest-environment jsdom
 import {afterEach, describe, 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 PublicProfilePage from './PublicProfilePage.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'));
 
@@ -15,29 +14,26 @@ const library = {
     finished: [{appid: 620, name: 'Portal 2', playtimeMinutes: 900, status: 'COMPLETED', rating: 5}],
 };
 
-function mockBackends({profileStatus = 200, libraryStatus = 200, style, answer = library, me} = {}) {
-    globalThis.fetch = vi.fn(async (url, init) => {
-        if (init?.method === 'PUT') return {ok: true, status: 204, json: async () => ({})};
-        if (url.includes('/api/users/me')) return {ok: !!me, status: me ? 200 : 401, json: async () => me};
-        if (url.includes('/api/public/profiles/library')) {
-            return {ok: libraryStatus === 200, status: libraryStatus, json: async () => answer};
-        }
-        return {ok: profileStatus === 200, status: profileStatus,
-            json: async () => ({displayName: 'Lobo', memberSince: '2026-03-02', ticket: 'the-ticket', style})};
+// `me` only for a test with a session: without one the page asks nothing about the viewer.
+function mockBackends({name = 'Lobo', profileStatus = 200, libraryStatus = 200, style, answer = library, me} = {}) {
+    fetchRoutes({
+        [`GET /api/public/profiles/${encodeURIComponent(name)}`]:
+            json(profileStatus, {displayName: 'Lobo', memberSince: '2026-03-02', ticket: 'the-ticket', style}),
+        'GET /api/public/profiles/library': json(libraryStatus, answer),
+        ...(me && {
+            'GET /api/users/me': json(200, me),
+            'PUT /api/users/settings/profile-tiles': json(204, {}),
+        }),
     });
 }
 
-const renderPage = (name = 'Lobo') => render(
-    <MemoryRouter initialEntries={[`/u/${name}`]}><PreferencesProvider><CurrentUserProvider>
-        <Routes><Route path="/u/:name" element={<PublicProfilePage/>}/></Routes>
-    </CurrentUserProvider></PreferencesProvider></MemoryRouter>,
-);
+const renderPage = (name = 'Lobo') => renderWithProviders(<PublicProfilePage/>, {path: '/u/:name', entries: [`/u/${name}`]});
 
 describe('PublicProfilePage', () => {
     afterEach(cleanup);
 
     it('asks Auth for the ticket, then Core for the library with it', async () => {
-        mockBackends();
+        mockBackends({name: 'Lo bo'});
         renderPage('Lo bo');
 
         expect(await screen.findByText('Portal 2')).toBeTruthy();