feat: articles pagination

web/src/i18n/spa.spec.ts

@@ -13,6 +13,7 @@ import { initializeLocale, setLocale, t } from './index'
 import { messages } from './messages'
 import { formatAbsoluteDateFromIso } from '@/lib/relativeDate'
 import { formatSize, pluralArticles } from '@/lib/mediaFormat'
+import { articleEnvelope, articleListUrl } from '@/views/__tests__/articleEnvelope'
 
 vi.mock('@/composables/useApi', async () => {
 	const { ref } = await import('vue')
@@ -349,16 +350,19 @@ describe('Hardener localization outcomes', () => {
 		expect(document.activeElement).toBe(wrapper!.find('input[autocomplete="username"]').element)
 	})
 	it('focuses article search after clearing French no-results', async () => {
-		request.mockResolvedValue([
-			{
-				id: 12,
-				title: 'Data title',
-				body: '',
-				is_online: false,
-				created_at: '2025-02-14T12:00:00Z',
-				updated_at: '2025-02-14T12:00:00Z',
-			},
-		])
+		const article = {
+			id: 12,
+			title: 'Data title',
+			body: '',
+			is_online: false,
+			created_at: '2025-02-14T12:00:00Z',
+			updated_at: '2025-02-14T12:00:00Z',
+		}
+		request.mockImplementation(async (url: string) =>
+			articleEnvelope([article], {
+				q: new URL(url, 'http://localhost').searchParams.get('q') ?? '',
+			}),
+		)
 		setLocale('fr')
 		await mountRoute('/article?q=absent')
 		Array.from(document.body.querySelectorAll<HTMLButtonElement>('button'))
@@ -414,7 +418,7 @@ describe('Hardener localization outcomes', () => {
 				updated_at: '2025-02-14T12:00:00Z',
 			}
 			request.mockImplementation(async (url: string) =>
-				url === '/v1/article/?format=html' ? [article] : article,
+				url === articleListUrl() ? articleEnvelope([article]) : article,
 			)
 			await mountRoute(path)
 			if (path === '/article') {