3c87b01379
navSections(projectId?) 纯函数把平铺项目项归为四组，NavItems 复用「本作」小标题模式逐组渲染；链接/路由/激活键不变，工具箱收进「更多」不丢入口。
125 lines
3.4 KiB
TypeScript
125 lines
3.4 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
|
|
|
import {
|
|
GLOBAL_NAV_ITEMS,
|
|
isNavItemActive,
|
|
navSections,
|
|
projectNavItems,
|
|
type NavItem,
|
|
} from "./items";
|
|
|
|
const PID = "p1";
|
|
|
|
describe("projectNavItems", () => {
|
|
it("builds the ten project entries scoped to the project id", () => {
|
|
const items = projectNavItems(PID);
|
|
|
|
expect(items).toHaveLength(10);
|
|
expect(items.map((i) => i.key)).toEqual([
|
|
"write",
|
|
"outline",
|
|
"foreshadow",
|
|
"review",
|
|
"chains",
|
|
"style",
|
|
"codex",
|
|
"toolbox",
|
|
"rules",
|
|
"skills",
|
|
]);
|
|
expect(items.every((i) => i.href.startsWith(`/projects/${PID}/`))).toBe(
|
|
true,
|
|
);
|
|
});
|
|
});
|
|
|
|
describe("navSections", () => {
|
|
it("returns only the unlabeled global section outside a project", () => {
|
|
const sections = navSections();
|
|
|
|
expect(sections).toHaveLength(1);
|
|
expect(sections[0]?.label).toBeNull();
|
|
expect(sections[0]?.items).toEqual(GLOBAL_NAV_ITEMS);
|
|
});
|
|
|
|
it("groups project entries under the four labeled sections (P2-1)", () => {
|
|
const sections = navSections(PID);
|
|
|
|
// 全局组（无标题）+ 写作 / 资料库 / 审阅 / 更多。
|
|
expect(sections.map((s) => s.label)).toEqual([
|
|
null,
|
|
"写作",
|
|
"资料库",
|
|
"审阅",
|
|
"更多",
|
|
]);
|
|
|
|
const byLabel = (label: string): (string | undefined)[] =>
|
|
sections.find((s) => s.label === label)?.items.map((i) => i.key) ?? [];
|
|
|
|
expect(byLabel("写作")).toEqual(["write"]);
|
|
expect(byLabel("资料库")).toEqual([
|
|
"outline",
|
|
"codex",
|
|
"foreshadow",
|
|
"style",
|
|
]);
|
|
expect(byLabel("审阅")).toEqual(["review", "chains"]);
|
|
expect(byLabel("更多")).toEqual(["toolbox", "rules", "skills"]);
|
|
});
|
|
|
|
it("places every project entry exactly once (no dropped or duplicated links)", () => {
|
|
const sections = navSections(PID);
|
|
const grouped = sections
|
|
.filter((s) => s.label !== null)
|
|
.flatMap((s) => s.items.map((i) => i.key));
|
|
const flat = projectNavItems(PID).map((i) => i.key);
|
|
|
|
expect([...grouped].sort()).toEqual([...flat].sort());
|
|
expect(grouped).toHaveLength(flat.length);
|
|
});
|
|
});
|
|
|
|
describe("isNavItemActive", () => {
|
|
const write: NavItem = {
|
|
href: `/projects/${PID}/write`,
|
|
label: "写作",
|
|
key: "write",
|
|
};
|
|
|
|
it("matches a project item by its activeNav key regardless of pathname", () => {
|
|
expect(
|
|
isNavItemActive(write, { pathname: "/anything", activeNav: "write" }),
|
|
).toBe(true);
|
|
});
|
|
|
|
it("matches a project item by exact pathname when no activeNav given", () => {
|
|
expect(isNavItemActive(write, { pathname: `/projects/${PID}/write` })).toBe(
|
|
true,
|
|
);
|
|
});
|
|
|
|
it("does not match a project item when neither key nor path align", () => {
|
|
expect(isNavItemActive(write, { pathname: "/", activeNav: "outline" })).toBe(
|
|
false,
|
|
);
|
|
});
|
|
|
|
it("matches a global item by exact pathname only", () => {
|
|
const works = GLOBAL_NAV_ITEMS[0];
|
|
if (!works) throw new Error("expected GLOBAL_NAV_ITEMS[0]");
|
|
expect(isNavItemActive(works, { pathname: "/" })).toBe(true);
|
|
expect(isNavItemActive(works, { pathname: "/projects/p1/write" })).toBe(
|
|
false,
|
|
);
|
|
});
|
|
|
|
it("ignores activeNav for global items (no key)", () => {
|
|
const settings = GLOBAL_NAV_ITEMS[1];
|
|
if (!settings) throw new Error("expected GLOBAL_NAV_ITEMS[1]");
|
|
expect(
|
|
isNavItemActive(settings, { pathname: "/", activeNav: "write" }),
|
|
).toBe(false);
|
|
});
|
|
});
|