ca660f103d
17 tests across SegmentationColumn, TranscriptionColumn, ReadyColumn, MissionControlStrip. Covers document list rendering, per-column empty states, weekly pulse visibility, link hrefs, progress bar, and the reviewedPct denominator (annotationCount, not textedBlockCount). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
77 lines
2.6 KiB
TypeScript
77 lines
2.6 KiB
TypeScript
import { describe, it, expect, afterEach } from 'vitest';
|
||
import { cleanup, render } from 'vitest-browser-svelte';
|
||
import { page } from 'vitest/browser';
|
||
import ReadyColumn from './ReadyColumn.svelte';
|
||
import type { components } from '$lib/generated/api';
|
||
|
||
type TranscriptionQueueItemDTO = components['schemas']['TranscriptionQueueItemDTO'];
|
||
|
||
afterEach(cleanup);
|
||
|
||
function makeDoc(overrides: Partial<TranscriptionQueueItemDTO> = {}): TranscriptionQueueItemDTO {
|
||
return {
|
||
id: 'doc-1',
|
||
title: 'Test Dokument',
|
||
annotationCount: 0,
|
||
textedBlockCount: 0,
|
||
reviewedBlockCount: 0,
|
||
...overrides
|
||
};
|
||
}
|
||
|
||
describe('ReadyColumn', () => {
|
||
it('renders mint-themed list when docs are provided', async () => {
|
||
const doc1 = makeDoc({ id: 'doc-1', title: 'Leseферtig Brief' });
|
||
const doc2 = makeDoc({ id: 'doc-2', title: 'Archiv Dokument' });
|
||
|
||
render(ReadyColumn, { props: { docs: [doc1, doc2], weeklyCount: 0 } });
|
||
|
||
await expect.element(page.getByText('Leseферtig Brief')).toBeInTheDocument();
|
||
await expect.element(page.getByText('Archiv Dokument')).toBeInTheDocument();
|
||
|
||
// Mint-themed container should exist
|
||
const mintContainer = document.querySelector('.border-brand-mint');
|
||
expect(mintContainer).not.toBeNull();
|
||
});
|
||
|
||
it('renders dashed empty state with CTA link when docs array is empty', async () => {
|
||
render(ReadyColumn, { props: { docs: [], weeklyCount: 0 } });
|
||
|
||
await expect
|
||
.element(page.getByText('Noch keine Dokumente vollständig transkribiert.'))
|
||
.toBeInTheDocument();
|
||
|
||
const ctaLink = page.getByRole('link', { name: 'Jetzt mitmachen' });
|
||
await expect.element(ctaLink).toBeInTheDocument();
|
||
await expect
|
||
.element(ctaLink)
|
||
.toHaveAttribute('href', '/enrich?filter=NEEDS_SEGMENTATION&next=1');
|
||
});
|
||
|
||
it('shows reviewedPct using annotationCount as denominator', async () => {
|
||
// annotationCount=4, reviewedBlockCount=4, textedBlockCount=2
|
||
// reviewedPct = Math.round(4 / 4 * 100) = 100, NOT Math.round(4/2*100) = 200
|
||
const doc = makeDoc({
|
||
id: 'doc-1',
|
||
title: 'Geprüftes Dokument',
|
||
annotationCount: 4,
|
||
reviewedBlockCount: 4,
|
||
textedBlockCount: 2
|
||
});
|
||
|
||
render(ReadyColumn, { props: { docs: [doc], weeklyCount: 0 } });
|
||
|
||
// Should show 100% (using annotationCount=4 as denominator)
|
||
await expect.element(page.getByText('100% geprüft')).toBeInTheDocument();
|
||
});
|
||
|
||
it('links to /documents/{id}', async () => {
|
||
const doc = makeDoc({ id: 'ready-789', title: 'Fertiges Dokument' });
|
||
|
||
render(ReadyColumn, { props: { docs: [doc], weeklyCount: 0 } });
|
||
|
||
const link = page.getByRole('link', { name: /Fertiges Dokument/ });
|
||
await expect.element(link).toHaveAttribute('href', '/documents/ready-789');
|
||
});
|
||
});
|