tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(create): 参考内容 - 支持添加、独立删除与筛选管理

Browse Source 
- 支持参考内容按稳定 ID 删除、筛选、清空、拖拽与触屏交互
- 保留 Vite 生产环境模型 Logo 加载并兼容 Bun 测试
- 同步最新 main，修正相关格式和陈旧测试断言

Co-authored-by: echoD886 <dingxiaojie66@gmail.com>
This commit is contained in:
echoD886
2026-08-28 09:07:33 +08:00
committed by GitHub
parent ce448c26cb
commit 19ebfbb3c1
11 changed files with 266 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
web/test/create-library-button.test.ts
View File

@@ -2,6 +2,8 @@ import { describe, expect, test } from "bun:test";
import { readFileSync } from "node:fs";
import { resolve } from "node:path";
import { removeCreationAttachment } from "../src/pages/create/creation-assets";
function compactSource(source: string) {
return source.replace(/\s+/g, " ").trim();
}
@@ -61,19 +63,26 @@ describe("creation library button", () => {
expect(source).toContain('import { Reorder } from "motion/react"');
expect(source).toContain("<Reorder.Group");
expect(source).toContain('axis="x"');
expect(source).toContain("values={props.attachments}");
expect(source).toContain("onReorder={props.onReorderAttachments}");
expect(source).toContain('className="creation-reference-card-remove" onPointerDown={(event) => event.stopPropagation()}');
expect(source).toContain("values={visibleAttachments}");
expect(source).toContain("onReorder={reorderVisibleAttachments}");
expect(source).toContain('className="creation-reference-card-remove" onPointerDownCapture={(event) => event.stopPropagation()}');
expect(source).toContain("<Reorder.Item");
expect(source).toContain('layout="position"');
expect(source).toContain("isExpanded");
expect(source).toContain("handleTrackMouseEnter");
expect(source).toContain("handleTrackMouseLeave");
expect(source).toContain("handleTrackFocus");
expect(source).toContain("handleTrackBlur");
expect(source).toContain("setReferencePanelExpanded");
expect(source).toContain("aria-label={`查看全部 ${props.attachments.length} 个参考内容`}");
expect(source).toContain('aria-label="收起素材面板"');
expect(source).toContain("清空全部素材");
expect(source).toContain('role="group"');
expect(source).toContain("aria-pressed={referenceFilter === filter.id}");
expect(source).toContain('{ id: "file", label: "文件", count: referenceCounts.file }');
expect(source).toContain("canDragReferences");
expect(source).toContain("creation-reference-track-wrapper");
expect(source).toContain("creation-reference-stack-card");
expect(source).toContain("creation-reference-add-button");
expect(source).toContain("addReferenceLabel");
expect(source).toContain("aria-busy={interactionBusy}");
expect(source).toContain("disabled={interactionBusy || !canAddMoreReferences}");
expect(source).toContain("creation-reference-track-button");
expect(source).toContain("imageReferenceAtPoint");
expect(source).toContain("setDropTargetReferenceId");
@@ -86,6 +95,30 @@ describe("creation library button", () => {
expect(styles).toContain(".creation-reference-stack-card");
expect(styles).toContain("--stack-rotate: -7deg");
expect(styles).toContain(".creation-reference-track.is-expanded");
expect(styles).toContain(".creation-reference-stack-card:is(:hover, :focus-within) .creation-reference-card-content");
expect(styles).toContain("@media (hover: none)");
expect(styles).toContain(".creation-reference-card-remove { opacity: 1; }");
expect(styles).not.toContain(".creation-reference-track:not(.is-expanded) .creation-reference-stack-card:nth-child(n+5) { display: block; }");
});
test("首个、中间和末尾参考内容都按稳定 id 独立删除并保留顺序", () => {
const attachments = [
{ id: "first", name: "首个" },
{ id: "middle", name: "中间" },
{ id: "last", name: "末尾" },
];
expect(removeCreationAttachment(attachments, "first").map((item) => item.id)).toEqual(["middle", "last"]);
expect(removeCreationAttachment(attachments, "middle").map((item) => item.id)).toEqual(["first", "last"]);
expect(removeCreationAttachment(attachments, "last").map((item) => item.id)).toEqual(["first", "middle"]);
});
test("删除按钮在指针按下阶段隔离拖拽，附件与素材库入口职责独立", () => {
const source = compactSource(readFileSync(resolve(import.meta.dir, "../src/pages/create/index.tsx"), "utf8"));
expect(source).toContain("onPointerDownCapture={(event) => event.stopPropagation()}");
expect(source).toContain("onRemove(item.id)");
expect(source).toContain("onClick={() => props.fileInputRef.current?.click()}");
expect(source).toContain("onClick={props.onOpenLibrary}");
});
});