diff --git a/frontend/src/lib/components/TranscriptionPanelHeader.svelte.test.ts b/frontend/src/lib/components/TranscriptionPanelHeader.svelte.test.ts index c2d12e9d..323a54ba 100644 --- a/frontend/src/lib/components/TranscriptionPanelHeader.svelte.test.ts +++ b/frontend/src/lib/components/TranscriptionPanelHeader.svelte.test.ts @@ -105,4 +105,32 @@ describe('TranscriptionPanelHeader', () => { await expect.element(page.getByText('5 Abschnitte')).toBeInTheDocument(); }); + + it('should show "0 Abschnitte" when blockCount is 0', async () => { + render(TranscriptionPanelHeader, { + mode: 'edit', + hasBlocks: false, + blockCount: 0, + lastEditedAt: null, + onModeChange: () => {}, + onClose: () => {} + }); + + await expect.element(page.getByText('0 Abschnitte')).toBeInTheDocument(); + }); + + it('should show formatted date when lastEditedAt is provided', async () => { + render(TranscriptionPanelHeader, { + mode: 'read', + hasBlocks: true, + blockCount: 3, + lastEditedAt: '2026-04-07T10:00:00Z', + onModeChange: () => {}, + onClose: () => {} + }); + + const statusText = document.querySelector('.hidden.md\\:block'); + expect(statusText).not.toBeNull(); + expect(statusText!.textContent).toContain('2026'); + }); });