José Almeida
66 lines
2.2 KiB
TypeScript
66 lines
2.2 KiB
TypeScript
import { cleanup, fireEvent, render, screen } from "@testing-library/react";
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import { IntegrationStartTaskMenu } from "./integration-start-task-menu";
|
|
import type { IntegrationPresetIconName } from "./integration-preset-icons";
|
|
|
|
afterEach(cleanup);
|
|
|
|
function TestIcon({ className }: { className?: string }) {
|
|
return <span className={className}>icon</span>;
|
|
}
|
|
|
|
describe("IntegrationStartTaskMenu", () => {
|
|
it.each([
|
|
["eye", "tabler-icon-eye"],
|
|
["message", "tabler-icon-message-dots"],
|
|
["tool", "tabler-icon-tool"],
|
|
])("maps the semantic %s icon to the native Tabler glyph", async (iconName, className) => {
|
|
render(
|
|
<IntegrationStartTaskMenu
|
|
presets={[
|
|
{
|
|
id: iconName,
|
|
label: iconName,
|
|
hint: `${iconName} action`,
|
|
iconName: iconName as IntegrationPresetIconName,
|
|
},
|
|
]}
|
|
onSelect={vi.fn()}
|
|
itemTestId="semantic-preset"
|
|
/>,
|
|
);
|
|
|
|
fireEvent.pointerDown(screen.getByRole("button", { name: "Task" }), {
|
|
button: 0,
|
|
ctrlKey: false,
|
|
});
|
|
const item = await screen.findByTestId("semantic-preset");
|
|
expect(item.querySelector(`.${className}`)).not.toBeNull();
|
|
});
|
|
|
|
it("uses touch-sized controls and returns the selected preset", async () => {
|
|
const onSelect = vi.fn();
|
|
render(
|
|
<IntegrationStartTaskMenu
|
|
presets={[{ id: "review", label: "Review", hint: "Review this change", icon: TestIcon }]}
|
|
onSelect={onSelect}
|
|
triggerTestId="change-task-trigger"
|
|
itemTestId="change-task-preset"
|
|
/>,
|
|
);
|
|
|
|
const trigger = screen.getByTestId("change-task-trigger");
|
|
expect(trigger.className).toContain("h-11");
|
|
fireEvent.pointerDown(trigger, { button: 0, ctrlKey: false });
|
|
const item = await screen.findByTestId("change-task-preset");
|
|
expect(item.className).toContain("min-h-11");
|
|
fireEvent.click(item);
|
|
expect(onSelect).toHaveBeenCalledWith(expect.objectContaining({ id: "review" }));
|
|
});
|
|
|
|
it("renders nothing without presets", () => {
|
|
const { container } = render(<IntegrationStartTaskMenu presets={[]} onSelect={vi.fn()} />);
|
|
expect(container.childElementCount).toBe(0);
|
|
});
|
|
});
|