From 3379392465ecfb86afe9189f84fe3ae3b985a9b6 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Fri, 8 May 2026 12:45:32 +0200
Subject: [PATCH] test(dashboard): cover the {#if data.isReader} render branch

Adds a readerData fixture and five render-level assertions: the three
ReaderStatsStrip totals, the recent-docs heading, the absent
contributor mission caption, and the drafts module appearing only when
canBlogWrite is true.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/src/routes/page.svelte.spec.ts | 65 +++++++++++++++++++++----
 1 file changed, 56 insertions(+), 9 deletions(-)

diff --git a/frontend/src/routes/page.svelte.spec.ts b/frontend/src/routes/page.svelte.spec.ts
index d90f98c4..e1d82648 100644
--- a/frontend/src/routes/page.svelte.spec.ts
+++ b/frontend/src/routes/page.svelte.spec.ts
@@ -10,16 +10,18 @@ afterEach(cleanup);
 
 vi.mock('$app/navigation', () => ({ goto: vi.fn(), invalidateAll: vi.fn() }));
 
+const baseUser: User = {
+	id: 'u1',
+	email: 'max@example.com',
+	firstName: 'Max',
+	lastName: '',
+	groups: [],
+	enabled: true,
+	createdAt: '2024-01-01T00:00:00Z'
+};
+
 const baseData = {
-	user: {
-		id: 'u1',
-		email: 'max@example.com',
-		firstName: 'Max',
-		lastName: '',
-		groups: [],
-		enabled: true,
-		createdAt: '2024-01-01T00:00:00Z'
-	} as User,
+	user: baseUser,
 	isReader: false as const,
 	canWrite: true,
 	canAnnotate: false,
@@ -37,6 +39,20 @@ const baseData = {
 	error: null
 };
 
+const readerData = {
+	user: baseUser,
+	isReader: true as const,
+	canWrite: false,
+	canAnnotate: false,
+	canBlogWrite: false,
+	readerStats: { totalPersons: 12, totalDocuments: 34, totalStories: 5 },
+	topPersons: [],
+	recentDocs: [],
+	recentStories: [],
+	drafts: [],
+	error: null
+};
+
 // ─── Dashboard layout ─────────────────────────────────────────────────────────
 
 describe('Home page – dashboard layout', () => {
@@ -82,3 +98,34 @@ describe('Home page – dashboard layout', () => {
 		await expect.element(page.getByText(/Dateien auf einmal hochladen/i)).not.toBeInTheDocument();
 	});
 });
+
+// ─── Reader dashboard layout ──────────────────────────────────────────────────
+
+describe('Home page – reader dashboard layout', () => {
+	it('renders ReaderStatsStrip totals when isReader is true', async () => {
+		render(Page, { data: readerData });
+		await expect.element(page.getByText('34')).toBeInTheDocument();
+		await expect.element(page.getByText('12')).toBeInTheDocument();
+		await expect.element(page.getByText('5')).toBeInTheDocument();
+	});
+
+	it('renders the recent-docs heading when isReader is true', async () => {
+		render(Page, { data: readerData });
+		await expect.element(page.getByText('Zuletzt aktualisiert')).toBeInTheDocument();
+	});
+
+	it('hides the contributor mission control caption when isReader is true', async () => {
+		render(Page, { data: readerData });
+		await expect.element(page.getByText('Offene Aufgaben')).not.toBeInTheDocument();
+	});
+
+	it('renders the drafts module when canBlogWrite is true', async () => {
+		render(Page, { data: { ...readerData, canBlogWrite: true } });
+		await expect.element(page.getByText('Meine Entwürfe')).toBeInTheDocument();
+	});
+
+	it('hides the drafts module when canBlogWrite is false', async () => {
+		render(Page, { data: readerData });
+		await expect.element(page.getByText('Meine Entwürfe')).not.toBeInTheDocument();
+	});
+});