1

2026-05-13 00:28:07 +08:00
parent ef4f91a75e
commit 01c5ab985a
101 changed files with 10635 additions and 2292 deletions
--- a/src/components/puzzle-result/PuzzleResultView.test.tsx
+++ b/src/components/puzzle-result/PuzzleResultView.test.tsx
@@ -619,6 +619,120 @@ describe('PuzzleResultView', () => {
    });
  });

+  test('renders UI background tab with saved prompt and runtime preview', () => {
+    const base = createSession();
+    const level = base.draft!.levels![0]!;
+
+    render(
+      <PuzzleResultView
+        session={createSession({
+          draft: {
+            ...base.draft!,
+            levels: [
+              {
+                ...level,
+                uiBackgroundPrompt: '雨夜猫街竖屏拼图UI背景',
+                uiBackgroundImageSrc:
+                  '/generated-puzzle-assets/session/ui/background.png',
+                uiBackgroundImageObjectKey:
+                  'generated-puzzle-assets/session/ui/background.png',
+              },
+            ],
+          },
+        })}
+        onBack={() => {}}
+        onExecuteAction={() => {}}
+      />,
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: 'UI' }));
+
+    expect(screen.getByAltText('拼图UI背景图').getAttribute('src')).toBe(
+      '/generated-puzzle-assets/session/ui/background.png',
+    );
+    expect(screen.getByLabelText('拼图UI背景提示词')).toHaveProperty(
+      'value',
+      '雨夜猫街竖屏拼图UI背景',
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: '预览UI' }));
+    const preview = screen.getByRole('dialog', { name: 'UI预览' });
+    expect(within(preview).getByLabelText('拼图区边界')).toBeTruthy();
+  });
+
+  test('generates UI background with edited prompt and current levels snapshot', () => {
+    const onExecuteAction = vi.fn();
+
+    render(
+      <PuzzleResultView
+        session={createSession()}
+        onBack={() => {}}
+        onExecuteAction={onExecuteAction}
+      />,
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: 'UI' }));
+    fireEvent.change(screen.getByLabelText('拼图UI背景提示词'), {
+      target: { value: '新拼图UI背景提示词' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: '生成UI背景' }));
+
+    expect(onExecuteAction).toHaveBeenCalledWith({
+      action: 'generate_puzzle_ui_background',
+      levelId: 'puzzle-level-1',
+      promptText: '新拼图UI背景提示词',
+      workTitle: '暖灯猫街作品',
+      workDescription: '一套雨夜猫街主题拼图。',
+      summary: '一套雨夜猫街主题拼图。',
+      themeTags: ['猫咪', '雨夜', '暖灯'],
+      levelsJson: expect.any(String),
+    });
+    const payload = onExecuteAction.mock.calls[0]![0];
+    expect(JSON.parse(payload.levelsJson ?? '[]')).toEqual([
+      expect.objectContaining({
+        levelId: 'puzzle-level-1',
+        uiBackgroundPrompt: '新拼图UI背景提示词',
+      }),
+    ]);
+  });
+
+  test('auto saves UI background prompt edits through levels', async () => {
+    vi.useFakeTimers();
+    vi.mocked(puzzleWorksService.updatePuzzleWork).mockResolvedValue({
+      item: {} as never,
+    });
+
+    render(
+      <PuzzleResultView
+        session={createSession()}
+        profileId="puzzle-profile-session-1"
+        onBack={() => {}}
+        onExecuteAction={() => {}}
+      />,
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: 'UI' }));
+    fireEvent.change(screen.getByLabelText('拼图UI背景提示词'), {
+      target: { value: '新的自动保存UI背景提示词' },
+    });
+
+    await act(async () => {
+      await vi.runAllTimersAsync();
+    });
+
+    expect(puzzleWorksService.updatePuzzleWork).toHaveBeenCalledWith(
+      'puzzle-profile-session-1',
+      expect.objectContaining({
+        levels: [
+          expect.objectContaining({
+            levelId: 'puzzle-level-1',
+            uiBackgroundPrompt: '新的自动保存UI背景提示词',
+          }),
+        ],
+      }),
+    );
+  });
+
  test('selects a history puzzle asset as reference image for the selected level', async () => {
    const onExecuteAction = vi.fn();
    vi.mocked(puzzleAssetClient.listHistoryAssets).mockResolvedValue([