feat: image variants cache panel

web/src/components/__tests__/DashboardShell.spec.ts

@@ -396,10 +396,9 @@ describe('DashboardShell Settings expands to the Media subpages', () => {
 			const variants = nav.find('a[href="/settings/media/variants"]')
 			expect(variants.text()).toContain('Variants')
 			expect(variants.attributes('aria-current')).toBeUndefined()
-			const cache = nav
-				.findAll('[aria-disabled="true"], [disabled]')
-				.find((el) => el.text().includes('Cache'))
-			expect(cache).toBeDefined()
+			const cache = nav.find('a[href="/settings/media/cache"]')
+			expect(cache.text()).toContain('Cache')
+			expect(cache.attributes('aria-current')).toBeUndefined()
 			expect(nav.find('a[href="/settings"]').attributes('aria-current')).toBe('page')
 		},
 	)
@@ -414,6 +413,14 @@ describe('DashboardShell Settings expands to the Media subpages', () => {
 		expect(nav.find('a[href="/settings"]').attributes('aria-current')).toBeUndefined()
 	})
 
+	it('marks Cache current and Settings not current on the cache page', async () => {
+		const wrapper = await mountShell('/settings/media/cache', { role: 'admin' })
+
+		const nav = wrapper.find('nav[aria-label="Main"]')
+		expect(nav.find('a[href="/settings/media/cache"]').attributes('aria-current')).toBe('page')
+		expect(nav.find('a[href="/settings"]').attributes('aria-current')).toBeUndefined()
+	})
+
 	it('shows no Media subpages without an owner or admin role', async () => {
 		const wrapper = await mountShell('/settings', { role: 'user' })