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

test(routes): cover +error and forgot-password page branches

Browse Source 
+error.svelte: vi.mock('$app/state') drives the page state so each test
can assert one of the three rendering branches — populated error message,
distinct status code, and the 'Internal Error' fallback when page.error
is null.

forgot-password/+page.svelte: prop-driven tests for the four states —
default form, success banner, error message inside the form, and the
back-to-login link href.

Refs #496.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-05-09 20:03:59 +02:00
parent 2578da50f9
commit bbc9e64897
2 changed files with 98 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/routes/forgot-password/page.svelte.test.ts Normal file
View File

@@ -0,0 +1,46 @@
import { describe, it, expect, afterEach } from 'vitest';
import { cleanup, render } from 'vitest-browser-svelte';
import { page } from 'vitest/browser';
import ForgotPasswordPage from './+page.svelte';
afterEach(cleanup);
describe('forgot-password page', () => {
it('renders the email input form when no form prop is provided', async () => {
render(ForgotPasswordPage, { props: { form: undefined } });
await expect.element(page.getByRole('heading', { name: /passwort vergessen/i })).toBeVisible();
await expect.element(page.getByLabelText('E-Mail-Adresse')).toBeVisible();
await expect.element(page.getByRole('button', { name: /link anfordern/i })).toBeVisible();
});
it('shows the success banner and hides the form when form.success is true', async () => {
render(ForgotPasswordPage, { props: { form: { success: true } } });
await expect
.element(
page.getByText(
'Falls ein Konto mit dieser E-Mail-Adresse existiert, erhalten Sie in Kürze eine E-Mail mit einem Link zum Zurücksetzen Ihres Passworts.'
)
)
.toBeVisible();
await expect
.element(page.getByRole('button', { name: /link anfordern/i }))
.not.toBeInTheDocument();
});
it('shows the error message inside the form when form.error is set', async () => {
render(ForgotPasswordPage, { props: { form: { error: 'Server unreachable' } } });
await expect.element(page.getByText('Server unreachable')).toBeVisible();
await expect.element(page.getByRole('button', { name: /link anfordern/i })).toBeVisible();
});
it('always offers a back-to-login link', async () => {
render(ForgotPasswordPage, { props: { form: undefined } });
await expect
.element(page.getByRole('link', { name: /zurück zum login/i }))
.toHaveAttribute('href', '/login');
});
});