diff --git a/frontend/src/lib/ocr/OcrTrainingCard.svelte.spec.ts b/frontend/src/lib/ocr/OcrTrainingCard.svelte.spec.ts index d1aec9b8..c72e877a 100644 --- a/frontend/src/lib/ocr/OcrTrainingCard.svelte.spec.ts +++ b/frontend/src/lib/ocr/OcrTrainingCard.svelte.spec.ts @@ -1,4 +1,4 @@ -import { afterEach, describe, expect, it, vi } from 'vitest'; +import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'; import { cleanup, render } from 'vitest-browser-svelte'; import { page } from 'vitest/browser'; import OcrTrainingCard from './OcrTrainingCard.svelte'; @@ -74,6 +74,12 @@ describe('OcrTrainingCard — enabled state', () => { }); describe('OcrTrainingCard — success dismiss button', () => { + beforeEach(() => vi.useFakeTimers()); + afterEach(() => { + vi.runAllTimers(); + vi.useRealTimers(); + }); + it('dismiss button has 44×44px touch target (h-11 w-11)', async () => { vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: true })); @@ -108,7 +114,9 @@ describe('OcrTrainingCard — in-flight state', () => { // While fetch is still pending the button label becomes "…" await expect.element(page.getByRole('button', { name: '…' })).toBeInTheDocument(); - // Cleanup: resolve the pending promise resolveFetch({ ok: false }); + await expect + .element(page.getByRole('button', { name: /Training starten/i })) + .not.toBeDisabled(); }); });