1d08522df8
Shows documents with missing metadata as a dashboard widget with links to the enrich workflow. Renders nothing when the list is empty. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
50 lines
1.9 KiB
TypeScript
50 lines
1.9 KiB
TypeScript
import { describe, it, expect, afterEach } from 'vitest';
|
|
import { cleanup, render } from 'vitest-browser-svelte';
|
|
import { page } from 'vitest/browser';
|
|
|
|
import DashboardNeedsMetadata from './DashboardNeedsMetadata.svelte';
|
|
|
|
afterEach(cleanup);
|
|
|
|
type IncompleteDocumentDTO = {
|
|
id: string;
|
|
title: string;
|
|
};
|
|
|
|
function makeDoc(id: string, title: string): IncompleteDocumentDTO {
|
|
return { id, title };
|
|
}
|
|
|
|
describe('DashboardNeedsMetadata', () => {
|
|
it('renders nothing when incompleteDocs is empty', async () => {
|
|
render(DashboardNeedsMetadata, { incompleteDocs: [] });
|
|
const widget = page.getByTestId('dashboard-needs-metadata');
|
|
await expect.element(widget).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('shows the widget when incompleteDocs are present', async () => {
|
|
render(DashboardNeedsMetadata, { incompleteDocs: [makeDoc('d1', 'Taufschein')] });
|
|
const widget = page.getByTestId('dashboard-needs-metadata');
|
|
await expect.element(widget).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders a link to /enrich/{id} for each document', async () => {
|
|
const docs = [makeDoc('d1', 'Taufschein'), makeDoc('d2', 'Heiratsurkunde')];
|
|
render(DashboardNeedsMetadata, { incompleteDocs: docs });
|
|
const links = page.getByRole('link');
|
|
await expect.element(links.nth(0)).toHaveAttribute('href', '/enrich/d1');
|
|
await expect.element(links.nth(1)).toHaveAttribute('href', '/enrich/d2');
|
|
});
|
|
|
|
it('shows the document title in each row', async () => {
|
|
render(DashboardNeedsMetadata, { incompleteDocs: [makeDoc('d1', 'Sterbeurkunde 1930')] });
|
|
await expect.element(page.getByText('Sterbeurkunde 1930')).toBeInTheDocument();
|
|
});
|
|
|
|
it('shows a "Alle anzeigen" link to /enrich', async () => {
|
|
render(DashboardNeedsMetadata, { incompleteDocs: [makeDoc('d1', 'Dok')] });
|
|
const allLink = page.getByRole('link', { name: /Alle anzeigen/i });
|
|
await expect.element(allLink).toHaveAttribute('href', '/enrich');
|
|
});
|
|
});
|