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

src/components/CompletedHint.test.jsx

@@ -2,6 +2,7 @@
 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 {fetchRoutes, json} from '../test/fetchRoutes.js';
 import CompletedHint from './CompletedHint.jsx';
 
 vi.mock('react-i18next', () => import('../test/i18n-mock.js'));
@@ -13,9 +14,8 @@ const renderHint = (props) => render(<MemoryRouter><CompletedHint game={game} on
 describe('CompletedHint', () => {
     beforeEach(() => {
         localStorage.setItem('tbp_session', '1');
-        globalThis.fetch = vi.fn(async (url, init) => ({
-            ok: true, status: 200, json: async () => ({...JSON.parse(init.body), rating: 5, notes: 'keep', priority: null}),
-        }));
+        fetchRoutes({'PUT /api/library/games/220/status': (url, init) =>
+            json(200, {...JSON.parse(init.body), rating: 5, notes: 'keep', priority: null})});
     });
 
     afterEach(() => {