1

src/components/puzzle-result/PuzzleResultView.test.tsx

@@ -792,6 +792,93 @@ describe('PuzzleResultView', () => {
     );
   });
 
+  test('生成完成回包合并音乐和UI背景后试玩使用最新资源', () => {
+    const onStartTestRun = vi.fn();
+    const base = createSession();
+    const localLevel = {
+      ...base.draft!.levels![0]!,
+      generationStatus: 'generating' as const,
+      uiBackgroundPrompt: '旧的UI背景提示词',
+      uiBackgroundImageSrc: null,
+      backgroundMusic: null,
+    };
+    const incomingLevel = {
+      ...localLevel,
+      generationStatus: 'ready' as const,
+      uiBackgroundPrompt: '水果乐园UI背景',
+      uiBackgroundImageSrc:
+        '/generated-puzzle-assets/session/ui/fruit-background.png',
+      uiBackgroundImageObjectKey:
+        'generated-puzzle-assets/session/ui/fruit-background.png',
+      backgroundMusic: {
+        taskId: 'music-task-fruit',
+        provider: 'vector-engine-suno',
+        assetObjectId: 'asset-music-fruit',
+        assetKind: 'puzzle_background_music',
+        audioSrc: '/generated-puzzle-assets/session/audio/fruit.mp3',
+        prompt: '',
+        title: '水果乐园',
+        updatedAt: '2026-05-14T10:00:00.000Z',
+      },
+    };
+    const { rerender } = render(
+      <PuzzleResultView
+        session={createSession({
+          draft: {
+            ...base.draft!,
+            levels: [localLevel],
+          },
+        })}
+        onBack={() => {}}
+        onExecuteAction={() => {}}
+        onStartTestRun={onStartTestRun}
+      />,
+    );
+
+    rerender(
+      <PuzzleResultView
+        session={createSession({
+          draft: {
+            ...base.draft!,
+            coverImageSrc: incomingLevel.coverImageSrc,
+            coverAssetId: incomingLevel.coverAssetId,
+            generationStatus: 'ready',
+            levels: [incomingLevel],
+          },
+          updatedAt: '2026-05-14T10:00:00.000Z',
+        })}
+        onBack={() => {}}
+        onExecuteAction={() => {}}
+        onStartTestRun={onStartTestRun}
+      />,
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: '素材配置' }));
+    expect(screen.getByAltText('拼图UI背景图').getAttribute('src')).toBe(
+      '/generated-puzzle-assets/session/ui/fruit-background.png',
+    );
+    fireEvent.click(screen.getByRole('button', { name: '背景音乐' }));
+    expect(screen.getByLabelText('拼图背景音乐').getAttribute('src')).toBe(
+      'https://signed.example.com/generated-puzzle-assets/session/audio/fruit.mp3',
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: '试玩' }));
+
+    expect(onStartTestRun).toHaveBeenCalledWith(
+      expect.objectContaining({
+        levels: [
+          expect.objectContaining({
+            uiBackgroundImageSrc:
+              '/generated-puzzle-assets/session/ui/fruit-background.png',
+            backgroundMusic: expect.objectContaining({
+              audioSrc: '/generated-puzzle-assets/session/audio/fruit.mp3',
+            }),
+          }),
+        ],
+      }),
+    );
+  });
+
   test('auto saves UI background prompt edits through levels', async () => {
     vi.useFakeTimers();
     vi.mocked(puzzleWorksService.updatePuzzleWork).mockResolvedValue({

src/components/puzzle-result/PuzzleResultView.tsx

@@ -302,6 +302,7 @@ function mergeDraftEditStateWithIncomingState(
       uiBackgroundImageObjectKey:
         incomingLevel.uiBackgroundImageObjectKey ??
         level.uiBackgroundImageObjectKey,
+      backgroundMusic: incomingLevel.backgroundMusic ?? level.backgroundMusic,
       generationStatus: incomingLevel.generationStatus || 'ready',
     };
   });