c9389d3b8b
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>
76 lines
2.3 KiB
TypeScript
76 lines
2.3 KiB
TypeScript
import { describe, it, expect, afterEach } from 'vitest';
|
|
import { cleanup, render } from 'vitest-browser-svelte';
|
|
import { page } from 'vitest/browser';
|
|
import DocumentViewer from './DocumentViewer.svelte';
|
|
|
|
afterEach(cleanup);
|
|
|
|
const baseProps = {
|
|
doc: { id: 'd1', filePath: null, contentType: null, fileHash: null },
|
|
fileUrl: '',
|
|
isLoading: false,
|
|
error: '',
|
|
transcribeMode: false,
|
|
blockNumbers: {},
|
|
annotationReloadKey: 0,
|
|
activeAnnotationId: null,
|
|
annotationsDimmed: false,
|
|
flashAnnotationId: null,
|
|
onAnnotationClick: () => {}
|
|
};
|
|
|
|
describe('DocumentViewer', () => {
|
|
it('renders the loading spinner and label when isLoading is true', async () => {
|
|
render(DocumentViewer, { props: { ...baseProps, isLoading: true } });
|
|
|
|
await expect.element(page.getByText('Lade Dokument...')).toBeVisible();
|
|
});
|
|
|
|
it('renders the error message when error is set', async () => {
|
|
render(DocumentViewer, { props: { ...baseProps, error: 'Datei nicht verfügbar' } });
|
|
|
|
await expect.element(page.getByText('Datei nicht verfügbar')).toBeVisible();
|
|
});
|
|
|
|
it('shows the direct-download link in the error state when filePath is present', async () => {
|
|
render(DocumentViewer, {
|
|
props: {
|
|
...baseProps,
|
|
doc: { ...baseProps.doc, filePath: 'docs/scan.pdf' },
|
|
error: 'Render failed'
|
|
}
|
|
});
|
|
|
|
await expect
|
|
.element(page.getByRole('link', { name: /direkter download/i }))
|
|
.toHaveAttribute('href', '/api/documents/d1/file');
|
|
});
|
|
|
|
it('omits the direct-download link in the error state when filePath is null', async () => {
|
|
render(DocumentViewer, { props: { ...baseProps, error: 'Render failed' } });
|
|
|
|
await expect
|
|
.element(page.getByRole('link', { name: /direkter download/i }))
|
|
.not.toBeInTheDocument();
|
|
});
|
|
|
|
it('renders the no-scan placeholder when filePath is null and there is no error', async () => {
|
|
render(DocumentViewer, { props: baseProps });
|
|
|
|
await expect.element(page.getByText('Kein Scan vorhanden')).toBeVisible();
|
|
});
|
|
|
|
it('renders an <img> for non-PDF content types when fileUrl is present', async () => {
|
|
render(DocumentViewer, {
|
|
props: {
|
|
...baseProps,
|
|
doc: { ...baseProps.doc, filePath: 'docs/x.jpg', contentType: 'image/jpeg' },
|
|
fileUrl: '/api/documents/d1/file'
|
|
}
|
|
});
|
|
|
|
const img = await page.getByRole('img', { name: /original-scan/i }).element();
|
|
expect(img.getAttribute('src')).toBe('/api/documents/d1/file');
|
|
});
|
|
});
|