test: cover admin/groups/new and enrich/+ page branches

admin/groups/new: heading, both permission group renderings (4 standard
+ 4 administrative checkboxes), form-error banner branch, cancel link
href, submit button form-attribute wiring, name input requiredness.
Mocks $app/navigation so beforeNavigate doesn't crash the test runner.

enrich/+: heading, empty placeholder vs populated count + start CTA,
start CTA href derived from documents[0].id, per-row title rendering,
bulk-select checkbox gated on canWrite.

16 tests across two files.

Refs #496.

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

frontend/src/routes/admin/groups/new/page.svelte.test.ts

@@ -0,0 +1,85 @@
+import { describe, it, expect, vi, afterEach } from 'vitest';
+import { cleanup, render } from 'vitest-browser-svelte';
+import { page } from 'vitest/browser';
+
+vi.mock('$app/navigation', () => ({
+	beforeNavigate: () => {},
+	afterNavigate: () => {},
+	goto: vi.fn(),
+	invalidate: vi.fn(),
+	invalidateAll: vi.fn(),
+	preloadCode: vi.fn(),
+	preloadData: vi.fn(),
+	pushState: vi.fn(),
+	replaceState: vi.fn(),
+	disableScrollHandling: vi.fn(),
+	onNavigate: () => () => {}
+}));
+
+const { default: AdminGroupNewPage } = await import('./+page.svelte');
+
+afterEach(cleanup);
+
+describe('admin/groups/new page', () => {
+	it('renders the page heading', async () => {
+		render(AdminGroupNewPage, { props: { form: undefined } });
+
+		await expect.element(page.getByRole('heading', { name: /neue gruppe anlegen/i })).toBeVisible();
+	});
+
+	it('renders all four standard permission checkboxes', async () => {
+		render(AdminGroupNewPage, { props: { form: undefined } });
+
+		const standardPerms = ['READ_ALL', 'ANNOTATE_ALL', 'WRITE_ALL', 'BLOG_WRITE'];
+		for (const perm of standardPerms) {
+			const checkbox = document.querySelector(`input[name="permissions"][value="${perm}"]`);
+			expect(checkbox).not.toBeNull();
+		}
+	});
+
+	it('renders all four administrative permission checkboxes', async () => {
+		render(AdminGroupNewPage, { props: { form: undefined } });
+
+		const adminPerms = ['ADMIN', 'ADMIN_USER', 'ADMIN_TAG', 'ADMIN_PERMISSION'];
+		for (const perm of adminPerms) {
+			const checkbox = document.querySelector(`input[name="permissions"][value="${perm}"]`);
+			expect(checkbox).not.toBeNull();
+		}
+	});
+
+	it('shows the form error banner when form.error is set', async () => {
+		render(AdminGroupNewPage, { props: { form: { error: 'Name is required' } } });
+
+		await expect.element(page.getByText('Name is required')).toBeVisible();
+	});
+
+	it('does not show the form error banner when form is undefined', async () => {
+		render(AdminGroupNewPage, { props: { form: undefined } });
+
+		await expect.element(page.getByText(/^Name is required$/)).not.toBeInTheDocument();
+	});
+
+	it('renders cancel link to /admin/groups', async () => {
+		render(AdminGroupNewPage, { props: { form: undefined } });
+
+		const cancelLink = document.querySelector('a[href="/admin/groups"]');
+		expect(cancelLink).not.toBeNull();
+	});
+
+	it('renders the submit button labelled "Erstellen" tied to the form via the form attribute', async () => {
+		render(AdminGroupNewPage, { props: { form: undefined } });
+
+		const submit = (await page
+			.getByRole('button', { name: /erstellen/i })
+			.element()) as HTMLButtonElement;
+		expect(submit.getAttribute('form')).toBe('new-group-form');
+	});
+
+	it('renders the name input with placeholder text', async () => {
+		render(AdminGroupNewPage, { props: { form: undefined } });
+
+		const nameInput = document.querySelector('input[name="name"]') as HTMLInputElement;
+		expect(nameInput.placeholder).not.toBe('');
+		expect(nameInput.required).toBe(true);
+	});
+});