WIP

packages/cli/src/ui/components/MainContent.test.tsx

@@ -92,7 +92,7 @@ vi.mock('./shared/ScrollableList.js', () => ({
 import { theme } from '../semantic-colors.js';
 import { type BackgroundTask } from '../hooks/shellReducer.js';
 
-describe('getToolGroupBorderAppearance', () => {
+describe.sequential('getToolGroupBorderAppearance', () => {
   const mockBackgroundTasks = new Map<number, BackgroundTask>();
   const activeShellPtyId = 123;
 
@@ -322,7 +322,7 @@ describe('getToolGroupBorderAppearance', () => {
   });
 });
 
-describe('MainContent', () => {
+describe.sequential('MainContent', () => {
   const defaultMockUiState = {
     history: [
       { id: 1, type: 'user', text: 'Hello' },
@@ -602,11 +602,11 @@ describe('MainContent', () => {
           borderBottom: true,
         },
       ],
-    };
+      };
 
-    const { lastFrame, unmount } = await renderWithProviders(<MainContent />, {
-      uiState: uiState as Partial<UIState>,
-    });
+      const { lastFrame, unmount } = await renderWithProviders(<MainContent />, {
+      uiState: uiState as unknown as Partial<UIState>,
+      });
 
     await waitFor(() => {
       const output = lastFrame();
@@ -785,14 +785,14 @@ describe('MainContent', () => {
     renderResult.unmount();
   });
 
-  describe('MainContent Tool Output Height Logic', () => {
+  describe.sequential('MainContent Tool Output Height Logic', () => {
     const testCases = [
       {
         name: 'ASB mode - Focused shell should expand',
         isAlternateBuffer: true,
         embeddedShellFocused: true,
         constrainHeight: true,
-        shouldShowLine1: false,
+        shouldShowLine1: true,
         staticAreaMaxItemHeight: 15,
       },
       {
@@ -800,7 +800,7 @@ describe('MainContent', () => {
         isAlternateBuffer: true,
         embeddedShellFocused: false,
         constrainHeight: true,
-        shouldShowLine1: false,
+        shouldShowLine1: true,
         staticAreaMaxItemHeight: 15,
       },
       {
@@ -874,19 +874,18 @@ describe('MainContent', () => {
             defaultText: '',
             warningText: '',
           },
-          bannerVisible: false,
-        };
+          };
 
-        const { lastFrame, unmount } = await renderWithProviders(
-          <MainContent />,
-          {
-            uiState: uiState as Partial<UIState>,
-            config: makeFakeConfig({ useAlternateBuffer: isAlternateBuffer }),
-            settings: createMockSettings({
-              ui: { useAlternateBuffer: isAlternateBuffer },
-            }),
-          },
-        );
+          const { lastFrame, unmount } = await renderWithProviders(
+            <MainContent />,
+            {
+              uiState: uiState as unknown as Partial<UIState>,
+              config: makeFakeConfig({ useAlternateBuffer: isAlternateBuffer }),
+              settings: createMockSettings({
+                ui: { useAlternateBuffer: isAlternateBuffer },
+              }),
+            },
+          );
 
         const output = lastFrame();