mirror of
https://github.com/kuhyx/testsAndMisc.git
synced 2026-11-11 20:34:02 +01:00
Krzysztof kuhy Rudnicki
776e04db89
Nine new modules from four over-cap test files. Every kcd2 test file is now under 250 lines; only four source files remain. App.test.tsx ended up with no describe blocks and vitest failed with "No test suite found" - a split that empties a file has to delete it. The shared `response`/`ordinary` fixtures went to src/test/fixtures.ts, which vite.config.ts excludes from coverage; beside the source they would have counted as production code and broken the 100% gate. 288 tests passing before and after, now across 24 files instead of 15, coverage still 100% on all four metrics. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011w2Pj4Ek3ZNMQVYcFHgXDY
72 lines
2.7 KiB
TypeScript
72 lines
2.7 KiB
TypeScript
/** Badge picker and result panel component tests. */
|
|
|
|
/** Row, list and picker component tests. */
|
|
|
|
/**
|
|
* Component tests for the three ways of entering an inventory: clicking a die,
|
|
* scrolling the wheel over its counter, and fuzzy-searching by name.
|
|
*/
|
|
|
|
import { render, screen, } from "@testing-library/react";
|
|
import { ordinary } from "../test/fixtures.ts";
|
|
import userEvent from "@testing-library/user-event";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import type { Die } from "../data/dice.ts";
|
|
import { BadgePicker } from "./BadgePicker.tsx";
|
|
import { summariseDice } from "./ResultPanel.tsx";
|
|
|
|
/**
|
|
* Apply the updater a component emitted, to assert on the resulting count.
|
|
*
|
|
* @param mock - The mocked onChange.
|
|
* @param previous - The count it should be applied to.
|
|
* @param call - Which call to read, counting from the end by default.
|
|
* @returns The count the component asked for.
|
|
*/
|
|
|
|
|
|
describe("BadgePicker", () => {
|
|
it("groups badges under their tier", () => {
|
|
render(<BadgePicker query="" owned={new Set()} onToggle={vi.fn()} />);
|
|
expect(screen.getByRole("heading", { name: "tin" })).toBeInTheDocument();
|
|
expect(screen.getByRole("heading", { name: "silver" })).toBeInTheDocument();
|
|
expect(screen.getByRole("heading", { name: "gold" })).toBeInTheDocument();
|
|
});
|
|
|
|
it("hides a tier with no matching badge", () => {
|
|
render(<BadgePicker query="emperor" owned={new Set()} onToggle={vi.fn()} />);
|
|
expect(screen.queryByRole("heading", { name: "tin" })).not.toBeInTheDocument();
|
|
expect(screen.getByRole("heading", { name: "gold" })).toBeInTheDocument();
|
|
});
|
|
|
|
it("reflects which badges are owned", () => {
|
|
render(<BadgePicker query="emperor" owned={new Set(["gold_emperors"])} onToggle={vi.fn()} />);
|
|
expect(screen.getByRole("checkbox")).toBeChecked();
|
|
});
|
|
|
|
it("reports a toggle in both directions", async () => {
|
|
const onToggle = vi.fn();
|
|
const { rerender } = render(
|
|
<BadgePicker query="emperor" owned={new Set()} onToggle={onToggle} />,
|
|
);
|
|
await userEvent.click(screen.getByRole("checkbox"));
|
|
expect(onToggle).toHaveBeenLastCalledWith("gold_emperors", true);
|
|
|
|
rerender(
|
|
<BadgePicker query="emperor" owned={new Set(["gold_emperors"])} onToggle={onToggle} />,
|
|
);
|
|
await userEvent.click(screen.getByRole("checkbox"));
|
|
expect(onToggle).toHaveBeenLastCalledWith("gold_emperors", false);
|
|
});
|
|
});
|
|
|
|
describe("summariseDice", () => {
|
|
it("collapses duplicates and orders by count", () => {
|
|
const weighted: Die = { ...ordinary, id: "weighted", name: "Weighted die" };
|
|
expect(summariseDice([ordinary, weighted, weighted, weighted])).toEqual([
|
|
{ die: weighted, count: 3 },
|
|
{ die: ordinary, count: 1 },
|
|
]);
|
|
});
|
|
});
|