修复画板私有素材预览

让生成参考图和角色动作参考图通过 objectKey 换签显示让视频图层 poster 与框选预览复用签名读取补充参考槽、框选预览和视频图层回归测试沉淀框选预览换签缓存踩坑
2026-06-23 23:23:16 +08:00
parent f1b4e70bda
commit 5a884f1d11
15 changed files with 226 additions and 21 deletions
@@ -0,0 +1,52 @@
+/* @vitest-environment jsdom */
+
+import { render } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { ImageCanvasReferenceSlot } from './ImageCanvasReferenceSlot';
+
+const useResolvedAssetReadUrlMock = vi.hoisted(() => vi.fn());
+
+vi.mock('../../hooks/useResolvedAssetReadUrl', () => ({
+  useResolvedAssetReadUrl: useResolvedAssetReadUrlMock,
+}));
+
+describe('ImageCanvasReferenceSlot', () => {
+  beforeEach(() => {
+    useResolvedAssetReadUrlMock.mockImplementation(
+      (source: string | null | undefined, options?: { objectKey?: string | null }) => ({
+        resolvedUrl: options?.objectKey
+          ? `https://oss.example.com/${options.objectKey}?signature=1`
+          : (source ?? ''),
+        isResolving: false,
+        shouldResolve: Boolean(options?.objectKey),
+      }),
+    );
+  });
+
+  it('resolves private generated reference thumbnails through objectKey', () => {
+    const { container } = render(
+      <ImageCanvasReferenceSlot
+        tone="character"
+        icon={<span data-testid="fallback-icon" />}
+        imageSrc="/generated-character-drafts/editor/legacy-resources/stale.png"
+        objectKey="generated-character-drafts/editor/legacy-resources/editor-resource-1.png"
+        label="角色参考"
+        ariaLabel="角色参考"
+      />,
+    );
+
+    const image = container.querySelector('img');
+
+    expect(useResolvedAssetReadUrlMock).toHaveBeenCalledWith(
+      '/generated-character-drafts/editor/legacy-resources/stale.png',
+      expect.objectContaining({
+        objectKey:
+          'generated-character-drafts/editor/legacy-resources/editor-resource-1.png',
+      }),
+    );
+    expect(image?.getAttribute('src')).toBe(
+      'https://oss.example.com/generated-character-drafts/editor/legacy-resources/editor-resource-1.png?signature=1',
+    );
+  });
+});