480d0817d9
Full test coverage for the frontend implementation using Vitest and Testing Library. Tests are organized by concern with shared fixtures. Component tests: - AppShell.test.tsx: Navigation tabs, view switching, batch mode overlay - FocusCard.test.tsx: Rendering, action buttons, keyboard shortcuts, empty state - QueueView.test.tsx: Item display, focus promotion, empty state - QueueItem.test.tsx: Type badges, click handling - QueueSummary.test.tsx: Count display by type - QuickCapture.test.tsx: Modal behavior, form submission, error states - BatchMode.test.tsx: Progress tracking, item advancement, completion - App.test.tsx: Updated for AppShell integration Store tests: - focus-store.test.ts: Item management, act(), setFocus(), reorderQueue() - nav-store.test.ts: View switching - capture-store.test.ts: Open/close, submission states - batch-store.test.ts: Batch lifecycle, status tracking, derived counts Library tests: - types.test.ts: Type guards, staleness computation - transform.test.ts: Lore data transformation, priority ordering - format.test.ts: IID formatting for MRs vs issues E2E tests (app.spec.ts): - Navigation flow - Focus card interactions - Queue management - Quick capture flow Test infrastructure: - fixtures.ts: makeFocusItem() factory - tauri-plugin-shell.ts: Mock for @tauri-apps/plugin-shell - Updated tauri-api.ts mock with new commands - vitest.config.ts: Path aliases, jsdom environment - playwright.config.ts: Removed webServer (run separately) - package.json: Added @tauri-apps/plugin-shell dependency Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
import { describe, it, expect } from "vitest";
|
|
import { render, screen } from "@testing-library/react";
|
|
import { QueueSummary } from "@/components/QueueSummary";
|
|
import { makeFocusItem } from "../helpers/fixtures";
|
|
|
|
describe("QueueSummary", () => {
|
|
it("shows empty queue message when no items", () => {
|
|
render(<QueueSummary queue={[]} />);
|
|
expect(screen.getByText(/queue is empty/i)).toBeInTheDocument();
|
|
});
|
|
|
|
it("shows review count", () => {
|
|
const queue = [
|
|
makeFocusItem({ id: "a", type: "mr_review" }),
|
|
makeFocusItem({ id: "b", type: "mr_review" }),
|
|
];
|
|
render(<QueueSummary queue={queue} />);
|
|
expect(screen.getByText(/2 reviews/)).toBeInTheDocument();
|
|
});
|
|
|
|
it("shows singular for 1 item", () => {
|
|
const queue = [makeFocusItem({ id: "a", type: "issue" })];
|
|
render(<QueueSummary queue={queue} />);
|
|
expect(screen.getByText(/1 issue(?!s)/)).toBeInTheDocument();
|
|
});
|
|
|
|
it("shows mixed counts separated by dots", () => {
|
|
const queue = [
|
|
makeFocusItem({ id: "a", type: "mr_review" }),
|
|
makeFocusItem({ id: "b", type: "issue" }),
|
|
makeFocusItem({ id: "c", type: "issue" }),
|
|
makeFocusItem({ id: "d", type: "manual" }),
|
|
];
|
|
render(<QueueSummary queue={queue} />);
|
|
const text = screen.getByText(/Queue:/);
|
|
expect(text.textContent).toContain("1 review");
|
|
expect(text.textContent).toContain("2 issues");
|
|
expect(text.textContent).toContain("1 task");
|
|
});
|
|
});
|