Files
UHD_Media_Tool/apps/web/app/components/agent/agent-nav.test.ts
T
rootandClaude Opus 5.5 f5234cbcb9 fix(agent): 会话列表分栏跟随当前会话并进 URL,保留滚动位置
- 打开巡检会话(含巡检的子会话)时左栏自动切到「自动巡检」并选中当前项;
  手动切换分栏写进 ?tab=,刷新、窄屏「全部会话」返回都保持
- 列表页 / 会话页之间保留搜索、筛选和各分栏的滚动位置;当前会话看不见时滚进可见区
- 跳到子会话时展开父会话
- 演示模式的分栏筛选与服务端一致:子会话随父会话

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Cxwgnn2pbzQ7rXv3rq7fei
2026-10-06 18:00:14 +08:00

63 lines
3.3 KiB
TypeScript

import { describe, expect, it } from "vitest";
import { runGroup } from "~/api/agent.ts";
import { agentListHref, agentRunHref, groupFromSearch, resolveGroup, revealScrollTop } from "./agent-nav.ts";
import { isAgentPage, outletKey } from "./agent-store.ts";
// 智能体页面切换的状态逻辑:整页重挂载 key、分栏与 URL、草稿、滚动策略、快捷键在智能体页面的行为。
describe("主内容区重挂载 key", () => {
it("列表页与各会话页共用一个 key,切换会话不重挂载", () => {
expect(outletKey("/console/agent")).toBe("/console/agent");
expect(outletKey("/console/agent/0b1c")).toBe("/console/agent");
expect(outletKey("/console/agent/9f2e")).toBe(outletKey("/console/agent/0b1c"));
});
it("其它页面仍按路径重挂载", () => {
expect(outletKey("/console/library")).toBe("/console/library");
expect(outletKey("/console/agents-x")).toBe("/console/agents-x");
expect(isAgentPage("/console/agentx")).toBe(false);
});
});
describe("分栏:对话 / 自动巡检", () => {
it("会话所在分栏:巡检 / 事件在自动巡检,子会话随父会话,父会话未知归对话", () => {
expect(runGroup({ trigger: "schedule" })).toBe("auto");
expect(runGroup({ trigger: "event" })).toBe("auto");
expect(runGroup({ trigger: "user" })).toBe("conversation");
expect(runGroup({ trigger: "subagent" }, { trigger: "schedule" })).toBe("auto");
expect(runGroup({ trigger: "subagent" }, { trigger: "user" })).toBe("conversation");
expect(runGroup({ trigger: "subagent" })).toBe("conversation");
});
it("URL 的 tab 只认两个取值", () => {
expect(groupFromSearch("?tab=auto&mock=1")).toBe("auto");
expect(groupFromSearch("?tab=conversation")).toBe("conversation");
expect(groupFromSearch("?tab=xx")).toBeNull();
expect(groupFromSearch("")).toBeNull();
});
it("取值顺序:URL > 当前会话 > 上次 > 对话", () => {
expect(resolveGroup({ fromUrl: "conversation", activeRun: "auto", remembered: "auto" })).toBe("conversation");
expect(resolveGroup({ fromUrl: null, activeRun: "auto", remembered: "conversation" })).toBe("auto");
// 打开巡检会话、快照还没到:沿用点它时所在的分栏,不先闪到「对话」
expect(resolveGroup({ fromUrl: null, activeRun: null, remembered: "auto" })).toBe("auto");
expect(resolveGroup({ fromUrl: null })).toBe("conversation");
});
it("链接:会话页不带 tab(由会话决定),列表页只在自动巡检时带,保留演示开关", () => {
expect(agentRunHref("r1")).toBe("/console/agent/r1");
expect(agentRunHref("r1", true)).toBe("/console/agent/r1?mock=1");
expect(agentListHref()).toBe("/console/agent");
expect(agentListHref("auto")).toBe("/console/agent?tab=auto");
expect(agentListHref("auto", true)).toBe("/console/agent?tab=auto&mock=1");
expect(agentListHref("conversation", true)).toBe("/console/agent?mock=1");
});
});
describe("当前会话滚进可见区", () => {
const vp = { scrollTop: 200, height: 300 };
it("已经完整可见不滚", () => {
expect(revealScrollTop({ top: 250, height: 40 }, vp)).toBeNull();
});
it("在上方:滚到顶边对齐;在下方:滚到底边刚好露出", () => {
expect(revealScrollTop({ top: 120, height: 40 }, vp)).toBe(120);
expect(revealScrollTop({ top: 600, height: 40 }, vp)).toBe(340);
});
});