1

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

@@ -294,6 +294,38 @@ test('合并块按实际拼块外轮廓描边', () => {
   expect(outlinedPieces[2]?.className).toContain('rounded-bl-[0.85rem]');
 });
 
+test('基础单块使用圆角裁剪图片', () => {
+  const playingRun: PuzzleRunSnapshot = {
+    ...clearedRun,
+    currentLevel: {
+      ...clearedRun.currentLevel!,
+      status: 'playing',
+      startedAtMs: Date.now(),
+      coverImageSrc: '/puzzle.png',
+      board: {
+        ...clearedRun.currentLevel!.board,
+        allTilesResolved: false,
+      },
+    },
+  };
+
+  const { container } = renderPuzzleRuntime(
+    <PuzzleRuntimeShell
+      run={playingRun}
+      onBack={vi.fn()}
+      onSwapPieces={vi.fn()}
+      onDragPiece={vi.fn()}
+      onAdvanceNextLevel={vi.fn()}
+    />,
+  );
+
+  const basePiece = container.querySelector(
+    '[data-piece-id="piece-0"]',
+  ) as HTMLElement | null;
+  expect(basePiece?.className).toContain('overflow-hidden');
+  expect(basePiece?.className).toContain('rounded-[0.85rem]');
+});
+
 test('道具确认弹窗暂停时间，提示只演示不直接移动拼块', async () => {
   const onPauseChange = vi.fn();
   const onUseProp = vi.fn().mockResolvedValue(clearedRun);