df79eec5cc
Shows recently reviewed documents as a dashboard widget with formatted dates. Renders nothing when the list is empty. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
58 lines
2.2 KiB
TypeScript
58 lines
2.2 KiB
TypeScript
import { describe, it, expect, afterEach } from 'vitest';
|
|
import { cleanup, render } from 'vitest-browser-svelte';
|
|
import { page } from 'vitest/browser';
|
|
|
|
import DashboardRecentDocuments from './DashboardRecentDocuments.svelte';
|
|
|
|
afterEach(cleanup);
|
|
|
|
type Document = {
|
|
id: string;
|
|
title: string;
|
|
documentDate?: string;
|
|
sender?: { id: string; firstName: string; lastName: string };
|
|
};
|
|
|
|
function makeDoc(id: string, title: string, date?: string): Document {
|
|
return { id, title, documentDate: date };
|
|
}
|
|
|
|
describe('DashboardRecentDocuments', () => {
|
|
it('renders nothing when recentDocs is empty', async () => {
|
|
render(DashboardRecentDocuments, { recentDocs: [] });
|
|
const widget = page.getByTestId('dashboard-recent-docs');
|
|
await expect.element(widget).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('shows the widget when recentDocs are present', async () => {
|
|
render(DashboardRecentDocuments, { recentDocs: [makeDoc('d1', 'Taufschein')] });
|
|
const widget = page.getByTestId('dashboard-recent-docs');
|
|
await expect.element(widget).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders a link to /documents/{id} for each document', async () => {
|
|
const docs = [makeDoc('d1', 'Taufschein'), makeDoc('d2', 'Heiratsurkunde')];
|
|
render(DashboardRecentDocuments, { recentDocs: docs });
|
|
const links = page.getByRole('link');
|
|
await expect.element(links.nth(0)).toHaveAttribute('href', '/documents/d1');
|
|
await expect.element(links.nth(1)).toHaveAttribute('href', '/documents/d2');
|
|
});
|
|
|
|
it('shows the document title in each row', async () => {
|
|
render(DashboardRecentDocuments, {
|
|
recentDocs: [makeDoc('d1', 'Sterbeurkunde 1930', '1930-05-12')]
|
|
});
|
|
await expect.element(page.getByText('Sterbeurkunde 1930')).toBeInTheDocument();
|
|
});
|
|
|
|
it('formats and displays the document date when present', async () => {
|
|
render(DashboardRecentDocuments, { recentDocs: [makeDoc('d1', 'Dok', '1945-04-20')] });
|
|
// The date should be visible in some formatted form
|
|
const widget = page.getByTestId('dashboard-recent-docs');
|
|
await expect.element(widget).toBeInTheDocument();
|
|
// Just verify the date element exists (not exact format due to locale)
|
|
const dateEl = page.getByTestId('doc-date-d1');
|
|
await expect.element(dateEl).toBeInTheDocument();
|
|
});
|
|
});
|