@akiojin/gwt 2.2.0 → 2.3.0

package/src/cli/ui/__tests__/components/screens/BranchListScreen.test.tsx

@@ -1,27 +1,28 @@
 /**
  * @vitest-environment happy-dom
  */
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
-import { act, render } from '@testing-library/react';
-import { render as inkRender } from 'ink-testing-library';
-import React from 'react';
-import { BranchListScreen } from '../../../components/screens/BranchListScreen.js';
-import type { BranchInfo, BranchItem, Statistics } from '../../../types.js';
-import { formatBranchItem } from '../../../utils/branchFormatter.js';
-import stringWidth from 'string-width';
-import { Window } from 'happy-dom';
-
-const stripAnsi = (value: string): string => value.replace(/\u001b\[[0-9;]*m/g, '');
+import { describe, it, expect, beforeEach, afterEach, vi } from "vitest";
+import { act, render } from "@testing-library/react";
+import { render as inkRender } from "ink-testing-library";
+import React from "react";
+import { BranchListScreen } from "../../../components/screens/BranchListScreen.js";
+import type { BranchInfo, BranchItem, Statistics } from "../../../types.js";
+import { formatBranchItem } from "../../../utils/branchFormatter.js";
+import stringWidth from "string-width";
+import { Window } from "happy-dom";
+
+const stripAnsi = (value: string): string =>
+  value.replace(/\u001b\[[0-9;]*m/g, "");
 const stripControlSequences = (value: string): string =>
   value.replace(/\u001b\[([0-9;?]*)([A-Za-z])/g, (_, params, command) => {
-    if (command === 'C') {
-      const count = Number(params || '1');
-      return ' '.repeat(Number.isNaN(count) ? 0 : count);
+    if (command === "C") {
+      const count = Number(params || "1");
+      return " ".repeat(Number.isNaN(count) ? 0 : count);
     }
-    return '';
+    return "";
   });
 
-describe('BranchListScreen', () => {
+describe("BranchListScreen", () => {
   beforeEach(() => {
     vi.useFakeTimers();
     // Setup happy-dom
@@ -36,25 +37,25 @@ describe('BranchListScreen', () => {
 
   const mockBranches: BranchItem[] = [
     {
-      name: 'main',
-      type: 'local',
-      branchType: 'main',
+      name: "main",
+      type: "local",
+      branchType: "main",
       isCurrent: true,
-      icons: ['⚡', '⭐'],
+      icons: ["⚡", "⭐"],
       hasChanges: false,
-      label: '⚡ ⭐ main',
-      value: 'main',
+      label: "⚡ ⭐ main",
+      value: "main",
       latestCommitTimestamp: 1_700_000_000,
     },
     {
-      name: 'feature/test',
-      type: 'local',
-      branchType: 'feature',
+      name: "feature/test",
+      type: "local",
+      branchType: "feature",
       isCurrent: false,
-      icons: ['✨'],
+      icons: ["✨"],
       hasChanges: false,
-      label: '✨ feature/test',
-      value: 'feature/test',
+      label: "✨ feature/test",
+      value: "feature/test",
       latestCommitTimestamp: 1_699_000_000,
     },
   ];
@@ -67,46 +68,62 @@ describe('BranchListScreen', () => {
     lastUpdated: new Date(),
   };
 
-  it('should render header with title', () => {
+  it("should render header with title", () => {
     const onSelect = vi.fn();
     const { getByText } = render(
-      <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+      <BranchListScreen
+        branches={mockBranches}
+        stats={mockStats}
+        onSelect={onSelect}
+      />,
     );
 
     expect(getByText(/gwt - Branch Selection/i)).toBeDefined();
   });
 
-  it('should render statistics', () => {
+  it("should render statistics", () => {
     const onSelect = vi.fn();
     const { container, getByText } = render(
-      <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+      <BranchListScreen
+        branches={mockBranches}
+        stats={mockStats}
+        onSelect={onSelect}
+      />,
     );
 
-    expect(container.textContent).toContain('Local: 2');
+    expect(container.textContent).toContain("Local: 2");
     expect(getByText(/Remote:/)).toBeDefined();
   });
 
-  it('should render branch list', () => {
+  it("should render branch list", () => {
     const onSelect = vi.fn();
     const { getByText } = render(
-      <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+      <BranchListScreen
+        branches={mockBranches}
+        stats={mockStats}
+        onSelect={onSelect}
+      />,
     );
 
     expect(getByText(/main/)).toBeDefined();
     expect(getByText(/feature\/test/)).toBeDefined();
   });
 
-  it('should render footer with actions', () => {
+  it("should render footer with actions", () => {
     const onSelect = vi.fn();
     const { getAllByText } = render(
-      <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+      <BranchListScreen
+        branches={mockBranches}
+        stats={mockStats}
+        onSelect={onSelect}
+      />,
     );
 
     // Check for enter key (main screen doesn't have q key, exit is Ctrl+C only)
     expect(getAllByText(/enter/i).length).toBeGreaterThan(0);
   });
 
-  it('should handle empty branch list', () => {
+  it("should handle empty branch list", () => {
     const onSelect = vi.fn();
     const emptyStats: Statistics = {
       localCount: 0,
@@ -117,13 +134,13 @@ describe('BranchListScreen', () => {
     };
 
     const { container } = render(
-      <BranchListScreen branches={[]} stats={emptyStats} onSelect={onSelect} />
+      <BranchListScreen branches={[]} stats={emptyStats} onSelect={onSelect} />,
     );
 
     expect(container).toBeDefined();
   });
 
-  it('should display loading indicator after the configured delay', async () => {
+  it("should display loading indicator after the configured delay", async () => {
     const onSelect = vi.fn();
     const { queryByText, getByText } = render(
       <BranchListScreen
@@ -132,11 +149,11 @@ describe('BranchListScreen', () => {
         onSelect={onSelect}
         loading={true}
         loadingIndicatorDelay={10}
-      />
+      />,
     );
 
     await act(async () => {
-      if (typeof (vi as any).advanceTimersByTime === 'function') {
+      if (typeof (vi as any).advanceTimersByTime === "function") {
         (vi as any).advanceTimersByTime(10);
       } else {
         await new Promise((resolve) => setTimeout(resolve, 10));
@@ -146,18 +163,23 @@ describe('BranchListScreen', () => {
     expect(getByText(/Loading Git information/i)).toBeDefined();
   });
 
-  it('should display error state', () => {
+  it("should display error state", () => {
     const onSelect = vi.fn();
-    const error = new Error('Failed to load branches');
+    const error = new Error("Failed to load branches");
     const { getByText } = render(
-      <BranchListScreen branches={[]} stats={mockStats} onSelect={onSelect} error={error} />
+      <BranchListScreen
+        branches={[]}
+        stats={mockStats}
+        onSelect={onSelect}
+        error={error}
+      />,
     );
 
     expect(getByText(/Error:/i)).toBeDefined();
     expect(getByText(/Failed to load branches/i)).toBeDefined();
   });
 
-  it('should use terminal height for layout calculation', () => {
+  it("should use terminal height for layout calculation", () => {
     const onSelect = vi.fn();
 
     // Mock process.stdout
@@ -165,7 +187,11 @@ describe('BranchListScreen', () => {
     process.stdout.rows = 30;
 
     const { container } = render(
-      <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+      <BranchListScreen
+        branches={mockBranches}
+        stats={mockStats}
+        onSelect={onSelect}
+      />,
     );
 
     expect(container).toBeDefined();
@@ -174,10 +200,14 @@ describe('BranchListScreen', () => {
     process.stdout.rows = originalRows;
   });
 
-  it('should display branch icons', () => {
+  it("should display branch icons", () => {
     const onSelect = vi.fn();
     const { getByText } = render(
-      <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+      <BranchListScreen
+        branches={mockBranches}
+        stats={mockStats}
+        onSelect={onSelect}
+      />,
     );
 
     // Check for icons in labels
@@ -186,34 +216,42 @@ describe('BranchListScreen', () => {
     expect(getByText(/✨/)).toBeDefined(); // feature icon
   });
 
-  it('should render latest commit timestamp for each branch', () => {
+  it("should render latest commit timestamp for each branch", () => {
     const onSelect = vi.fn();
     const { container } = render(
-      <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+      <BranchListScreen
+        branches={mockBranches}
+        stats={mockStats}
+        onSelect={onSelect}
+      />,
     );
 
-    const textContent = container.textContent ?? '';
+    const textContent = container.textContent ?? "";
     const matches = textContent.match(/\d{4}-\d{2}-\d{2} \d{2}:\d{2}/g) ?? [];
     expect(matches.length).toBe(mockBranches.length);
   });
 
-  it('should highlight the selected branch with cyan background', async () => {
-    process.env.FORCE_COLOR = '1';
+  it("should highlight the selected branch with cyan background", async () => {
+    process.env.FORCE_COLOR = "1";
     const onSelect = vi.fn();
     let renderResult: ReturnType<typeof inkRender>;
     await act(async () => {
       renderResult = inkRender(
-        <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />,
-        { stripAnsi: false }
+        <BranchListScreen
+          branches={mockBranches}
+          stats={mockStats}
+          onSelect={onSelect}
+        />,
+        { stripAnsi: false },
       );
     });
 
-    const frame = renderResult!.lastFrame() ?? '';
-    expect(frame).toContain('\u001b[46m'); // cyan background ANSI code
+    const frame = renderResult!.lastFrame() ?? "";
+    expect(frame).toContain("\u001b[46m"); // cyan background ANSI code
   });
 
-  it('should align timestamps even when unpushed icon is displayed', async () => {
-    process.env.FORCE_COLOR = '1';
+  it("should align timestamps even when unpushed icon is displayed", async () => {
+    process.env.FORCE_COLOR = "1";
     const onSelect = vi.fn();
 
     const originalColumns = process.stdout.columns;
@@ -221,25 +259,25 @@ describe('BranchListScreen', () => {
 
     const branchInfos: BranchInfo[] = [
       {
-        name: 'feature/update-ui',
-        type: 'local',
-        branchType: 'feature',
+        name: "feature/update-ui",
+        type: "local",
+        branchType: "feature",
         isCurrent: false,
         hasUnpushedCommits: true,
         latestCommitTimestamp: 1_700_000_000,
       },
       {
-        name: 'origin/main',
-        type: 'remote',
-        branchType: 'main',
+        name: "origin/main",
+        type: "remote",
+        branchType: "main",
         isCurrent: false,
         hasUnpushedCommits: false,
         latestCommitTimestamp: 1_699_999_000,
       },
       {
-        name: 'main',
-        type: 'local',
-        branchType: 'main',
+        name: "main",
+        type: "local",
+        branchType: "main",
         isCurrent: true,
         hasUnpushedCommits: false,
         latestCommitTimestamp: 1_699_998_000,
@@ -247,21 +285,25 @@ describe('BranchListScreen', () => {
     ];
 
     const branchesWithUnpushed: BranchItem[] = branchInfos.map((branch) =>
-      formatBranchItem(branch)
+      formatBranchItem(branch),
     );
 
     try {
       let renderResult: ReturnType<typeof inkRender>;
       await act(async () => {
         renderResult = inkRender(
-          <BranchListScreen branches={branchesWithUnpushed} stats={mockStats} onSelect={onSelect} />,
-          { stripAnsi: false }
+          <BranchListScreen
+            branches={branchesWithUnpushed}
+            stats={mockStats}
+            onSelect={onSelect}
+          />,
+          { stripAnsi: false },
         );
       });
 
-      const frame = renderResult!.lastFrame() ?? '';
+      const frame = renderResult!.lastFrame() ?? "";
       const timestampLines = frame
-        .split('\n')
+        .split("\n")
         .map((line) => stripControlSequences(stripAnsi(line)))
         .filter((line) => /\d{4}-\d{2}-\d{2} \d{2}:\d{2}/.test(line));
 
@@ -274,7 +316,7 @@ describe('BranchListScreen', () => {
 
         let width = 0;
         for (const char of Array.from(beforeTimestamp)) {
-          if (char === '\u2B06' || char === '\u2601') {
+          if (char === "\u2B06" || char === "\u2601") {
             width += 1;
             continue;
           }
@@ -291,29 +333,40 @@ describe('BranchListScreen', () => {
     }
   });
 
-  describe('Filter Mode', () => {
-    it('should always display filter input field', () => {
+  describe("Filter Mode", () => {
+    it("should always display filter input field", () => {
       // Note: Filter input is now always visible (no need to press 'f' key)
       const onSelect = vi.fn();
       const { container } = render(
-        <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+        <BranchListScreen
+          branches={mockBranches}
+          stats={mockStats}
+          onSelect={onSelect}
+        />,
       );
 
       // Filter input field should be displayed by default
-      expect(container.textContent).toContain('Filter:');
+      expect(container.textContent).toContain("Filter:");
     });
 
-    it('should enter filter mode when f key is pressed', () => {
+    it("should enter filter mode when f key is pressed", () => {
       const onSelect = vi.fn();
       const { container } = render(
-        <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+        <BranchListScreen
+          branches={mockBranches}
+          stats={mockStats}
+          onSelect={onSelect}
+        />,
       );
 
       // Initially should show prompt to press f
-      expect(container.textContent).toContain('(press f to filter)');
+      expect(container.textContent).toContain("(press f to filter)");
 
       // Press 'f' key
-      const fKeyEvent = new (globalThis.window as any).KeyboardEvent('keydown', { key: 'f' });
+      const fKeyEvent = new (globalThis.window as any).KeyboardEvent(
+        "keydown",
+        { key: "f" },
+      );
       document.dispatchEvent(fKeyEvent);
 
       // Filter input should be active (placeholder visible)
@@ -321,45 +374,65 @@ describe('BranchListScreen', () => {
       expect(container).toBeDefined();
     });
 
-    it('should exit filter mode and return to branch selection when Esc is pressed in filter mode', () => {
+    it("should exit filter mode and return to branch selection when Esc is pressed in filter mode", () => {
       const onSelect = vi.fn();
       const { container } = render(
-        <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+        <BranchListScreen
+          branches={mockBranches}
+          stats={mockStats}
+          onSelect={onSelect}
+        />,
       );
 
       // Enter filter mode first
-      const fKeyEvent = new (globalThis.window as any).KeyboardEvent('keydown', { key: 'f' });
+      const fKeyEvent = new (globalThis.window as any).KeyboardEvent(
+        "keydown",
+        { key: "f" },
+      );
       document.dispatchEvent(fKeyEvent);
 
       // Press Escape
-      const escKeyEvent = new (globalThis.window as any).KeyboardEvent('keydown', { key: 'Escape' });
+      const escKeyEvent = new (globalThis.window as any).KeyboardEvent(
+        "keydown",
+        { key: "Escape" },
+      );
       document.dispatchEvent(escKeyEvent);
 
       // Should return to branch selection mode
       // Select should be active, Input should be inactive
-      expect(container.textContent).toContain('(press f to filter)');
+      expect(container.textContent).toContain("(press f to filter)");
     });
 
-    it('should show branch list cursor highlight in filter mode', () => {
-      process.env.FORCE_COLOR = '1';
+    it("should show branch list cursor highlight in filter mode", () => {
+      process.env.FORCE_COLOR = "1";
       const onSelect = vi.fn();
       let renderResult: ReturnType<typeof inkRender>;
       act(() => {
         renderResult = inkRender(
-          <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} testFilterMode={true} />,
-          { stripAnsi: false }
+          <BranchListScreen
+            branches={mockBranches}
+            stats={mockStats}
+            onSelect={onSelect}
+            testFilterMode={true}
+          />,
+          { stripAnsi: false },
         );
       });
 
-      const frame = renderResult!.lastFrame() ?? '';
+      const frame = renderResult!.lastFrame() ?? "";
       // Should contain cyan background (cursor highlight) even in filter mode
-      expect(frame).toContain('\u001b[46m');
+      expect(frame).toContain("\u001b[46m");
     });
 
-    it('should allow cursor movement with arrow keys in filter mode', () => {
+    it("should allow cursor movement with arrow keys in filter mode", () => {
       const onSelect = vi.fn();
       const { container } = render(
-        <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} testFilterMode={true} />
+        <BranchListScreen
+          branches={mockBranches}
+          stats={mockStats}
+          onSelect={onSelect}
+          testFilterMode={true}
+        />,
       );
 
       // Arrow keys should work in filter mode (Select component should not be disabled)
@@ -367,10 +440,15 @@ describe('BranchListScreen', () => {
       expect(container).toBeDefined();
     });
 
-    it('should allow branch selection with Enter key in filter mode', () => {
+    it("should allow branch selection with Enter key in filter mode", () => {
       const onSelect = vi.fn();
       const { container } = render(
-        <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} testFilterMode={true} />
+        <BranchListScreen
+          branches={mockBranches}
+          stats={mockStats}
+          onSelect={onSelect}
+          testFilterMode={true}
+        />,
       );
 
       // Simulate Enter key (this will trigger onSelect if Select is enabled)
@@ -379,10 +457,14 @@ describe('BranchListScreen', () => {
       expect(container).toBeDefined();
     });
 
-    it('should disable filter input cursor when in branch selection mode', () => {
+    it("should disable filter input cursor when in branch selection mode", () => {
       const onSelect = vi.fn();
       const { container } = render(
-        <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+        <BranchListScreen
+          branches={mockBranches}
+          stats={mockStats}
+          onSelect={onSelect}
+        />,
       );
 
       // By default, should be in branch selection mode
@@ -390,19 +472,19 @@ describe('BranchListScreen', () => {
       expect(container).toBeDefined();
     });
 
-    it('should filter branches in real-time as user types', () => {
+    it("should filter branches in real-time as user types", () => {
       const onSelect = vi.fn();
       const branches: BranchItem[] = [
         ...mockBranches,
         {
-          name: 'bugfix/issue-123',
-          type: 'local',
-          branchType: 'bugfix',
+          name: "bugfix/issue-123",
+          type: "local",
+          branchType: "bugfix",
           isCurrent: false,
-          icons: ['🐛'],
+          icons: ["🐛"],
           hasChanges: false,
-          label: '🐛 bugfix/issue-123',
-          value: 'bugfix/issue-123',
+          label: "🐛 bugfix/issue-123",
+          value: "bugfix/issue-123",
           latestCommitTimestamp: 1_698_000_000,
         },
       ];
@@ -414,62 +496,82 @@ describe('BranchListScreen', () => {
           onSelect={onSelect}
           testFilterMode={true}
           testFilterQuery="feature"
-        />
+        />,
       );
 
       // Only feature/test should be visible
-      expect(container.textContent).toContain('feature/test');
-      expect(container.textContent).not.toContain('bugfix/issue-123');
+      expect(container.textContent).toContain("feature/test");
+      expect(container.textContent).not.toContain("bugfix/issue-123");
     });
 
-    it('should clear filter query when Esc key is pressed (with query)', () => {
+    it("should clear filter query when Esc key is pressed (with query)", () => {
       // Note: Filter input remains visible, only the query is cleared
       const onSelect = vi.fn();
       const { container } = render(
-        <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+        <BranchListScreen
+          branches={mockBranches}
+          stats={mockStats}
+          onSelect={onSelect}
+        />,
       );
 
       // Enter filter mode
-      const fKeyEvent = new (globalThis.window as any).KeyboardEvent('keydown', { key: 'f' });
+      const fKeyEvent = new (globalThis.window as any).KeyboardEvent(
+        "keydown",
+        { key: "f" },
+      );
       document.dispatchEvent(fKeyEvent);
 
       // Type something in filter
-      const input = container.querySelector('input');
+      const input = container.querySelector("input");
       if (input) {
-        input.value = 'feature';
-        input.dispatchEvent(new Event('input', { bubbles: true }));
+        input.value = "feature";
+        input.dispatchEvent(new Event("input", { bubbles: true }));
       }
 
       // Press Escape (should clear query first)
-      const escKeyEvent = new (globalThis.window as any).KeyboardEvent('keydown', { key: 'Escape' });
+      const escKeyEvent = new (globalThis.window as any).KeyboardEvent(
+        "keydown",
+        { key: "Escape" },
+      );
       document.dispatchEvent(escKeyEvent);
 
       // Filter input should still be visible, but query cleared
       // All branches should be visible again
-      expect(container.textContent).toContain('Filter:');
-      expect(container.textContent).toContain('main');
-      expect(container.textContent).toContain('feature/test');
+      expect(container.textContent).toContain("Filter:");
+      expect(container.textContent).toContain("main");
+      expect(container.textContent).toContain("feature/test");
     });
 
-    it('should exit filter mode when Esc is pressed with empty query', () => {
+    it("should exit filter mode when Esc is pressed with empty query", () => {
       const onSelect = vi.fn();
       const { container } = render(
-        <BranchListScreen branches={mockBranches} stats={mockStats} onSelect={onSelect} />
+        <BranchListScreen
+          branches={mockBranches}
+          stats={mockStats}
+          onSelect={onSelect}
+        />,
       );
 
       // Enter filter mode
-      const fKeyEvent = new (globalThis.window as any).KeyboardEvent('keydown', { key: 'f' });
+      const fKeyEvent = new (globalThis.window as any).KeyboardEvent(
+        "keydown",
+        { key: "f" },
+      );
       document.dispatchEvent(fKeyEvent);
 
       // Press Escape with empty query (should exit filter mode)
-      const escKeyEvent = new (globalThis.window as any).KeyboardEvent('keydown', { key: 'Escape' });
+      const escKeyEvent = new (globalThis.window as any).KeyboardEvent(
+        "keydown",
+        { key: "Escape" },
+      );
       document.dispatchEvent(escKeyEvent);
 
       // Should return to branch selection mode
-      expect(container.textContent).toContain('(press f to filter)');
+      expect(container.textContent).toContain("(press f to filter)");
     });
 
-    it('should perform case-insensitive search', () => {
+    it("should perform case-insensitive search", () => {
       const onSelect = vi.fn();
       const { container } = render(
         <BranchListScreen
@@ -478,14 +580,14 @@ describe('BranchListScreen', () => {
           onSelect={onSelect}
           testFilterMode={true}
           testFilterQuery="FEATURE"
-        />
+        />,
       );
 
       // "feature/test" should still be visible
-      expect(container.textContent).toContain('feature/test');
+      expect(container.textContent).toContain("feature/test");
     });
 
-    it('should disable other key bindings (m, c, r) while typing in filter', () => {
+    it("should disable other key bindings (m, c, r) while typing in filter", () => {
       // Note: Input component uses blockKeys prop to prevent c/r/m/f from
       // triggering shortcuts while typing in the filter field
       // This test verifies the intended behavior (though KeyboardEvent
@@ -503,17 +605,23 @@ describe('BranchListScreen', () => {
           onNavigate={onNavigate}
           onCleanupCommand={onCleanupCommand}
           onRefresh={onRefresh}
-        />
+        />,
       );
 
       // Enter filter mode
-      const fKeyEvent = new (globalThis.window as any).KeyboardEvent('keydown', { key: 'f' });
+      const fKeyEvent = new (globalThis.window as any).KeyboardEvent(
+        "keydown",
+        { key: "f" },
+      );
       document.dispatchEvent(fKeyEvent);
 
       // When user types in filter, Input component blocks c/r/m/f keys
       // Press m, c, r keys (should be blocked by Input's blockKeys)
-      ['m', 'c', 'r'].forEach((key) => {
-        const keyEvent = new (globalThis.window as any).KeyboardEvent('keydown', { key });
+      ["m", "c", "r"].forEach((key) => {
+        const keyEvent = new (globalThis.window as any).KeyboardEvent(
+          "keydown",
+          { key },
+        );
         document.dispatchEvent(keyEvent);
       });
 
@@ -524,19 +632,19 @@ describe('BranchListScreen', () => {
       expect(onRefresh).not.toHaveBeenCalled();
     });
 
-    it('should display match count when filtering', () => {
+    it("should display match count when filtering", () => {
       const onSelect = vi.fn();
       const branches: BranchItem[] = [
         ...mockBranches,
         {
-          name: 'feature/another',
-          type: 'local',
-          branchType: 'feature',
+          name: "feature/another",
+          type: "local",
+          branchType: "feature",
           isCurrent: false,
-          icons: ['✨'],
+          icons: ["✨"],
           hasChanges: false,
-          label: '✨ feature/another',
-          value: 'feature/another',
+          label: "✨ feature/another",
+          value: "feature/another",
           latestCommitTimestamp: 1_698_000_000,
         },
       ];
@@ -548,14 +656,14 @@ describe('BranchListScreen', () => {
           onSelect={onSelect}
           testFilterMode={true}
           testFilterQuery="feature"
-        />
+        />,
       );
 
       // Should show "Showing 2 of 3 branches"
       expect(container.textContent).toMatch(/Showing\s+2\s+of\s+3/i);
     });
 
-    it('should show empty list when no branches match', () => {
+    it("should show empty list when no branches match", () => {
       const onSelect = vi.fn();
       const { container } = render(
         <BranchListScreen
@@ -564,28 +672,28 @@ describe('BranchListScreen', () => {
           onSelect={onSelect}
           testFilterMode={true}
           testFilterQuery="nonexistent"
-        />
+        />,
       );
 
       // Should show "Showing 0 of 2 branches"
       expect(container.textContent).toMatch(/Showing\s+0\s+of\s+2/i);
     });
 
-    it('should search in PR titles when available', () => {
+    it("should search in PR titles when available", () => {
       const onSelect = vi.fn();
       const branchesWithPR: BranchItem[] = [
         ...mockBranches,
         {
-          name: 'feature/add-filter',
-          type: 'local',
-          branchType: 'feature',
+          name: "feature/add-filter",
+          type: "local",
+          branchType: "feature",
           isCurrent: false,
-          icons: ['✨', '🔀'],
+          icons: ["✨", "🔀"],
           hasChanges: false,
-          label: '✨ 🔀 feature/add-filter',
-          value: 'feature/add-filter',
+          label: "✨ 🔀 feature/add-filter",
+          value: "feature/add-filter",
           latestCommitTimestamp: 1_698_000_000,
-          openPR: { number: 123, title: 'Add search filter to branch list' },
+          openPR: { number: 123, title: "Add search filter to branch list" },
         },
       ];
 
@@ -596,11 +704,11 @@ describe('BranchListScreen', () => {
           onSelect={onSelect}
           testFilterMode={true}
           testFilterQuery="search"
-        />
+        />,
       );
 
       // Branch with matching PR title should be visible
-      expect(container.textContent).toContain('feature/add-filter');
+      expect(container.textContent).toContain("feature/add-filter");
     });
   });
 });