9148ceab66
选择性整合 #547，保留主分支节点与工具条设计。新增默认折叠的节点、资产、任务和历史面板，风格与预设保留在节点内，移除重复入口。 补齐工具权限、提示词解析、资源引用保护及数据库迁移，修复提示词清空和连续编辑后的生成配置同步。 验证：前端全量 1925 项测试、构建、类型检查及 lint 通过；后端 go test ./... 通过。真实模型、PostgreSQL 实库与登录态页面验收仍待进行。 Refs #547 Co-authored-by: bensharp <bensharp@qq.com>
89 lines
5.0 KiB
TypeScript
89 lines
5.0 KiB
TypeScript
import { expect, test } from "bun:test";
|
||
import { readFileSync } from "node:fs";
|
||
import { canvasDockStyle } from "../src/lib/canvas/canvas-aceternity-style";
|
||
import { canvasThemes } from "../src/lib/canvas-theme";
|
||
|
||
const component = (name: string) => readFileSync(new URL(`../src/components/canvas/${name}`, import.meta.url), "utf8");
|
||
|
||
test("canvas removes the standalone asset tray while retaining sidebar assets and zoom controls", () => {
|
||
const page = readFileSync(new URL("../src/pages/canvas/project.tsx", import.meta.url), "utf8");
|
||
expect(page).not.toContain("CanvasAssetTray");
|
||
expect(page).toContain("<CanvasZoomControls");
|
||
expect(page).toContain("<CanvasWorkspacePanel");
|
||
expect(component("canvas-workspace-panel.tsx")).toContain("<CanvasWorkspaceAssetPanel");
|
||
});
|
||
|
||
test("workspace keeps a permanent rail and independent task/history entries", () => {
|
||
const source = component("canvas-workspace-panel.tsx");
|
||
for (const label of ["主页", "节点", "资产", "任务", "历史"]) expect(source).toContain(label);
|
||
expect(source).not.toContain('id: "tools"');
|
||
expect(source).not.toContain("CanvasWorkspaceToolPanel");
|
||
expect(source).not.toContain("onInsertTool");
|
||
expect(source).toContain('aria-label="画布左侧菜单"');
|
||
expect(source).toContain("aria-pressed={open && tab === id}");
|
||
expect(source).toContain("<CanvasWorkspaceHistoryPanel");
|
||
expect(source).toContain("<CanvasWorkspaceAssetPanel");
|
||
expect(source).toContain("<AppDrawer");
|
||
});
|
||
|
||
test("asset panel uses scoped paginated data and existing insertion contract", () => {
|
||
const source = component("canvas-workspace-asset-panel.tsx");
|
||
expect(source).toContain('["canvas-workspace-assets", userId, category, kind, search]');
|
||
expect(source).toContain("loadAssetLibraryPage");
|
||
expect(source).toContain("assetPickerItemsToInsertPayloads");
|
||
expect(source).toContain("query.fetchNextPage()");
|
||
expect(source).toContain('role="alert"');
|
||
expect(source).toContain("disabled={!insertable || Boolean(inserting)}");
|
||
});
|
||
|
||
test("image style and presets remain visible without the prompt template picker", () => {
|
||
const source = component("canvas-node-prompt-panel.tsx");
|
||
expect(source).toContain("canvas-node-tool-controls-inline");
|
||
expect(source).toContain("<CanvasChooseImageStylePicker");
|
||
expect(source).toContain("<CanvasNineGridPicker");
|
||
expect(source).toContain('dense appearance="quiet"');
|
||
expect(source).toContain('const showPromptTemplates = !simpleMode && mode !== "image"');
|
||
expect(source).toContain("{showPromptTemplates ? <CanvasPresetPicker");
|
||
expect(source).toContain("if (showPromptTemplates &&");
|
||
expect(source).not.toContain('aria-label="生成工具"');
|
||
expect(component("canvas-choose-image-style-picker.tsx")).toContain('resolvedLabel || "风格"');
|
||
});
|
||
|
||
test("history explicitly describes its bounded dataset", () => {
|
||
expect(component("canvas-workspace-history-panel.tsx")).toContain("最近 30 条（含 Agent）");
|
||
});
|
||
|
||
test("cleared tool references do not fall back to the original generation prompt", () => {
|
||
const source = readFileSync(new URL("../src/pages/canvas/use-canvas-render-model.ts", import.meta.url), "utf8");
|
||
const toolReferences = source.split("const toolMentionReferencesByNodeId = useMemo")[1].split("const tokens =")[0];
|
||
expect(toolReferences).toContain('node.metadata?.composerContent ?? node.metadata?.prompt ?? ""');
|
||
expect(toolReferences).not.toContain("||");
|
||
});
|
||
|
||
test("workspace starts collapsed and keeps separated navigation and bottom toggle", () => {
|
||
const page = readFileSync(new URL("../src/pages/canvas/project.tsx", import.meta.url), "utf8");
|
||
expect(page).toContain("const [workspaceOpen, setWorkspaceOpen] = useState(false)");
|
||
const panel = component("canvas-workspace-panel.tsx");
|
||
expect(panel).toContain('className="canvas-workspace-rail-items"');
|
||
expect(panel.indexOf("canvas-workspace-rail-toggle")).toBeGreaterThan(panel.indexOf("entries.map"));
|
||
const css = component("canvas-workspace-panel.css");
|
||
expect(css).toContain("gap: var(--space-3)");
|
||
expect(css).toContain("margin-top: auto");
|
||
expect(css).toContain("prefers-reduced-motion: reduce");
|
||
});
|
||
|
||
test("rail shares canvas dock colors rather than muted workspace navigation colors", () => {
|
||
const panel = component("canvas-workspace-panel.tsx");
|
||
expect(panel).toContain("canvasThemes[useActiveTheme()]");
|
||
expect(panel).toContain('...canvasDockStyle(theme), boxShadow: "none"');
|
||
const railCss = component("canvas-workspace-panel.css").split(".canvas-workspace-rail {")[1];
|
||
expect(railCss).not.toContain("var(--muted-foreground)");
|
||
expect(railCss).not.toContain("var(--workspace-navigation)");
|
||
for (const token of ["--dock-command-hover", "--dock-command-active", "--dock-command-active-text", "--dock-tooltip-border"]) expect(railCss).toContain(`var(${token})`);
|
||
for (const theme of Object.values(canvasThemes)) {
|
||
const style = canvasDockStyle(theme);
|
||
expect(style.background).toBe("var(--dock-surface)");
|
||
expect(style.color).toBe(theme.toolbar.item);
|
||
}
|
||
});
|