marcel/familienarchiv
1
0
Fork 0
Code Issues 118 Pull Requests 2 Actions 1 Packages Projects Releases Wiki Activity

feat(stammbaum): AddRelationshipForm accepts onSubmit callback prop for fetch-based submission

Browse Source 
When onSubmit is provided the form has no server action and calls the
callback with typed RelFormData instead. Uses a shared {#snippet} for
the form body so the two submission paths share one template.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-28 19:22:10 +02:00
committed by marcel
parent a81323a7a1
commit 3cfaae06da
2 changed files with 133 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/lib/components/AddRelationshipForm.svelte.spec.ts
View File

@@ -38,6 +38,15 @@ describe('AddRelationshipForm', () => {
await expect.element(page.getByRole('button', { name: /^Hinzufügen$/i })).toBeDisabled();
});
it('form has no server action when onSubmit prop is provided', async () => {
const onSubmit = vi.fn().mockResolvedValue(undefined);
render(AddRelationshipForm, { personId: 'person-1', onSubmit });
document.querySelector<HTMLButtonElement>('button')!.click();
await expect.element(page.getByRole('combobox')).toBeInTheDocument();
const form = document.querySelector('form');
expect(form?.hasAttribute('action')).toBe(false);
});
it('shows year-range error when toYear is before fromYear', async () => {
render(AddRelationshipForm, { personId: 'person-1' });
document.querySelector<HTMLButtonElement>('button')!.click();