收口统一创作流程一期

src/components/unified-creation/UnifiedCreationPage.test.tsx

@@ -1,15 +1,20 @@
 /* @vitest-environment jsdom */
 
-import { render, screen } from '@testing-library/react';
-import { describe, expect, test } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { describe, expect, test, vi } from 'vitest';
 
 import { UnifiedCreationPage } from './UnifiedCreationPage';
 import { getUnifiedCreationSpec } from './unifiedCreationSpecs';
 
 describe('UnifiedCreationPage', () => {
   test('按后端字段 spec 暴露统一创作页字段契约', () => {
+    const onBack = vi.fn();
+
     render(
-      <UnifiedCreationPage spec={getUnifiedCreationSpec('wooden-fish')}>
+      <UnifiedCreationPage
+        spec={getUnifiedCreationSpec('wooden-fish')}
+        onBack={onBack}
+      >
         <div>敲木鱼工作台</div>
       </UnifiedCreationPage>,
     );
@@ -41,6 +46,8 @@ describe('UnifiedCreationPage', () => {
     expect(screen.getByTestId('unified-creation-play-badge').textContent).toBe(
       'wooden-fish',
     );
+    fireEvent.click(screen.getByRole('button', { name: '返回' }));
+    expect(onBack).toHaveBeenCalledTimes(1);
     expect(screen.queryByLabelText('创作字段')).toBeNull();
     expect(screen.queryByTestId('unified-creation-visible-field')).toBeNull();
     expect(
@@ -48,7 +55,19 @@ describe('UnifiedCreationPage', () => {
         .getByText('敲木鱼工作台')
         .closest('.unified-creation-page__content')
         ?.className,
-    ).not.toContain('overflow-y-auto');
-    expect(root?.className).not.toContain('overflow-hidden');
+    ).toContain('flex');
+    expect(
+      screen
+        .getByText('敲木鱼工作台')
+        .closest('.unified-creation-page__content')
+        ?.className,
+    ).toContain('min-h-max');
+    expect(
+      screen
+        .getByText('敲木鱼工作台')
+        .closest('.unified-creation-page__content')
+        ?.className,
+    ).not.toContain('min-h-0');
+    expect(root?.className).toContain('overflow-y-auto');
   });
 });