Miguel PalhasandClaude Sonnet 5
c9562ab5eb
Rewrites the 27 DOM-behavior test files (dialogs, sidebar, spawn form, command bar, structured pane, catalog, multiview, theme, etc.) to use screen/within/fireEvent/waitFor instead of manual querySelector and dispatchEvent. Pure-logic test files (matcher, tree, activity, paths, reconnect, keys, webgl, paneTitle, commands, daemonLink, events, layout, persistence, previewSchedule, projectList, spawnSimilar, structuredDiff, toolIcon, fastForward, spawnForm) are untouched, and preview.test.ts needed no changes. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
59 lines
2.1 KiB
TypeScript
59 lines
2.1 KiB
TypeScript
// @vitest-environment happy-dom
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import { fireEvent, screen } from "@testing-library/react";
|
|
import "@testing-library/jest-dom/vitest";
|
|
|
|
import { closeContextMenu, openContextMenu } from "./contextMenu.js";
|
|
|
|
afterEach(() => {
|
|
closeContextMenu();
|
|
document.body.replaceChildren();
|
|
});
|
|
|
|
function labels(): string[] {
|
|
return screen.getAllByRole("menuitem").map((b) => b.textContent ?? "");
|
|
}
|
|
|
|
describe("context menu (#125)", () => {
|
|
it("renders one item per entry, in order", () => {
|
|
openContextMenu(10, 20, [
|
|
{ label: "Rename…", onSelect: () => {} },
|
|
{ label: "Kill session", onSelect: () => {}, danger: true },
|
|
]);
|
|
expect(labels()).toEqual(["Rename…", "Kill session"]);
|
|
expect(screen.getByRole("menuitem", { name: "Kill session" })).toHaveClass("is-danger");
|
|
});
|
|
|
|
it("runs the selected entry and closes", () => {
|
|
const chosen = vi.fn();
|
|
openContextMenu(0, 0, [{ label: "Rename…", onSelect: chosen }]);
|
|
fireEvent.click(screen.getByRole("menuitem", { name: "Rename…" }));
|
|
expect(chosen).toHaveBeenCalledOnce();
|
|
expect(screen.queryByRole("menu")).toBeNull();
|
|
});
|
|
|
|
it("opening a second menu replaces the first", () => {
|
|
openContextMenu(0, 0, [{ label: "first", onSelect: () => {} }]);
|
|
openContextMenu(0, 0, [{ label: "second", onSelect: () => {} }]);
|
|
expect(screen.getAllByRole("menu")).toHaveLength(1);
|
|
expect(labels()).toEqual(["second"]);
|
|
});
|
|
|
|
it("closes on Escape and on a press outside it", () => {
|
|
openContextMenu(0, 0, [{ label: "Rename…", onSelect: () => {} }]);
|
|
fireEvent.keyDown(window, { key: "Escape" });
|
|
expect(screen.queryByRole("menu")).toBeNull();
|
|
|
|
openContextMenu(0, 0, [{ label: "Rename…", onSelect: () => {} }]);
|
|
fireEvent.pointerDown(document.body);
|
|
expect(screen.queryByRole("menu")).toBeNull();
|
|
});
|
|
|
|
it("stays open for a press inside itself", () => {
|
|
openContextMenu(0, 0, [{ label: "Rename…", onSelect: () => {} }]);
|
|
const menu = screen.getByRole("menu");
|
|
fireEvent.pointerDown(menu);
|
|
expect(screen.queryByRole("menu")).not.toBeNull();
|
|
});
|
|
});
|