feat(media): pagination

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

@@ -261,16 +261,33 @@ describe('The selection follows the query', () => {
 		expect(bulkBar()).toBeNull()
 	})
 
-	it('clears when the sort changes and stays when the view changes', async () => {
+	it('clears when the view changes', async () => {
 		await mountPage()
 		await select('north-wall.jpg', 'kitchen-after.webp')
 
 		await router.replace({ query: { view: 'list' } })
 		await settle()
-		expect(textOf(bulkBar())).toContain('2 selected')
 
-		await router.replace({ query: { view: 'list', sort: 'oldest' } })
+		expect(bulkBar()).toBeNull()
+	})
+
+	it('clears when the sort changes', async () => {
+		await mountPage()
+		await select('north-wall.jpg', 'kitchen-after.webp')
+
+		await router.replace({ query: { sort: 'oldest' } })
 		await settle()
+
+		expect(bulkBar()).toBeNull()
+	})
+
+	it('clears when the page changes', async () => {
+		await mountPage()
+		await select('north-wall.jpg')
+
+		await router.push({ query: { page: '2' } })
+		await settle()
+
 		expect(bulkBar()).toBeNull()
 	})