75f74d64c1* test(coverage): bootstrap vitest unit infra and add tests at 90%+ per file (#1245) Establishes the unit-test runtime AGENTS.md mandates: a vitest "unit" project alongside the existing storybook project, RTL + jest-dom + happy-dom, a Mantine-aware render helper, and a 90%-line per-file coverage gate enforced by CI. Adds 66 test files covering all 62 components under elements/groups/screens/views, plus core/mcp and clients/web/src/utils. Total: 577 tests, 98.7% line coverage globally. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> * test(coverage): address PR #1269 review feedback - AGENTS.md: correct coverage gate description (lines ≥ 90, statements ≥ 85, functions ≥ 80, branches ≥ 50) with rationale for the relaxed branch threshold - InspectorView.test.tsx: document what the Math.random() mock values (0.1 / 0.99) control vs. STUB_SUCCESS_RATE in InspectorView.tsx - vite.config.ts / tsconfig.test.json: drop unused `globals: true` and the `vitest/globals` type now that every test file imports describe/it/expect/vi explicitly; manual `afterEach(cleanup)` in setup.ts remains required because testing-library auto-cleanup relies on globalThis.afterEach Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
61 lines
2.2 KiB
TypeScript
61 lines
2.2 KiB
TypeScript
import { describe, it, expect, vi } from "vitest";
|
|
import userEvent from "@testing-library/user-event";
|
|
import { renderWithMantine, screen } from "../../../test/renderWithMantine";
|
|
import { TaskControls } from "./TaskControls";
|
|
|
|
const baseProps = {
|
|
searchText: "",
|
|
onSearchChange: vi.fn(),
|
|
onStatusFilterChange: vi.fn(),
|
|
onRefresh: vi.fn(),
|
|
};
|
|
|
|
describe("TaskControls", () => {
|
|
it("renders the title and refresh button", () => {
|
|
renderWithMantine(<TaskControls {...baseProps} />);
|
|
expect(screen.getByText("Tasks")).toBeInTheDocument();
|
|
expect(screen.getByRole("button", { name: "Refresh" })).toBeInTheDocument();
|
|
});
|
|
|
|
it("invokes onRefresh when Refresh is clicked", async () => {
|
|
const user = userEvent.setup();
|
|
const onRefresh = vi.fn();
|
|
renderWithMantine(<TaskControls {...baseProps} onRefresh={onRefresh} />);
|
|
await user.click(screen.getByRole("button", { name: "Refresh" }));
|
|
expect(onRefresh).toHaveBeenCalledTimes(1);
|
|
});
|
|
|
|
it("invokes onSearchChange when typing", async () => {
|
|
const user = userEvent.setup();
|
|
const onSearchChange = vi.fn();
|
|
renderWithMantine(
|
|
<TaskControls {...baseProps} onSearchChange={onSearchChange} />,
|
|
);
|
|
await user.type(screen.getByPlaceholderText("Search..."), "x");
|
|
expect(onSearchChange).toHaveBeenCalledWith("x");
|
|
});
|
|
|
|
it("displays the active status filter", () => {
|
|
renderWithMantine(<TaskControls {...baseProps} statusFilter="working" />);
|
|
const inputs = screen.getAllByDisplayValue("working");
|
|
expect(inputs.length).toBeGreaterThan(0);
|
|
});
|
|
|
|
it("invokes onStatusFilterChange with undefined when cleared", async () => {
|
|
const user = userEvent.setup();
|
|
const onStatusFilterChange = vi.fn();
|
|
const { container } = renderWithMantine(
|
|
<TaskControls
|
|
{...baseProps}
|
|
statusFilter="working"
|
|
onStatusFilterChange={onStatusFilterChange}
|
|
/>,
|
|
);
|
|
const clearButton = container.querySelector(
|
|
"button.mantine-InputClearButton-root",
|
|
) as HTMLButtonElement | null;
|
|
expect(clearButton).not.toBeNull();
|
|
await user.click(clearButton!);
|
|
expect(onStatusFilterChange).toHaveBeenCalledWith(undefined);
|
|
});
|
|
});
|