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

fix(date-input): re-derive display when value prop changes externally

Browse Source 
`display` was initialised once and never updated, so the text box would
show a stale German date after the parent reset `value` (e.g. × reset
button or timeline drag). A guarded `$effect` re-derives `display` from
`value` whenever the two are out of sync while preserving mid-typing
partial dates (germanToIso returns '' for incomplete input, which matches
value='' during typing → no spurious re-derive).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-05-09 09:11:29 +02:00
committed by marcel
parent e2d74ff880
commit 0430383e1c
2 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/lib/shared/primitives/DateInput.svelte.spec.ts
View File

@@ -183,6 +183,26 @@ describe('DateInput – clearing the date', () => {
});
});
// ─── External value changes ───────────────────────────────────────────────────
describe('DateInput – external value changes', () => {
it('clears display when value prop is reset to empty externally', async () => {
const { rerender } = render(DateInput, { value: '1920-01-01' });
const input = page.getByRole('textbox');
await expect.element(input).toHaveValue('01.01.1920');
await rerender({ value: '' });
await expect.element(input).toHaveValue('');
});
it('updates display when value prop changes to a new date externally', async () => {
const { rerender } = render(DateInput, { value: '1920-01-01' });
const input = page.getByRole('textbox');
await expect.element(input).toHaveValue('01.01.1920');
await rerender({ value: '1945-05-08' });
await expect.element(input).toHaveValue('08.05.1945');
});
});
// ─── Hidden input ─────────────────────────────────────────────────────────────
describe('DateInput – hidden input for form submission', () => {