9d2b77ced8
- Generate UUID v4 values in the client with validated custom UID support.\n- Show immutable UIDs where Space titles need disambiguation.\n- Standardize Space surfaces on the Lucide Astroid icon.
91 lines
3.3 KiB
TypeScript
91 lines
3.3 KiB
TypeScript
import { render, screen } from "@testing-library/react";
|
|
import { beforeEach, describe, expect, it, vi } from "vitest";
|
|
import MemoSpaceBadge from "@/components/MemoView/components/MemoSpaceBadge";
|
|
|
|
const state = vi.hoisted(() => ({
|
|
spaces: [] as Array<{ name: string; title: string }>,
|
|
}));
|
|
|
|
vi.mock("@/contexts/SpaceContext", () => ({
|
|
useSpaceContext: () => {
|
|
const duplicateSpaceTitles = new Set(
|
|
state.spaces
|
|
.filter((space, index) => state.spaces.findIndex((candidate) => candidate.title === space.title) !== index)
|
|
.map((space) => space.title),
|
|
);
|
|
return {
|
|
duplicateSpaceTitles,
|
|
spaceByName: new Map(state.spaces.map((space) => [space.name, space])),
|
|
};
|
|
},
|
|
}));
|
|
|
|
vi.mock("@/utils/i18n", () => ({
|
|
useTranslate: () => (key: string) => (key === "space.current" ? "Space" : key),
|
|
}));
|
|
|
|
describe("MemoSpaceBadge", () => {
|
|
beforeEach(() => {
|
|
state.spaces = [];
|
|
});
|
|
|
|
it("shows the title of a known Space", () => {
|
|
state.spaces = [{ name: "spaces/product", title: "Product" }];
|
|
render(<MemoSpaceBadge spaceName="spaces/product" />);
|
|
|
|
expect(screen.getByTitle("Space: Product")).toHaveTextContent("Product");
|
|
expect(screen.getByTitle("Space: Product")).not.toHaveTextContent("product");
|
|
});
|
|
|
|
it("uses the shared pill presentation", () => {
|
|
state.spaces = [{ name: "spaces/product", title: "Product" }];
|
|
render(<MemoSpaceBadge spaceName="spaces/product" />);
|
|
|
|
const badge = screen.getByTitle("Space: Product");
|
|
expect(badge).toHaveAttribute("data-slot", "badge");
|
|
expect(badge.querySelector(".lucide-astroid")).not.toBeNull();
|
|
});
|
|
|
|
it("adds the full custom UID when known Space titles match", () => {
|
|
state.spaces = [
|
|
{ name: "spaces/product-notes", title: "Product" },
|
|
{ name: "spaces/product-roadmap", title: "Product" },
|
|
];
|
|
render(<MemoSpaceBadge spaceName="spaces/product-notes" />);
|
|
|
|
expect(screen.getByTitle("Space: Product (product-notes)")).toHaveTextContent("Product · product-notes");
|
|
});
|
|
|
|
it("shows eight UUID characters while preserving the full ID in the accessible label", () => {
|
|
const uuid = "123e4567-e89b-12d3-a456-426614174000";
|
|
state.spaces = [
|
|
{ name: `spaces/${uuid}`, title: "Product" },
|
|
{ name: "spaces/product-roadmap", title: "Product" },
|
|
];
|
|
render(<MemoSpaceBadge spaceName={`spaces/${uuid}`} />);
|
|
|
|
expect(screen.getByTitle(`Space: Product (${uuid})`)).toHaveTextContent("Product · 123e4567…");
|
|
});
|
|
|
|
it("keeps both ends of long custom UIDs visible", () => {
|
|
state.spaces = [
|
|
{ name: "spaces/customer-support-production", title: "Product" },
|
|
{ name: "spaces/customer-support-development", title: "Product" },
|
|
];
|
|
render(<MemoSpaceBadge spaceName="spaces/customer-support-production" />);
|
|
|
|
expect(screen.getByTitle("Space: Product (customer-support-production)")).toHaveTextContent("Product · customer…uction");
|
|
});
|
|
|
|
it("uses a neutral title while still exposing an unknown Space UID", () => {
|
|
render(<MemoSpaceBadge spaceName="spaces/private" />);
|
|
|
|
expect(screen.getByTitle("Space (private)")).toHaveTextContent("Space · private");
|
|
expect(screen.queryByText("spaces/private")).not.toBeInTheDocument();
|
|
});
|
|
|
|
it("omits placement for an unassigned memo", () => {
|
|
const { container } = render(<MemoSpaceBadge />);
|
|
expect(container).toBeEmptyDOMElement();
|
|
});
|
|
});
|