diff --git a/frontend/src/lib/geschichte/JourneyAddBar.svelte.spec.ts b/frontend/src/lib/geschichte/JourneyAddBar.svelte.spec.ts index 2bbc5988..f42c61db 100644 --- a/frontend/src/lib/geschichte/JourneyAddBar.svelte.spec.ts +++ b/frontend/src/lib/geschichte/JourneyAddBar.svelte.spec.ts @@ -9,23 +9,23 @@ afterEach(() => { }); describe('JourneyAddBar — interlude flow', () => { - it('interlude confirm button is aria-disabled until text is non-empty', async () => { + it('interlude confirm button is natively disabled when text is empty (WCAG 4.1.2)', async () => { render(JourneyAddBar, { onAddDocument: vi.fn(), onAddInterlude: vi.fn() }); await userEvent.click(page.getByText('Zwischentext hinzufügen')); const confirmBtn = page.getByRole('button', { name: 'Hinzufügen', exact: true }); - await expect.element(confirmBtn).toHaveAttribute('aria-disabled', 'true'); + await expect.element(confirmBtn).toBeDisabled(); }); - it('confirm becomes active after typing text', async () => { + it('confirm becomes enabled after typing text', async () => { render(JourneyAddBar, { onAddDocument: vi.fn(), onAddInterlude: vi.fn() }); await userEvent.click(page.getByText('Zwischentext hinzufügen')); await userEvent.fill(page.getByRole('textbox'), 'Eine schöne Reise'); const confirmBtn = page.getByRole('button', { name: 'Hinzufügen', exact: true }); - await expect.element(confirmBtn).toHaveAttribute('aria-disabled', 'false'); + await expect.element(confirmBtn).toBeEnabled(); }); it('calls onAddInterlude with text on confirm', async () => {