test(coverage): bootstrap vitest unit infra and add tests at 90%+ per file (#1245) (#1269)

* 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>
This commit is contained in:
Cliff Hall 2026-05-01 15:15:32 -04:00 • committed by GitHub
commit 75f74d64c1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -0,0 +1,76 @@
import { describe, it, expect, vi } from "vitest";
import userEvent from "@testing-library/user-event";
import { renderWithMantine, screen } from "../../../test/renderWithMantine";
import { ServerAddMenu } from "./ServerAddMenu";
describe("ServerAddMenu", () => {
it("renders the trigger button", () => {
renderWithMantine(
<ServerAddMenu
onAddManually={() => {}}
onImportConfig={() => {}}
onImportServerJson={() => {}}
/>,
);
expect(
screen.getByRole("button", { name: /Add Servers/ }),
).toBeInTheDocument();
});
it("invokes onAddManually when 'Add manually' is clicked", async () => {
const user = userEvent.setup();
const onAddManually = vi.fn();
renderWithMantine(
<ServerAddMenu
onAddManually={onAddManually}
onImportConfig={() => {}}
onImportServerJson={() => {}}
/>,
);
await user.click(screen.getByRole("button", { name: /Add Servers/ }));
const item = screen.getByRole("menuitem", {
name: /Add manually/,
hidden: true,
});
await user.click(item);
expect(onAddManually).toHaveBeenCalledTimes(1);
});
it("invokes onImportConfig when 'Import config' is clicked", async () => {
const user = userEvent.setup();
const onImportConfig = vi.fn();
renderWithMantine(
<ServerAddMenu
onAddManually={() => {}}
onImportConfig={onImportConfig}
onImportServerJson={() => {}}
/>,
);
await user.click(screen.getByRole("button", { name: /Add Servers/ }));
const item = screen.getByRole("menuitem", {
name: /Import config/,
hidden: true,
});
await user.click(item);
expect(onImportConfig).toHaveBeenCalledTimes(1);
});
it("invokes onImportServerJson when 'Import server.json' is clicked", async () => {
const user = userEvent.setup();
const onImportServerJson = vi.fn();
renderWithMantine(
<ServerAddMenu
onAddManually={() => {}}
onImportConfig={() => {}}
onImportServerJson={onImportServerJson}
/>,
);
await user.click(screen.getByRole("button", { name: /Add Servers/ }));
const item = screen.getByRole("menuitem", {
name: /Import server\.json/,
hidden: true,
});
await user.click(item);
expect(onImportServerJson).toHaveBeenCalledTimes(1);
});
});