Frontend: design system, navigation, auth guard, signup screen #33

Merged
marcel merged 25 commits from feat/issue-16-design-system into master 2026-04-02 19:00:19 +02:00
Showing only changes of commit bfa8f20fe3 - Show all commits

View File

@@ -0,0 +1,33 @@
import { describe, it, expect, vi } from 'vitest';
import { render, screen } from '@testing-library/svelte';
import Page from './+page.svelte';
vi.mock('$app/stores', async () => {
const { readable } = await import('svelte/store');
return {
page: readable({ url: new URL('http://localhost/signup') })
};
});
describe('signup page', () => {
it('renders the signup form', () => {
render(Page);
expect(screen.getByText('Konto erstellen')).toBeInTheDocument();
});
it('renders the brand panel', () => {
render(Page);
expect(screen.getByText('Mealprep')).toBeInTheDocument();
});
it('does not render any navigation chrome', () => {
render(Page);
// No nav element should exist
expect(screen.queryByRole('navigation')).not.toBeInTheDocument();
// No app shell nav links
expect(screen.queryByText('Planer')).not.toBeInTheDocument();
expect(screen.queryByText('Rezepte')).not.toBeInTheDocument();
expect(screen.queryByText('Einkauf')).not.toBeInTheDocument();
expect(screen.queryByText('Einstellungen')).not.toBeInTheDocument();
});
});