b930b1090a
- Centralize tooltip timing and limit hints to useful content.\n- Simplify tag hierarchy presentation and align compact tag rows.
29 lines
1,006 B
TypeScript
29 lines
1,006 B
TypeScript
import { fireEvent, render, screen } from "@testing-library/react";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import TagTree from "@/components/TagTree";
|
|
|
|
vi.mock("@/utils/i18n", () => ({ useTranslate: () => (key: string) => key }));
|
|
|
|
describe("TagTree rendering", () => {
|
|
it("shows every nested tag without disclosure icons", () => {
|
|
const onTagClick = vi.fn();
|
|
const { container } = render(
|
|
<TagTree
|
|
tagAmounts={[
|
|
["a", 2],
|
|
["a/b", 1],
|
|
["getting-started", 1],
|
|
]}
|
|
onTagClick={onTagClick}
|
|
/>,
|
|
);
|
|
|
|
expect(screen.getAllByRole("treeitem")).toHaveLength(3);
|
|
expect(screen.getByText("b")).toBeVisible();
|
|
expect(container.querySelectorAll("svg.lucide-hash")).toHaveLength(3);
|
|
expect(container.querySelector("svg.lucide-chevron-right")).not.toBeInTheDocument();
|
|
|
|
fireEvent.click(screen.getByText("b").closest("button") as HTMLButtonElement);
|
|
expect(onTagClick).toHaveBeenCalledWith("a/b");
|
|
});
|
|
});
|