feat(media): pagination

web/src/views/__tests__/MediaVariantsLibrary.spec.ts

@@ -165,8 +165,8 @@ describe('The variants filter', () => {
 	})
 
 	it.each([
-		['With variants', '?variants=with', 'filter=all&sort=newest&variants=with&limit=100'],
-		['Without', '?variants=without', 'filter=all&sort=newest&variants=without&limit=100'],
+		['With variants', '?variants=with', 'filter=all&sort=newest&variants=with&page=1&size=25'],
+		['Without', '?variants=without', 'filter=all&sort=newest&variants=without&page=1&size=25'],
 	])('Choosing %s writes the URL and requests the list', async (label, search, request) => {
 		await mountPage()
 
@@ -202,7 +202,7 @@ describe('The variants filter', () => {
 		await flushPromises()
 
 		expect(router.currentRoute.value.fullPath).toBe('/media')
-		expect(lastListPath()).toBe('/v1/media/?filter=all&sort=newest&limit=100')
+		expect(lastListPath()).toBe('/v1/media/?filter=all&sort=newest&page=1&size=25')
 	})
 
 	it.each([
@@ -223,7 +223,7 @@ describe('The variants filter', () => {
 	])('The query string is the source of truth: %s', async (search, request, selected, url) => {
 		await mountPage({}, `/media${search}`)
 
-		expect(lastListPath()).toBe(`/v1/media/?${request}&limit=100`)
+		expect(lastListPath()).toBe(`/v1/media/?${request}&page=1&size=25`)
 		expect(segment(selected).getAttribute('aria-pressed')).toBe('true')
 		expect(router.currentRoute.value.fullPath).toBe(url)
 	})
@@ -294,7 +294,7 @@ describe('Sorting by total size', () => {
 		await flushPromises()
 
 		expect(router.currentRoute.value.query).toEqual({ sort: 'total_size' })
-		expect(lastListPath()).toBe('/v1/media/?filter=all&sort=total_size&limit=100')
+		expect(lastListPath()).toBe('/v1/media/?filter=all&sort=total_size&page=1&size=25')
 		expect(textOf(document.body.querySelector('[aria-label="Sort"]'))).toBe(
 			'Largest total size (original + variants)',
 		)
@@ -321,7 +321,7 @@ describe('Sorting by total size', () => {
 		await mountPage({}, '/media?sort=total')
 
 		expect(router.currentRoute.value.fullPath).toBe('/media')
-		expect(lastListPath()).toBe('/v1/media/?filter=all&sort=newest&limit=100')
+		expect(lastListPath()).toBe('/v1/media/?filter=all&sort=newest&page=1&size=25')
 	})
 })