test: cover DocumentViewer, PersonalInfoForm, profile page

DocumentViewer: loading / error / no-scan / image rendering branches.
filePath conditionally drives the direct-download link in the error
state; fileUrl + non-PDF contentType drives the <img> render.

PersonalInfoForm: default render, prop hydration including the German
date conversion path, success/error banner branches, form action wiring.

profile/+page: notification-checkbox enabled/disabled depending on
hasEmail, no-email hint visibility, prefsSuccess/prefsError banners,
fallback when notificationPrefs is null.

20 tests across three files.

Refs #496.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/routes/profile/PersonalInfoForm.svelte.test.ts

@@ -0,0 +1,84 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { cleanup, render } from 'vitest-browser-svelte';
+import { page } from 'vitest/browser';
+import PersonalInfoForm from './PersonalInfoForm.svelte';
+
+afterEach(cleanup);
+
+describe('PersonalInfoForm', () => {
+	it('renders the section heading and the four labelled inputs by default', async () => {
+		render(PersonalInfoForm, { props: { user: null, form: null } });
+
+		await expect.element(page.getByRole('heading', { name: /persönliche daten/i })).toBeVisible();
+		await expect.element(page.getByLabelText(/vorname/i)).toBeVisible();
+		await expect.element(page.getByLabelText(/nachname/i)).toBeVisible();
+		await expect.element(page.getByLabelText(/e-mail-adresse/i)).toBeVisible();
+	});
+
+	it('hydrates inputs from the user prop', async () => {
+		render(PersonalInfoForm, {
+			props: {
+				user: {
+					firstName: 'Anna',
+					lastName: 'Schmidt',
+					email: 'anna@example.com',
+					contact: 'Telefon 123'
+				},
+				form: null
+			}
+		});
+
+		const first = (await page.getByLabelText(/vorname/i).element()) as HTMLInputElement;
+		const last = (await page.getByLabelText(/nachname/i).element()) as HTMLInputElement;
+		const email = (await page.getByLabelText(/e-mail-adresse/i).element()) as HTMLInputElement;
+		expect(first.value).toBe('Anna');
+		expect(last.value).toBe('Schmidt');
+		expect(email.value).toBe('anna@example.com');
+	});
+
+	it('converts the user.birthDate ISO value to German display format', async () => {
+		render(PersonalInfoForm, {
+			props: {
+				user: {
+					firstName: 'A',
+					lastName: 'B',
+					birthDate: '1923-04-15',
+					email: 'x@y',
+					contact: ''
+				},
+				form: null
+			}
+		});
+
+		const dateInput = (await page.getByLabelText(/geburtsdatum/i).element()) as HTMLInputElement;
+		expect(dateInput.value).toBe('15.04.1923');
+	});
+
+	it('shows the success banner when form.updateSuccess is true', async () => {
+		render(PersonalInfoForm, { props: { user: null, form: { updateSuccess: true } } });
+
+		await expect.element(page.getByText('Gespeichert.')).toBeVisible();
+	});
+
+	it('shows the error banner with the supplied message when form.updateError is set', async () => {
+		render(PersonalInfoForm, {
+			props: { user: null, form: { updateError: 'Email-Adresse bereits vergeben' } }
+		});
+
+		await expect.element(page.getByText('Email-Adresse bereits vergeben')).toBeVisible();
+	});
+
+	it('hides both banners when form is null', async () => {
+		render(PersonalInfoForm, { props: { user: null, form: null } });
+
+		await expect.element(page.getByText('Gespeichert.')).not.toBeInTheDocument();
+	});
+
+	it('declares POST as the form method and routes to the updateProfile action', async () => {
+		render(PersonalInfoForm, { props: { user: null, form: null } });
+
+		const form = document.querySelector('form');
+		expect(form?.getAttribute('method')).toBe('POST');
+		expect(form?.getAttribute('action')).toBe('?/updateProfile');
+	});
+});

frontend/src/routes/profile/page.svelte.test.ts

