1

src/components/puzzle-runtime/PuzzleRuntimeShell.test.tsx

@@ -88,6 +88,7 @@ const clearedRun: PuzzleRunSnapshot = {
   currentLevel: {
     runId: 'run-1',
     levelIndex: 1,
+    levelId: 'puzzle-level-1',
     gridSize: 3,
     profileId: 'profile-1',
     levelName: '潮雾拼图',
@@ -307,6 +308,48 @@ test('当前作品没有下一关时展示三个相似作品并可选择进入',
   vi.useRealTimers();
 });
 
+test('当前作品没有下一关时底部入口打开相似作品选择', () => {
+  vi.useFakeTimers();
+  const similarWorksRun: PuzzleRunSnapshot = {
+    ...clearedRun,
+    recommendedNextProfileId: 'profile-similar-1',
+    nextLevelMode: 'similarWorks',
+    nextLevelProfileId: 'profile-similar-1',
+    nextLevelId: null,
+    recommendedNextWorks: [
+      {
+        profileId: 'profile-similar-1',
+        levelName: '雾海遗迹',
+        authorDisplayName: '星桥旅人',
+        themeTags: ['奇幻', '遗迹'],
+        coverImageSrc: null,
+        similarityScore: 0.91,
+      },
+    ],
+  };
+
+  renderPuzzleRuntime(
+    <PuzzleRuntimeShell
+      run={similarWorksRun}
+      onBack={vi.fn()}
+      onSwapPieces={vi.fn()}
+      onDragPiece={vi.fn()}
+      onAdvanceNextLevel={vi.fn()}
+    />,
+  );
+
+  act(() => {
+    vi.advanceTimersByTime(1_400);
+  });
+  fireEvent.click(screen.getByRole('button', { name: '关闭通关弹窗' }));
+
+  fireEvent.click(screen.getByRole('button', { name: /换个作品/u }));
+
+  expect(screen.getByRole('dialog', { name: '通关完成' })).toBeTruthy();
+  expect(screen.getByRole('button', { name: /雾海遗迹/u })).toBeTruthy();
+  vi.useRealTimers();
+});
+
 test('右上角设置按钮打开拼图设置并支持音量调节', () => {
   const authValue = createAuthValue();
 
@@ -679,6 +722,95 @@ test('倒计时归零时通知父层同步失败态', () => {
   vi.useRealTimers();
 });
 
+test('失败弹窗支持重开当前关和续时确认', async () => {
+  const onRestartLevel = vi.fn();
+  const onUseProp = vi.fn().mockResolvedValue({
+    ...clearedRun,
+    currentLevel: {
+      ...clearedRun.currentLevel!,
+      status: 'playing',
+      remainingMs: 60_000,
+    },
+  });
+  const failedRun: PuzzleRunSnapshot = {
+    ...clearedRun,
+    currentLevel: {
+      ...clearedRun.currentLevel!,
+      status: 'failed',
+      elapsedMs: 180_000,
+      remainingMs: 0,
+      board: {
+        ...clearedRun.currentLevel!.board,
+        allTilesResolved: false,
+      },
+    },
+  };
+
+  renderPuzzleRuntime(
+    <PuzzleRuntimeShell
+      run={failedRun}
+      onBack={vi.fn()}
+      onSwapPieces={vi.fn()}
+      onDragPiece={vi.fn()}
+      onAdvanceNextLevel={vi.fn()}
+      onRestartLevel={onRestartLevel}
+      onUseProp={onUseProp}
+    />,
+  );
+
+  const failedDialog = screen.getByRole('dialog', { name: '关卡失败' });
+  fireEvent.click(within(failedDialog).getByRole('button', { name: '重新开始' }));
+  expect(onRestartLevel).toHaveBeenCalledTimes(1);
+
+  fireEvent.click(
+    within(failedDialog).getByRole('button', { name: '继续1分钟' }),
+  );
+  expect(screen.getByRole('dialog', { name: '继续1分钟' })).toBeTruthy();
+  expect(screen.getByText('消耗 1 陶泥币')).toBeTruthy();
+
+  await act(async () => {
+    fireEvent.click(screen.getByRole('button', { name: '确定' }));
+  });
+
+  expect(onUseProp).toHaveBeenCalledWith('extendTime');
+});
+
+test('失败续时扣费失败时保留确认弹窗', async () => {
+  const onUseProp = vi.fn().mockRejectedValue(new Error('陶泥币余额不足'));
+  const failedRun: PuzzleRunSnapshot = {
+    ...clearedRun,
+    currentLevel: {
+      ...clearedRun.currentLevel!,
+      status: 'failed',
+      elapsedMs: 180_000,
+      remainingMs: 0,
+      board: {
+        ...clearedRun.currentLevel!.board,
+        allTilesResolved: false,
+      },
+    },
+  };
+
+  renderPuzzleRuntime(
+    <PuzzleRuntimeShell
+      run={failedRun}
+      onBack={vi.fn()}
+      onSwapPieces={vi.fn()}
+      onDragPiece={vi.fn()}
+      onAdvanceNextLevel={vi.fn()}
+      onUseProp={onUseProp}
+    />,
+  );
+
+  fireEvent.click(screen.getByRole('button', { name: '继续1分钟' }));
+  await act(async () => {
+    fireEvent.click(screen.getByRole('button', { name: '确定' }));
+  });
+
+  expect(screen.getByRole('dialog', { name: '继续1分钟' })).toBeTruthy();
+  expect(screen.getByText('陶泥币余额不足')).toBeTruthy();
+});
+
 test('查看原图开关打开覆盖层并在关闭后恢复计时', async () => {
   const onPauseChange = vi.fn();
   const onUseProp = vi.fn().mockResolvedValue(clearedRun);

src/components/puzzle-runtime/PuzzleRuntimeShell.tsx

@@ -756,7 +756,7 @@ export function PuzzleRuntimeShell({
   }, [currentLevel?.levelIndex, currentLevel?.runId, currentLevel?.status]);
 
   useEffect(() => {
-    if (!run || !currentLevel || currentLevel.status !== 'playing') {
+    if (!run || !currentLevel || currentLevel.status === 'cleared') {
       return;
     }
     if (displayRemainingMs > 0) {