From e1ca2c6831f40a179a184c9d89807bd50729d8fc Mon Sep 17 00:00:00 2001 From: Marcel Date: Tue, 9 Jun 2026 17:52:47 +0200 Subject: [PATCH] =?UTF-8?q?test(journey-add-bar):=20add=20red=20test=20?= =?UTF-8?q?=E2=80=94=20confirm=20button=20must=20be=20natively=20disabled?= =?UTF-8?q?=20(WCAG=204.1.2)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/lib/geschichte/JourneyAddBar.svelte.spec.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) 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 () => {