@@ -0,0 +1,125 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { cleanup, render } from 'vitest-browser-svelte';
+import { page } from 'vitest/browser';
+import ProfilePage from './+page.svelte';
+
+afterEach(cleanup);
+
+const baseUser = {
+	firstName: 'Anna',
+	lastName: 'Schmidt',
+	email: 'anna@example.com',
+	contact: ''
+};
+
+describe('profile page', () => {
+	it('renders the page heading and back link', async () => {
+		render(ProfilePage, {
+			props: {
+				data: {
+					user: baseUser,
+					notificationPrefs: { notifyOnReply: false, notifyOnMention: false }
+				},
+				form: null
+			}
+		});
+
+		await expect.element(page.getByRole('heading', { name: /mein profil/i })).toBeVisible();
+		await expect
+			.element(page.getByRole('link', { name: /zurück zur übersicht/i }))
+			.toHaveAttribute('href', '/');
+	});
+
+	it('disables the notification checkboxes when the user has no email', async () => {
+		render(ProfilePage, {
+			props: {
+				data: {
+					user: { ...baseUser, email: '' },
+					notificationPrefs: { notifyOnReply: false, notifyOnMention: false }
+				},
+				form: null
+			}
+		});
+
+		const replyCheckbox = document.querySelector('input[name="notifyOnReply"]') as HTMLInputElement;
+		const mentionCheckbox = document.querySelector(
+			'input[name="notifyOnMention"]'
+		) as HTMLInputElement;
+		expect(replyCheckbox.disabled).toBe(true);
+		expect(mentionCheckbox.disabled).toBe(true);
+	});
+
+	it('enables the notification checkboxes when the user has an email', async () => {
+		render(ProfilePage, {
+			props: {
+				data: {
+					user: baseUser,
+					notificationPrefs: { notifyOnReply: true, notifyOnMention: false }
+				},
+				form: null
+			}
+		});
+
+		const replyCheckbox = document.querySelector('input[name="notifyOnReply"]') as HTMLInputElement;
+		expect(replyCheckbox.disabled).toBe(false);
+		expect(replyCheckbox.checked).toBe(true);
+	});
+
+	it('shows the no-email hint when the user has no email', async () => {
+		render(ProfilePage, {
+			props: {
+				data: {
+					user: { ...baseUser, email: '' },
+					notificationPrefs: { notifyOnReply: false, notifyOnMention: false }
+				},
+				form: null
+			}
+		});
+
+		await expect
+			.element(
+				page.getByText(
+					'Bitte trage zuerst eine E-Mail-Adresse ein, um Benachrichtigungen zu erhalten.'
+				)
+			)
+			.toBeVisible();
+	});
+
+	it('shows the prefs success banner when form.prefsSuccess is true', async () => {
+		render(ProfilePage, {
+			props: {
+				data: {
+					user: baseUser,
+					notificationPrefs: { notifyOnReply: false, notifyOnMention: false }
+				},
+				form: { prefsSuccess: true }
+			}
+		});
+
+		const banners = document.querySelectorAll('.bg-green-50');
+		expect(banners.length).toBeGreaterThan(0);
+	});
+
+	it('shows the prefs error banner with the message when form.prefsError is set', async () => {
+		render(ProfilePage, {
+			props: {
+				data: {
+					user: baseUser,
+					notificationPrefs: { notifyOnReply: false, notifyOnMention: false }
+				},
+				form: { prefsError: 'Speichern fehlgeschlagen' }
+			}
+		});
+
+		await expect.element(page.getByText('Speichern fehlgeschlagen')).toBeVisible();
+	});
+
+	it('falls back to false when notificationPrefs are missing', async () => {
+		render(ProfilePage, {
+			props: { data: { user: baseUser, notificationPrefs: null }, form: null }
+		});
+
+		const replyCheckbox = document.querySelector('input[name="notifyOnReply"]') as HTMLInputElement;
+		expect(replyCheckbox.checked).toBe(false);
+	});
+});