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.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { describe, it, expect, beforeEach } from "vitest";
|
|
import { render, screen } from "@testing-library/react";
|
|
import App from "@/App";
|
|
import { useFocusStore } from "@/stores/focus-store";
|
|
import { useNavStore } from "@/stores/nav-store";
|
|
|
|
describe("App", () => {
|
|
beforeEach(() => {
|
|
useNavStore.setState({ activeView: "focus" });
|
|
useFocusStore.setState({
|
|
current: null,
|
|
queue: [],
|
|
isLoading: false,
|
|
error: null,
|
|
});
|
|
});
|
|
|
|
it("renders the app shell with navigation", () => {
|
|
render(<App />);
|
|
expect(screen.getByText("Focus")).toBeInTheDocument();
|
|
expect(screen.getByText("Queue")).toBeInTheDocument();
|
|
});
|
|
|
|
it("renders the focus view with empty state by default", () => {
|
|
render(<App />);
|
|
expect(screen.getByText(/all clear/i)).toBeInTheDocument();
|
|
});
|
|
|
|
it("shows loading state", () => {
|
|
useFocusStore.setState({ isLoading: true });
|
|
render(<App />);
|
|
expect(screen.getByText(/loading/i)).toBeInTheDocument();
|
|
});
|
|
|
|
it("shows error state", () => {
|
|
useFocusStore.setState({ error: "Connection failed" });
|
|
render(<App />);
|
|
expect(screen.getByText("Connection failed")).toBeInTheDocument();
|
|
});
|
|
});
|