Backend: - Add ANNOTATE_ALL permission - Add ANNOTATION_NOT_FOUND and ANNOTATION_OVERLAP error codes - V10 migration: document_annotations table with page/rect/color/owner - DocumentAnnotation entity, AnnotationRepository, CreateAnnotationDTO - AnnotationService: overlap detection (rectangle intersection), ownership enforcement on delete - AnnotationController: GET (authenticated), POST/DELETE (ANNOTATE_ALL) - 15 new tests (AnnotationServiceTest, AnnotationControllerTest) — TDD red/green Frontend: - AnnotationLayer.svelte: pointer-event drawing, colored rect overlays, delete buttons - PdfViewer.svelte: annotate toggle, color picker, loads/saves/deletes annotations via API - Disabled annotate button with tooltip for users without ANNOTATE_ALL - canAnnotate exposed from layout server, passed to PdfViewer - errors.ts + de/en/es translations for new error codes - 3 new unit tests for AnnotationLayer — TDD red/green Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
69 lines
2.7 KiB
TypeScript
69 lines
2.7 KiB
TypeScript
import { afterEach, describe, expect, it, vi } from 'vitest';
|
||
import { cleanup, render } from 'vitest-browser-svelte';
|
||
import { page } from 'vitest/browser';
|
||
import Page from './+page.svelte';
|
||
|
||
vi.mock('$app/forms', () => ({ enhance: () => () => {} }));
|
||
|
||
const groups = [
|
||
{ id: 'g1', name: 'Editoren', permissions: ['WRITE_ALL'] },
|
||
{ id: 'g2', name: 'Admins', permissions: ['ADMIN'] }
|
||
];
|
||
|
||
const baseData = { user: undefined, canWrite: true, canAnnotate: false, groups };
|
||
|
||
afterEach(cleanup);
|
||
|
||
// ─── Rendering ────────────────────────────────────────────────────────────────
|
||
|
||
describe('Admin new user page – rendering', () => {
|
||
it('renders the page heading', async () => {
|
||
render(Page, { data: baseData, form: null });
|
||
await expect.element(page.getByText(/Neuen Benutzer anlegen/i)).toBeInTheDocument();
|
||
});
|
||
|
||
it('renders the login input', async () => {
|
||
render(Page, { data: baseData, form: null });
|
||
await expect.element(page.getByRole('textbox', { name: /Login/i })).toBeInTheDocument();
|
||
});
|
||
|
||
it('renders group checkboxes for each available group', async () => {
|
||
render(Page, { data: baseData, form: null });
|
||
await expect.element(page.getByText('Editoren')).toBeInTheDocument();
|
||
await expect.element(page.getByText('Admins')).toBeInTheDocument();
|
||
});
|
||
|
||
it('cancel link points to /admin', async () => {
|
||
render(Page, { data: baseData, form: null });
|
||
await expect
|
||
.element(page.getByRole('link', { name: /Abbrechen/i }))
|
||
.toHaveAttribute('href', '/admin');
|
||
});
|
||
|
||
it('back link points to /admin', async () => {
|
||
render(Page, { data: baseData, form: null });
|
||
await expect
|
||
.element(page.getByRole('link', { name: /Zurück/i }))
|
||
.toHaveAttribute('href', '/admin');
|
||
});
|
||
|
||
it('renders the create button', async () => {
|
||
render(Page, { data: baseData, form: null });
|
||
await expect.element(page.getByRole('button', { name: /Erstellen/i })).toBeInTheDocument();
|
||
});
|
||
});
|
||
|
||
// ─── Error display ────────────────────────────────────────────────────────────
|
||
|
||
describe('Admin new user page – error display', () => {
|
||
it('shows the error message when form has an error', async () => {
|
||
render(Page, { data: baseData, form: { error: 'Ein Fehler ist aufgetreten.' } });
|
||
await expect.element(page.getByText('Ein Fehler ist aufgetreten.')).toBeInTheDocument();
|
||
});
|
||
|
||
it('does not show error section when form is null', async () => {
|
||
render(Page, { data: baseData, form: null });
|
||
await expect.element(page.getByText('Ein Fehler ist aufgetreten.')).not.toBeInTheDocument();
|
||
});
|
||
});
|