diff --git a/components/settings/__tests__/about-data-settings.test.tsx b/components/settings/__tests__/about-data-settings.test.tsx index 223a92aaa..a377d5526 100644 --- a/components/settings/__tests__/about-data-settings.test.tsx +++ b/components/settings/__tests__/about-data-settings.test.tsx @@ -54,3 +54,16 @@ describe('Backup & reset', () => { expect(alertSpy).not.toHaveBeenCalled(); }); }); + +// SET-25: the About card in the settings sidebar is named by what it shows, +// not a hard-coded English "About", and shows the focus ring. +describe('About card', () => { + it('has a visible focus ring and no hard-coded English name', async () => { + const { AboutFooter } = await import('../about-data-settings'); + render(); + const button = screen.getByTestId('settings-about').querySelector('button') as HTMLButtonElement; + expect(button.getAttribute('aria-label')).toBeNull(); + expect(button.className).toContain('focus-visible:ring-2'); + expect(button.textContent).toContain('about.title'); + }); +}); diff --git a/components/settings/about-data-settings.tsx b/components/settings/about-data-settings.tsx index 81bea1440..b40bb6b1d 100644 --- a/components/settings/about-data-settings.tsx +++ b/components/settings/about-data-settings.tsx @@ -85,7 +85,13 @@ export function AboutFooter() {
{showGame && setShowGame(false)} />}
-