7734ce7bae
- Notification widget builds full link with ?commentId= and &annotationId= params, matching the bell notification behaviour - Recent docs widget shows createdAt (upload date) instead of documentDate (the date on the original document) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
69 lines
2.1 KiB
TypeScript
69 lines
2.1 KiB
TypeScript
import { describe, it, expect, afterEach } from 'vitest';
|
|
import { cleanup, render } from 'vitest-browser-svelte';
|
|
import { page } from 'vitest/browser';
|
|
|
|
import DashboardMentions from './DashboardMentions.svelte';
|
|
|
|
afterEach(cleanup);
|
|
|
|
type NotificationDTO = {
|
|
id: string;
|
|
type: 'REPLY' | 'MENTION';
|
|
documentId?: string;
|
|
referenceId?: string;
|
|
annotationId?: string;
|
|
read: boolean;
|
|
createdAt: string;
|
|
actorName?: string;
|
|
};
|
|
|
|
function makeMention(overrides: Partial<NotificationDTO> = {}): NotificationDTO {
|
|
return {
|
|
id: 'notif-1',
|
|
type: 'MENTION',
|
|
documentId: 'doc-abc',
|
|
referenceId: 'comment-xyz',
|
|
read: false,
|
|
createdAt: '2026-01-15T10:00:00Z',
|
|
actorName: 'Anna Schmidt',
|
|
...overrides
|
|
};
|
|
}
|
|
|
|
describe('DashboardMentions', () => {
|
|
it('renders nothing when mentions list is empty', async () => {
|
|
render(DashboardMentions, { mentions: [] });
|
|
const widget = page.getByTestId('dashboard-mentions');
|
|
await expect.element(widget).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('shows a heading when mentions are present', async () => {
|
|
render(DashboardMentions, { mentions: [makeMention()] });
|
|
const widget = page.getByTestId('dashboard-mentions');
|
|
await expect.element(widget).toBeInTheDocument();
|
|
});
|
|
|
|
it('builds link with commentId param when no annotationId', async () => {
|
|
render(DashboardMentions, {
|
|
mentions: [makeMention({ documentId: 'doc-1', referenceId: 'cmt-1' })]
|
|
});
|
|
const link = page.getByRole('link');
|
|
await expect.element(link).toHaveAttribute('href', '/documents/doc-1?commentId=cmt-1');
|
|
});
|
|
|
|
it('builds link with commentId and annotationId when annotationId is present', async () => {
|
|
render(DashboardMentions, {
|
|
mentions: [makeMention({ documentId: 'doc-2', referenceId: 'cmt-2', annotationId: 'ann-9' })]
|
|
});
|
|
const link = page.getByRole('link');
|
|
await expect
|
|
.element(link)
|
|
.toHaveAttribute('href', '/documents/doc-2?commentId=cmt-2&annotationId=ann-9');
|
|
});
|
|
|
|
it('shows actor name in each row', async () => {
|
|
render(DashboardMentions, { mentions: [makeMention({ actorName: 'Maria Müller' })] });
|
|
await expect.element(page.getByText('Maria Müller')).toBeInTheDocument();
|
|
});
|
|
});
|