1

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

@@ -240,7 +240,7 @@ test('首次退出引导的作品改造按钮进入改造流程', () => {
   expect(screen.queryByRole('dialog')).toBeNull();
 });
 
-test('顶部作者显示头像昵称，底部功能居中放大且不显示等待候选', () => {
+test('顶部不显示作者，关卡标题和倒计时更紧凑', () => {
   const runWithoutNext: PuzzleRunSnapshot = {
     ...clearedRun,
     recommendedNextProfileId: null,
@@ -256,15 +256,17 @@ test('顶部作者显示头像昵称，底部功能居中放大且不显示等
     />,
   );
 
-  const avatar = screen.getByText('测');
   const timer = screen.getByText('4:48');
   const hintButton = screen.getByRole('button', { name: '提示' });
   const referenceButton = screen.getByRole('button', { name: '原图' });
   const freezeButton = screen.getByRole('button', { name: '冻结' });
 
-  expect(avatar.className).toContain('rounded-full');
-  expect(screen.getByText('测试作者')).toBeTruthy();
-  expect(timer.className).toContain('text-2xl');
+  expect(screen.queryByText('测试作者')).toBeNull();
+  expect(screen.getByText('第 1 关')).toBeTruthy();
+  expect(screen.getByText('潮雾拼图')).toBeTruthy();
+  expect(timer.className).toContain('puzzle-runtime-timer');
+  expect(timer.className).toContain('text-lg');
+  expect(timer.className).not.toContain('text-2xl');
   expect(hintButton.className).toContain('h-16');
   expect(referenceButton.className).toContain('h-16');
   expect(freezeButton.className).toContain('h-16');
@@ -467,14 +469,32 @@ test('拼图棋盘使用贴近移动端边缘的正方形舞台承载切块', ()
   );
 
   const board = screen.getByTestId('puzzle-board');
+  expect(board.className).toContain('puzzle-runtime-board');
   expect(board.className).toContain('aspect-square');
-  expect(board.className).toContain('max-w-[min(99vw,calc(100vh_-_16.5rem))]');
+  expect(board.className).toContain('max-w-[min(99vw,calc(100vh_-_14rem))]');
   expect(board.className).not.toContain('aspect-video');
   expect(board.className).not.toContain('aspect-[9/16]');
   expect(board.getAttribute('style')).toContain('grid-template-rows');
   expect(container.querySelector('.min-h-\\[4\\.5rem\\]')).toBeNull();
 });
 
+test('拼图运行态主体使用主题语义类承接明暗主题', () => {
+  const { container } = renderPuzzleRuntime(
+    <PuzzleRuntimeShell
+      run={null}
+      onBack={vi.fn()}
+      onSwapPieces={vi.fn()}
+      onDragPiece={vi.fn()}
+      onAdvanceNextLevel={vi.fn()}
+    />,
+  );
+
+  expect(container.firstElementChild?.className).toContain(
+    'puzzle-runtime-shell',
+  );
+  expect(container.querySelector('.puzzle-runtime-pill')).toBeTruthy();
+});
+
 test('合并块按实际拼块外轮廓描边', () => {
   const mergedRun: PuzzleRunSnapshot = {
     ...clearedRun,