feat(media): pagination

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

@@ -187,12 +187,18 @@ afterEach(async () => {
 	await router.push('/login')
 })
 
-const EMPTY_LIBRARY = { items: [], next_cursor: null, counts: { all: 0, unused: 0, duplicates: 0 } }
+const EMPTY_LIBRARY = {
+	items: [],
+	total: 0,
+	page: 1,
+	size: 25,
+	counts: { all: 0, unused: 0, duplicates: 0 },
+}
 
 function articleHandlers(extra: Record<string, () => Response | Promise<Response>> = {}) {
 	return {
 		'GET /v1/article/12?format=html': () => mockResponse(200, articleFixture()),
-		'GET /v1/media/?limit=24': () => mockResponse(200, EMPTY_LIBRARY),
+		'GET /v1/media/?page=1&size=25': () => mockResponse(200, EMPTY_LIBRARY),
 		...extra,
 	}
 }
@@ -217,7 +223,8 @@ describe('Dropping a valid file onto the editor opens the uploader on the crop s
 	it('looks the hash up, skips the list, and uploads to /v1/media/ from the crop step', async () => {
 		const wrapper = await mountEditor(
 			articleHandlers({
-				[`GET /v1/media/?hash=${'a'.repeat(64)}`]: () => mockResponse(200, EMPTY_LIBRARY),
+				[`GET /v1/media/?hash=${'a'.repeat(64)}&page=1&size=100`]: () =>
+					mockResponse(200, EMPTY_LIBRARY),
 			}),
 		)
 
@@ -231,7 +238,7 @@ describe('Dropping a valid file onto the editor opens the uploader on the crop s
 
 		expect(document.body.textContent).toContain('Crop and resize')
 		expect(vi.mocked(global.fetch).mock.calls.map(([url]) => url)).not.toContain(
-			'/v1/media/?limit=24',
+			'/v1/media/?page=1&size=25',
 		)
 
 		findButton('Upload image')?.click()