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

test(dashboard): cover the {#if data.isReader} render branch

Browse Source 
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>
This commit is contained in:
Marcel
2026-05-08 12:45:32 +02:00
committed by marcel
parent 5a8a1898f8
commit 64bcc8d031
1 changed files with 56 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
frontend/src/routes/page.svelte.spec.ts
View File

@@ -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();
});
});