diff --git a/frontend/src/lib/components/PersonTypeSelector.svelte b/frontend/src/lib/components/PersonTypeSelector.svelte index bd77c6a1..1d4de750 100644 --- a/frontend/src/lib/components/PersonTypeSelector.svelte +++ b/frontend/src/lib/components/PersonTypeSelector.svelte @@ -32,6 +32,7 @@ function select(type: PersonType) {
{ if (TYPES.includes(v as PersonType)) select(v as PersonType); }} > diff --git a/frontend/src/lib/components/PersonTypeSelector.svelte.spec.ts b/frontend/src/lib/components/PersonTypeSelector.svelte.spec.ts index ec96f810..58738aa1 100644 --- a/frontend/src/lib/components/PersonTypeSelector.svelte.spec.ts +++ b/frontend/src/lib/components/PersonTypeSelector.svelte.spec.ts @@ -7,6 +7,13 @@ import PersonTypeSelector from './PersonTypeSelector.svelte'; afterEach(() => cleanup()); describe('PersonTypeSelector', () => { + it('radiogroup has an accessible name via aria-label', () => { + const { container } = render(PersonTypeSelector, { value: 'PERSON' }); + const radiogroup = container.querySelector('[role="radiogroup"]'); + expect(radiogroup).not.toBeNull(); + expect(radiogroup!.getAttribute('aria-label')).toBeTruthy(); + }); + it('hidden input value updates when user navigates with ArrowRight', async () => { const { container } = render(PersonTypeSelector, { value: 'PERSON' }); const hiddenInput = container.querySelector('input[type="hidden"]') as HTMLInputElement;