diff --git a/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte.test.ts b/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte.test.ts
new file mode 100644
index 00000000..d15e6f7f
--- /dev/null
+++ b/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte.test.ts
@@ -0,0 +1,97 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { cleanup, render } from 'vitest-browser-svelte';
+import { page } from 'vitest/browser';
+import ReaderRecentDocs from './ReaderRecentDocs.svelte';
+
+afterEach(cleanup);
+
+const makeDoc = (overrides: Record<string, unknown> = {}) => ({
+	id: 'd1',
+	title: 'Brief 1923',
+	createdAt: '2026-04-15T10:00:00Z',
+	updatedAt: '2026-04-15T10:00:00Z',
+	sender: { id: 's1', firstName: 'Anna', lastName: 'Schmidt', displayName: 'Anna Schmidt' },
+	...overrides
+});
+
+describe('ReaderRecentDocs', () => {
+	it('renders the heading', async () => {
+		render(ReaderRecentDocs, { props: { documents: [] } });
+
+		await expect
+			.element(page.getByRole('heading', { name: /zuletzt aktualisiert/i }))
+			.toBeVisible();
+	});
+
+	it('renders the all-documents link', async () => {
+		render(ReaderRecentDocs, { props: { documents: [] } });
+
+		await expect
+			.element(page.getByRole('link', { name: /alle dokumente/i }))
+			.toHaveAttribute('href', '/documents');
+	});
+
+	it('renders the New badge when createdAt equals updatedAt', async () => {
+		render(ReaderRecentDocs, {
+			props: {
+				documents: [
+					makeDoc({ createdAt: '2026-04-15T10:00:00Z', updatedAt: '2026-04-15T10:00:00Z' })
+				]
+			}
+		});
+
+		await expect.element(page.getByText('Neu')).toBeVisible();
+	});
+
+	it('hides the New badge when document was updated after creation', async () => {
+		render(ReaderRecentDocs, {
+			props: {
+				documents: [
+					makeDoc({
+						createdAt: '2026-04-15T10:00:00Z',
+						updatedAt: '2026-04-15T11:00:00Z'
+					})
+				]
+			}
+		});
+
+		await expect.element(page.getByText('Neu')).not.toBeInTheDocument();
+	});
+
+	it('renders the sender displayName', async () => {
+		render(ReaderRecentDocs, { props: { documents: [makeDoc()] } });
+
+		await expect.element(page.getByText('Anna Schmidt')).toBeVisible();
+	});
+
+	it('falls back to em-dash when sender is null', async () => {
+		render(ReaderRecentDocs, {
+			props: { documents: [makeDoc({ sender: null })] }
+		});
+
+		expect(document.body.textContent).toContain('—');
+	});
+
+	it('falls back to lastName when displayName is missing', async () => {
+		render(ReaderRecentDocs, {
+			props: {
+				documents: [
+					makeDoc({
+						sender: { id: 's1', firstName: 'Anna', lastName: 'Schmidt', displayName: null }
+					})
+				]
+			}
+		});
+
+		await expect.element(page.getByText(/Schmidt/)).toBeVisible();
+	});
+
+	it('renders the document link to /documents/{id}', async () => {
+		render(ReaderRecentDocs, { props: { documents: [makeDoc({ id: 'd-42' })] } });
+
+		const links = document.querySelectorAll('a[href^="/documents/"]');
+		expect(
+			Array.from(links).some((a) => (a as HTMLAnchorElement).href.includes('/documents/d-42'))
+		).toBe(true);
+	});
+});