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>
67 lines
2.0 KiB
TypeScript
67 lines
2.0 KiB
TypeScript
import { describe, it, expect, beforeEach } from "vitest";
|
|
import { useCaptureStore } from "@/stores/capture-store";
|
|
|
|
describe("useCaptureStore", () => {
|
|
beforeEach(() => {
|
|
useCaptureStore.setState({
|
|
isOpen: false,
|
|
isSubmitting: false,
|
|
lastCapturedId: null,
|
|
error: null,
|
|
});
|
|
});
|
|
|
|
it("starts closed", () => {
|
|
const state = useCaptureStore.getState();
|
|
expect(state.isOpen).toBe(false);
|
|
expect(state.isSubmitting).toBe(false);
|
|
});
|
|
|
|
it("opens the overlay", () => {
|
|
useCaptureStore.getState().open();
|
|
expect(useCaptureStore.getState().isOpen).toBe(true);
|
|
});
|
|
|
|
it("closes the overlay and resets state", () => {
|
|
useCaptureStore.setState({ isOpen: true, isSubmitting: true, error: "test" });
|
|
useCaptureStore.getState().close();
|
|
|
|
const state = useCaptureStore.getState();
|
|
expect(state.isOpen).toBe(false);
|
|
expect(state.isSubmitting).toBe(false);
|
|
expect(state.error).toBeNull();
|
|
});
|
|
|
|
it("sets submitting state", () => {
|
|
useCaptureStore.getState().setSubmitting(true);
|
|
expect(useCaptureStore.getState().isSubmitting).toBe(true);
|
|
});
|
|
|
|
it("records a successful capture", () => {
|
|
useCaptureStore.getState().captureSuccess("bd-123");
|
|
|
|
const state = useCaptureStore.getState();
|
|
expect(state.lastCapturedId).toBe("bd-123");
|
|
expect(state.isSubmitting).toBe(false);
|
|
expect(state.isOpen).toBe(false);
|
|
expect(state.error).toBeNull();
|
|
});
|
|
|
|
it("records a failed capture", () => {
|
|
useCaptureStore.setState({ isSubmitting: true });
|
|
useCaptureStore.getState().captureError("br command failed");
|
|
|
|
const state = useCaptureStore.getState();
|
|
expect(state.error).toBe("br command failed");
|
|
expect(state.isSubmitting).toBe(false);
|
|
expect(state.isOpen).toBe(true); // stays open so user can retry
|
|
});
|
|
|
|
it("clears error when opening", () => {
|
|
useCaptureStore.setState({ error: "old error" });
|
|
useCaptureStore.getState().open();
|
|
|
|
expect(useCaptureStore.getState().error).toBeNull();
|
|
});
|
|
});
|