1aabd9826c
Add displayName and personType to all Person mock objects in component and page tests. Update assertions from reversed "lastName, firstName" format to forward-order displayName. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
81 lines
2.9 KiB
TypeScript
81 lines
2.9 KiB
TypeScript
import { afterEach, describe, expect, it } from 'vitest';
|
||
import { cleanup, render } from 'vitest-browser-svelte';
|
||
import { page } from 'vitest/browser';
|
||
import Page from './+page.svelte';
|
||
|
||
afterEach(cleanup);
|
||
|
||
// ─── Test data ────────────────────────────────────────────────────────────────
|
||
|
||
const baseData = {
|
||
user: undefined,
|
||
canWrite: true,
|
||
canAnnotate: false,
|
||
persons: [],
|
||
initialSenderId: '',
|
||
initialSenderName: '',
|
||
initialReceivers: []
|
||
};
|
||
|
||
// ─── Prefill – sender ─────────────────────────────────────────────────────────
|
||
|
||
describe('New document page – sender prefill', () => {
|
||
it('shows an empty sender input when no senderId is in the URL', async () => {
|
||
render(Page, { data: baseData, form: null });
|
||
const input = document.querySelector<HTMLInputElement>('#senderId-search');
|
||
expect(input?.value).toBe('');
|
||
});
|
||
|
||
it('shows the sender name in the typeahead input when initialSenderName is set', async () => {
|
||
render(Page, {
|
||
data: { ...baseData, initialSenderId: 'p1', initialSenderName: 'Hans Müller' },
|
||
form: null
|
||
});
|
||
const input = document.querySelector<HTMLInputElement>('#senderId-search');
|
||
expect(input?.value).toBe('Hans Müller');
|
||
});
|
||
|
||
it('sets the hidden senderId input to the prefilled ID', async () => {
|
||
render(Page, {
|
||
data: { ...baseData, initialSenderId: 'p1', initialSenderName: 'Hans Müller' },
|
||
form: null
|
||
});
|
||
const hidden = document.querySelector<HTMLInputElement>(
|
||
'input[type="hidden"][name="senderId"]'
|
||
);
|
||
expect(hidden?.value).toBe('p1');
|
||
});
|
||
});
|
||
|
||
// ─── Prefill – receiver ───────────────────────────────────────────────────────
|
||
|
||
describe('New document page – receiver prefill', () => {
|
||
it('shows no receiver chips when initialReceivers is empty', async () => {
|
||
render(Page, { data: baseData, form: null });
|
||
await expect.element(page.getByText('Anna Schmidt')).not.toBeInTheDocument();
|
||
});
|
||
|
||
it('shows a receiver chip when initialReceivers has a person', async () => {
|
||
const data = {
|
||
...baseData,
|
||
initialReceivers: [
|
||
{ id: 'p2', firstName: 'Anna', lastName: 'Schmidt', displayName: 'Anna Schmidt' }
|
||
]
|
||
};
|
||
render(Page, { data, form: null });
|
||
await expect.element(page.getByText('Anna Schmidt')).toBeInTheDocument();
|
||
});
|
||
|
||
it('renders a hidden receiverIds input for the prefilled receiver', async () => {
|
||
const data = {
|
||
...baseData,
|
||
initialReceivers: [
|
||
{ id: 'p2', firstName: 'Anna', lastName: 'Schmidt', displayName: 'Anna Schmidt' }
|
||
]
|
||
};
|
||
render(Page, { data, form: null });
|
||
const hidden = document.querySelector<HTMLInputElement>('input[name="receiverIds"]');
|
||
expect(hidden?.value).toBe('p2');
|
||
});
|
||
});
|