56 lines
2.0 KiB
TypeScript
56 lines
2.0 KiB
TypeScript
import { afterEach, describe, expect, it, vi } from 'vitest';
|
|
import { cleanup, render } from 'vitest-browser-svelte';
|
|
import { page, userEvent } from 'vitest/browser';
|
|
import JourneyAddBar from './JourneyAddBar.svelte';
|
|
|
|
afterEach(() => {
|
|
cleanup();
|
|
vi.unstubAllGlobals();
|
|
});
|
|
|
|
describe('JourneyAddBar — interlude flow', () => {
|
|
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).toBeDisabled();
|
|
});
|
|
|
|
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).toBeEnabled();
|
|
});
|
|
|
|
it('calls onAddInterlude with text on confirm', async () => {
|
|
const onAddInterlude = vi.fn();
|
|
render(JourneyAddBar, { onAddDocument: vi.fn(), onAddInterlude });
|
|
|
|
await userEvent.click(page.getByText('Zwischentext hinzufügen'));
|
|
await userEvent.fill(page.getByRole('textbox'), 'Reise nach Wien');
|
|
await userEvent.click(page.getByRole('button', { name: 'Hinzufügen', exact: true }));
|
|
|
|
expect(onAddInterlude).toHaveBeenCalledWith('Reise nach Wien');
|
|
});
|
|
});
|
|
|
|
describe('JourneyAddBar — document picker', () => {
|
|
it('reveals picker when "Brief hinzufügen" is clicked', async () => {
|
|
vi.stubGlobal(
|
|
'fetch',
|
|
vi.fn().mockResolvedValue({ ok: true, json: vi.fn().mockResolvedValue({ items: [] }) })
|
|
);
|
|
render(JourneyAddBar, { onAddDocument: vi.fn(), onAddInterlude: vi.fn() });
|
|
|
|
await userEvent.click(page.getByText('Brief hinzufügen'));
|
|
|
|
await expect.element(page.getByRole('combobox')).toBeInTheDocument();
|
|
});
|
|
});
|