1

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

@@ -206,7 +206,7 @@ test('右上角设置按钮打开拼图设置并支持音量调节', () => {
   expect(authValue.setMusicVolume).toHaveBeenCalledWith(0.77);
 });
 
-test('拼图棋盘使用 9:16 竖屏舞台承载切块', () => {
+test('拼图棋盘使用贴近移动端边缘的正方形舞台承载切块', () => {
   const { container } = renderPuzzleRuntime(
     <PuzzleRuntimeShell
       run={{
@@ -229,9 +229,10 @@ test('拼图棋盘使用 9:16 竖屏舞台承载切块', () => {
   );
 
   const board = screen.getByTestId('puzzle-board');
-  expect(board.className).toContain('aspect-[9/16]');
+  expect(board.className).toContain('aspect-square');
+  expect(board.className).toContain('max-w-[min(99vw,calc(100vh_-_16.5rem))]');
   expect(board.className).not.toContain('aspect-video');
-  expect(board.className).not.toContain('aspect-square');
+  expect(board.className).not.toContain('aspect-[9/16]');
   expect(board.getAttribute('style')).toContain('grid-template-rows');
   expect(container.querySelector('.min-h-\\[4\\.5rem\\]')).toBeNull();
 });