0c765d8112
Some checks failed
CI / Unit & Component Tests (pull_request) Failing after 3m54s
CI / OCR Service Tests (pull_request) Successful in 33s
CI / Backend Unit Tests (pull_request) Failing after 3m13s
CI / Unit & Component Tests (push) Failing after 3m48s
CI / OCR Service Tests (push) Successful in 39s
CI / Backend Unit Tests (push) Failing after 3m24s
Fixes all remaining failing tests in the browser project. Root cause in
every case: Playwright CDP-based clicks/keyboard events do not reliably
trigger Svelte 5 onclick/onkeydown handlers. Pattern applied throughout:
- Buttons / result items: native `.element().click()` or
`dispatchEvent(new MouseEvent('click', { bubbles: true }))`
- Keyboard events: `dispatchEvent(new KeyboardEvent('keydown', { key }))`
on the target DOM element
- TipTap selection: `element.focus()` + Selection API +
`document.dispatchEvent(new Event('selectionchange'))`
- ProseMirror focus for onFocus: `dispatchEvent(new FocusEvent('focus'))`
Also fixes pre-existing content/logic issues found during analysis:
- ChronikErrorCard, BulkDropZone, CorrespondenzHero: stale i18n strings
and wrong ARIA role (combobox not textbox)
- RichtlinienRuleCard: beide beispielInput + beispielOutput required for
arrow to render; querySelectorAll to get last code element
- admin/system/page: vi.unstubAllGlobals() in afterEach; strict-mode
heading selector; per-call mockResolvedValueOnce for dual-card page
- DocumentList: add total prop + result count paragraph (test relied on it)
- PersonTypeahead keyboard navigation: pressKey() helper with native
KeyboardEvent dispatch replaces userEvent.keyboard()
- PersonMultiSelect: native element clicks for result selection and
chip removal; keydown dispatch on result div for Enter key test
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
52 lines
1.9 KiB
TypeScript
52 lines
1.9 KiB
TypeScript
import { afterEach, describe, expect, it, vi } from 'vitest';
|
|
import { cleanup, render } from 'vitest-browser-svelte';
|
|
import { page } from 'vitest/browser';
|
|
import CorrespondenzHero from './CorrespondenzHero.svelte';
|
|
|
|
vi.mock('$app/navigation', () => ({ goto: vi.fn() }));
|
|
|
|
afterEach(cleanup);
|
|
|
|
const noop = () => {};
|
|
|
|
describe('CorrespondenzHero — headline and cross-link', () => {
|
|
it('renders the discovery headline', async () => {
|
|
render(CorrespondenzHero, { onSelectPerson: noop });
|
|
await expect.element(page.getByText(/Wessen Briefe möchten Sie lesen/i)).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders a cross-link to the document search page', async () => {
|
|
render(CorrespondenzHero, { onSelectPerson: noop });
|
|
const link = page.getByRole('link', { name: /Zur Dokumentensuche/i });
|
|
await expect.element(link).toBeInTheDocument();
|
|
await expect.element(link).toHaveAttribute('href', '/');
|
|
});
|
|
|
|
it('renders a person typeahead input', async () => {
|
|
render(CorrespondenzHero, { onSelectPerson: noop });
|
|
// PersonTypeahead renders <input role="combobox">, not role="textbox"
|
|
await expect.element(page.getByTestId('conv-hero').getByRole('combobox')).toBeInTheDocument();
|
|
});
|
|
});
|
|
|
|
describe('CorrespondenzHero — recent persons', () => {
|
|
it('shows recent person chips when provided', async () => {
|
|
render(CorrespondenzHero, {
|
|
onSelectPerson: noop,
|
|
recentPersons: [{ id: 'r1', name: 'Clara Braun' }]
|
|
});
|
|
await expect.element(page.getByText('Clara Braun')).toBeInTheDocument();
|
|
});
|
|
|
|
it('calls onSelectPerson when a recent person chip is clicked', async () => {
|
|
const spy = vi.fn();
|
|
render(CorrespondenzHero, {
|
|
onSelectPerson: spy,
|
|
recentPersons: [{ id: 'r1', name: 'Clara Braun' }]
|
|
});
|
|
await expect.element(page.getByText('Clara Braun')).toBeInTheDocument();
|
|
document.querySelector<HTMLElement>('[data-testid="recent-person-r1"]')!.click();
|
|
expect(spy).toHaveBeenCalledWith('r1');
|
|
});
|
|
});
|