@akiojin/gwt 2.2.0 → 2.4.0

package/src/cli/ui/__tests__/integration/realtimeUpdate.test.tsx

@@ -1,12 +1,12 @@
 /**
  * @vitest-environment happy-dom
  */
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { render } from '@testing-library/react';
-import React from 'react';
-import { App } from '../../components/App.js';
-import { Window } from 'happy-dom';
-import type { BranchInfo } from '../../types.js';
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { render } from "@testing-library/react";
+import React from "react";
+import { App } from "../../components/App.js";
+import { Window } from "happy-dom";
+import type { BranchInfo } from "../../types.js";
 
 /**
  * Real-time update integration tests
@@ -15,14 +15,14 @@ import type { BranchInfo } from '../../types.js';
 
 // Mock useGitData hook
 const mockRefresh = vi.fn();
-vi.mock('../../hooks/useGitData.js', () => ({
+vi.mock("../../hooks/useGitData.js", () => ({
   useGitData: vi.fn(),
 }));
 
-import { useGitData } from '../../hooks/useGitData.js';
+import { useGitData } from "../../hooks/useGitData.js";
 const mockUseGitData = useGitData as ReturnType<typeof vi.fn>;
 
-describe('Real-time Update Integration', () => {
+describe("Real-time Update Integration", () => {
   beforeEach(() => {
     // Setup happy-dom
     const window = new Window();
@@ -37,18 +37,18 @@ describe('Real-time Update Integration', () => {
     vi.restoreAllMocks();
   });
 
-  it('T084: should disable auto-refresh (manual refresh with r key)', () => {
+  it("T084: should disable auto-refresh (manual refresh with r key)", () => {
     const mockBranches: BranchInfo[] = [
       {
-        name: 'main',
-        branchType: 'main',
-        type: 'local',
+        name: "main",
+        branchType: "main",
+        type: "local",
         isCurrent: true,
       },
       {
-        name: 'feature/test-1',
-        branchType: 'feature',
-        type: 'local',
+        name: "feature/test-1",
+        branchType: "feature",
+        type: "local",
         isCurrent: false,
       },
     ];
@@ -71,18 +71,18 @@ describe('Real-time Update Integration', () => {
     });
   });
 
-  it('T085: should display updated statistics', () => {
+  it("T085: should display updated statistics", () => {
     const mockBranches: BranchInfo[] = [
       {
-        name: 'main',
-        branchType: 'main',
-        type: 'local',
+        name: "main",
+        branchType: "main",
+        type: "local",
         isCurrent: true,
       },
       {
-        name: 'feature/test-1',
-        branchType: 'feature',
-        type: 'local',
+        name: "feature/test-1",
+        branchType: "feature",
+        type: "local",
         isCurrent: false,
       },
     ];
@@ -101,15 +101,15 @@ describe('Real-time Update Integration', () => {
 
     // Initial state should show "Local: 2"
     expect(getByText(/Local:/i)).toBeDefined();
-    expect(getByText('2')).toBeDefined();
+    expect(getByText("2")).toBeDefined();
 
     // Simulate Git operation: add a new branch
     const updatedBranches: BranchInfo[] = [
       ...mockBranches,
       {
-        name: 'feature/test-2',
-        branchType: 'feature',
-        type: 'local',
+        name: "feature/test-2",
+        branchType: "feature",
+        type: "local",
         isCurrent: false,
       },
     ];
@@ -127,21 +127,21 @@ describe('Real-time Update Integration', () => {
     rerender(<App onExit={onExit} />);
 
     // Should now show "Local: 3"
-    expect(getByText('3')).toBeDefined();
+    expect(getByText("3")).toBeDefined();
   });
 
-  it('T086: should update statistics after Worktree creation', () => {
+  it("T086: should update statistics after Worktree creation", () => {
     const mockBranches: BranchInfo[] = [
       {
-        name: 'main',
-        branchType: 'main',
-        type: 'local',
+        name: "main",
+        branchType: "main",
+        type: "local",
         isCurrent: true,
       },
       {
-        name: 'feature/test-1',
-        branchType: 'feature',
-        type: 'local',
+        name: "feature/test-1",
+        branchType: "feature",
+        type: "local",
         isCurrent: false,
       },
     ];
@@ -161,24 +161,24 @@ describe('Real-time Update Integration', () => {
     // Initial state should show "Worktrees: 0"
     expect(getByText(/Worktrees:/i)).toBeDefined();
     // Verify the content contains Worktrees: 0
-    expect(container.textContent).toContain('Worktrees');
+    expect(container.textContent).toContain("Worktrees");
 
     // Simulate Worktree creation
     const branchesWithWorktree: BranchInfo[] = [
       {
-        name: 'main',
-        branchType: 'main',
-        type: 'local',
+        name: "main",
+        branchType: "main",
+        type: "local",
         isCurrent: true,
       },
       {
-        name: 'feature/test-1',
-        branchType: 'feature',
-        type: 'local',
+        name: "feature/test-1",
+        branchType: "feature",
+        type: "local",
         isCurrent: false,
         worktree: {
-          path: '/mock/worktree/feature-test-1',
-          branch: 'feature/test-1',
+          path: "/mock/worktree/feature-test-1",
+          branch: "feature/test-1",
           isAccessible: true,
         },
       },
@@ -188,8 +188,8 @@ describe('Real-time Update Integration', () => {
       branches: branchesWithWorktree,
       worktrees: [
         {
-          path: '/mock/worktree/feature-test-1',
-          branch: 'feature/test-1',
+          path: "/mock/worktree/feature-test-1",
+          branch: "feature/test-1",
           isAccessible: true,
         },
       ],
@@ -205,15 +205,15 @@ describe('Real-time Update Integration', () => {
     // Should now show "Worktrees: 1"
     expect(getByText(/Worktrees:/i)).toBeDefined();
     // Verify worktree count increased by checking container content
-    expect(container.textContent).toContain('Worktrees');
+    expect(container.textContent).toContain("Worktrees");
   });
 
-  it('should display lastUpdated timestamp', () => {
+  it("should display lastUpdated timestamp", () => {
     const mockBranches: BranchInfo[] = [
       {
-        name: 'main',
-        branchType: 'main',
-        type: 'local',
+        name: "main",
+        branchType: "main",
+        type: "local",
         isCurrent: true,
       },
     ];
@@ -235,8 +235,8 @@ describe('Real-time Update Integration', () => {
     expect(getByText(/Updated:/i)).toBeDefined();
   });
 
-  it('should handle refresh errors gracefully', () => {
-    const error = new Error('Git command failed');
+  it("should handle refresh errors gracefully", () => {
+    const error = new Error("Git command failed");
     mockUseGitData.mockReturnValue({
       branches: [],
       worktrees: [],
@@ -258,25 +258,25 @@ describe('Real-time Update Integration', () => {
    * T082-3: Cursor position retention during auto-refresh
    * Tests that cursor position is maintained when data is auto-refreshed
    */
-  describe('Cursor Position Retention (T082-3)', () => {
-    it('should maintain cursor position when branches data is refreshed with same content', () => {
+  describe("Cursor Position Retention (T082-3)", () => {
+    it("should maintain cursor position when branches data is refreshed with same content", () => {
       const mockBranches: BranchInfo[] = [
         {
-          name: 'main',
-          branchType: 'main',
-          type: 'local',
+          name: "main",
+          branchType: "main",
+          type: "local",
           isCurrent: true,
         },
         {
-          name: 'feature/test-1',
-          branchType: 'feature',
-          type: 'local',
+          name: "feature/test-1",
+          branchType: "feature",
+          type: "local",
           isCurrent: false,
         },
         {
-          name: 'feature/test-2',
-          branchType: 'feature',
-          type: 'local',
+          name: "feature/test-2",
+          branchType: "feature",
+          type: "local",
           isCurrent: false,
         },
       ];
@@ -299,21 +299,21 @@ describe('Real-time Update Integration', () => {
       // Create new array with same content (simulating auto-refresh)
       const refreshedBranches: BranchInfo[] = [
         {
-          name: 'main',
-          branchType: 'main',
-          type: 'local',
+          name: "main",
+          branchType: "main",
+          type: "local",
           isCurrent: true,
         },
         {
-          name: 'feature/test-1',
-          branchType: 'feature',
-          type: 'local',
+          name: "feature/test-1",
+          branchType: "feature",
+          type: "local",
           isCurrent: false,
         },
         {
-          name: 'feature/test-2',
-          branchType: 'feature',
-          type: 'local',
+          name: "feature/test-2",
+          branchType: "feature",
+          type: "local",
           isCurrent: false,
         },
       ];
@@ -341,18 +341,18 @@ describe('Real-time Update Integration', () => {
       // - Cursor position might be reset
     });
 
-    it('should maintain cursor position when a branch is added at the end', () => {
+    it("should maintain cursor position when a branch is added at the end", () => {
       const initialBranches: BranchInfo[] = [
         {
-          name: 'main',
-          branchType: 'main',
-          type: 'local',
+          name: "main",
+          branchType: "main",
+          type: "local",
           isCurrent: true,
         },
         {
-          name: 'feature/test-1',
-          branchType: 'feature',
-          type: 'local',
+          name: "feature/test-1",
+          branchType: "feature",
+          type: "local",
           isCurrent: false,
         },
       ];
@@ -373,9 +373,9 @@ describe('Real-time Update Integration', () => {
       const updatedBranches: BranchInfo[] = [
         ...initialBranches,
         {
-          name: 'feature/test-2',
-          branchType: 'feature',
-          type: 'local',
+          name: "feature/test-2",
+          branchType: "feature",
+          type: "local",
           isCurrent: false,
         },
       ];
@@ -394,24 +394,24 @@ describe('Real-time Update Integration', () => {
       // Cursor should remain on the same item (e.g., index 1 should still point to 'feature/test-1')
     });
 
-    it('should adjust cursor position when current selected branch is deleted', () => {
+    it("should adjust cursor position when current selected branch is deleted", () => {
       const initialBranches: BranchInfo[] = [
         {
-          name: 'main',
-          branchType: 'main',
-          type: 'local',
+          name: "main",
+          branchType: "main",
+          type: "local",
           isCurrent: true,
         },
         {
-          name: 'feature/test-1',
-          branchType: 'feature',
-          type: 'local',
+          name: "feature/test-1",
+          branchType: "feature",
+          type: "local",
           isCurrent: false,
         },
         {
-          name: 'feature/test-2',
-          branchType: 'feature',
-          type: 'local',
+          name: "feature/test-2",
+          branchType: "feature",
+          type: "local",
           isCurrent: false,
         },
       ];
@@ -431,15 +431,15 @@ describe('Real-time Update Integration', () => {
       // Remove middle branch (cursor was on index 1, which is now deleted)
       const updatedBranches: BranchInfo[] = [
         {
-          name: 'main',
-          branchType: 'main',
-          type: 'local',
+          name: "main",
+          branchType: "main",
+          type: "local",
           isCurrent: true,
         },
         {
-          name: 'feature/test-2',
-          branchType: 'feature',
-          type: 'local',
+          name: "feature/test-2",
+          branchType: "feature",
+          type: "local",
           isCurrent: false,
         },
       ];
@@ -458,12 +458,12 @@ describe('Real-time Update Integration', () => {
       // Cursor should be clamped to valid index (e.g., moved to index 1, which is now 'feature/test-2')
     });
 
-    it('should maintain scroll offset during auto-refresh', () => {
+    it("should maintain scroll offset during auto-refresh", () => {
       // Create many branches to test scrolling
       const manyBranches: BranchInfo[] = Array.from({ length: 20 }, (_, i) => ({
         name: `feature/test-${i + 1}`,
-        branchType: 'feature' as const,
-        type: 'local' as const,
+        branchType: "feature" as const,
+        type: "local" as const,
         isCurrent: false,
       }));
 
@@ -480,12 +480,15 @@ describe('Real-time Update Integration', () => {
       const { rerender } = render(<App onExit={onExit} />);
 
       // Simulate auto-refresh with same content
-      const refreshedBranches: BranchInfo[] = Array.from({ length: 20 }, (_, i) => ({
-        name: `feature/test-${i + 1}`,
-        branchType: 'feature' as const,
-        type: 'local' as const,
-        isCurrent: false,
-      }));
+      const refreshedBranches: BranchInfo[] = Array.from(
+        { length: 20 },
+        (_, i) => ({
+          name: `feature/test-${i + 1}`,
+          branchType: "feature" as const,
+          type: "local" as const,
+          isCurrent: false,
+        }),
+      );
 
       mockUseGitData.mockReturnValue({
         branches: refreshedBranches,

package/src/cli/ui/__tests__/performance/branchList.performance.test.tsx

@@ -1,16 +1,23 @@
-import { describe, it, expect } from 'vitest';
-import { render } from 'ink-testing-library';
-import React from 'react';
-import { BranchListScreen } from '../../components/screens/BranchListScreen.js';
-import type { BranchItem, Statistics } from '../../types.js';
+import { describe, it, expect } from "vitest";
+import { render } from "ink-testing-library";
+import React from "react";
+import { BranchListScreen } from "../../components/screens/BranchListScreen.js";
+import type { BranchItem, Statistics } from "../../types.js";
 
 /**
  * Generate mock branch items for performance testing
  */
 function generateMockBranches(count: number): BranchItem[] {
   const branches: BranchItem[] = [];
-  const types = ['feature', 'hotfix', 'release', 'other'] as const;
-  const branchTypes = ['main', 'develop', 'feature', 'hotfix', 'release', 'other'] as const;
+  const types = ["feature", "hotfix", "release", "other"] as const;
+  const branchTypes = [
+    "main",
+    "develop",
+    "feature",
+    "hotfix",
+    "release",
+    "other",
+  ] as const;
 
   for (let i = 0; i < count; i++) {
     const type = types[i % types.length];
@@ -18,22 +25,26 @@ function generateMockBranches(count: number): BranchItem[] {
     const hasWorktree = i % 3 === 0;
 
     branches.push({
-      name: `${type}/test-branch-${i.toString().padStart(4, '0')}`,
+      name: `${type}/test-branch-${i.toString().padStart(4, "0")}`,
       branchType,
-      type: i % 10 === 0 ? 'remote' : 'local',
+      type: i % 10 === 0 ? "remote" : "local",
       isCurrent: i === 0,
       worktree: hasWorktree
         ? {
             path: `/mock/worktree/${type}-${i}`,
-            branch: `${type}/test-branch-${i.toString().padStart(4, '0')}`,
+            branch: `${type}/test-branch-${i.toString().padStart(4, "0")}`,
             isAccessible: i % 5 !== 0, // Some inaccessible
           }
         : undefined,
-      worktreeStatus: hasWorktree ? (i % 5 !== 0 ? 'active' : 'inaccessible') : undefined,
+      worktreeStatus: hasWorktree
+        ? i % 5 !== 0
+          ? "active"
+          : "inaccessible"
+        : undefined,
       hasChanges: i % 4 === 0,
       icons: [],
-      label: `${type}/test-branch-${i.toString().padStart(4, '0')}`,
-      value: `${type}/test-branch-${i.toString().padStart(4, '0')}`,
+      label: `${type}/test-branch-${i.toString().padStart(4, "0")}`,
+      value: `${type}/test-branch-${i.toString().padStart(4, "0")}`,
     });
   }
 
@@ -52,17 +63,17 @@ function generateMockBranches(count: number): BranchItem[] {
 //   worktree: 0,
 // };
 
-describe('BranchListScreen Performance', () => {
-  it('should render 100+ branches within acceptable time', () => {
+describe("BranchListScreen Performance", () => {
+  it("should render 100+ branches within acceptable time", () => {
     const branches = generateMockBranches(150);
     const stats: Statistics = {
       total: branches.length,
-      local: branches.filter((b) => b.type === 'local').length,
-      remote: branches.filter((b) => b.type === 'remote').length,
+      local: branches.filter((b) => b.type === "local").length,
+      remote: branches.filter((b) => b.type === "remote").length,
       current: 1,
-      feature: branches.filter((b) => b.branchType === 'feature').length,
-      hotfix: branches.filter((b) => b.branchType === 'hotfix').length,
-      release: branches.filter((b) => b.branchType === 'release').length,
+      feature: branches.filter((b) => b.branchType === "feature").length,
+      hotfix: branches.filter((b) => b.branchType === "hotfix").length,
+      release: branches.filter((b) => b.branchType === "release").length,
       worktree: branches.filter((b) => b.worktree).length,
     };
 
@@ -75,7 +86,7 @@ describe('BranchListScreen Performance', () => {
         onSelect={() => {}}
         onNavigate={() => {}}
         onQuit={() => {}}
-      />
+      />,
     );
 
     const renderTime = performance.now() - startTime;
@@ -89,19 +100,21 @@ describe('BranchListScreen Performance', () => {
     console.log(`\n📊 Performance Test Results:`);
     console.log(`   Branches: ${branches.length}`);
     console.log(`   Render time: ${renderTime.toFixed(2)}ms`);
-    console.log(`   Average per branch: ${(renderTime / branches.length).toFixed(3)}ms`);
+    console.log(
+      `   Average per branch: ${(renderTime / branches.length).toFixed(3)}ms`,
+    );
   });
 
-  it('should handle re-render efficiently when stats update', () => {
+  it("should handle re-render efficiently when stats update", () => {
     const branches = generateMockBranches(100);
     const stats: Statistics = {
       total: branches.length,
-      local: branches.filter((b) => b.type === 'local').length,
-      remote: branches.filter((b) => b.type === 'remote').length,
+      local: branches.filter((b) => b.type === "local").length,
+      remote: branches.filter((b) => b.type === "remote").length,
       current: 1,
-      feature: branches.filter((b) => b.branchType === 'feature').length,
-      hotfix: branches.filter((b) => b.branchType === 'hotfix').length,
-      release: branches.filter((b) => b.branchType === 'release').length,
+      feature: branches.filter((b) => b.branchType === "feature").length,
+      hotfix: branches.filter((b) => b.branchType === "hotfix").length,
+      release: branches.filter((b) => b.branchType === "release").length,
       worktree: branches.filter((b) => b.worktree).length,
     };
 
@@ -113,7 +126,7 @@ describe('BranchListScreen Performance', () => {
         onNavigate={() => {}}
         onQuit={() => {}}
         lastUpdated={new Date()}
-      />
+      />,
     );
 
     // Simulate stats update (real-time refresh)
@@ -127,7 +140,7 @@ describe('BranchListScreen Performance', () => {
         onNavigate={() => {}}
         onQuit={() => {}}
         lastUpdated={new Date()}
-      />
+      />,
     );
 
     const rerenderTime = performance.now() - startTime;
@@ -141,16 +154,16 @@ describe('BranchListScreen Performance', () => {
     console.log(`   Re-render time: ${rerenderTime.toFixed(2)}ms`);
   });
 
-  it('should handle large branch list (200+ branches)', () => {
+  it("should handle large branch list (200+ branches)", () => {
     const branches = generateMockBranches(250);
     const stats: Statistics = {
       total: branches.length,
-      local: branches.filter((b) => b.type === 'local').length,
-      remote: branches.filter((b) => b.type === 'remote').length,
+      local: branches.filter((b) => b.type === "local").length,
+      remote: branches.filter((b) => b.type === "remote").length,
       current: 1,
-      feature: branches.filter((b) => b.branchType === 'feature').length,
-      hotfix: branches.filter((b) => b.branchType === 'hotfix').length,
-      release: branches.filter((b) => b.branchType === 'release').length,
+      feature: branches.filter((b) => b.branchType === "feature").length,
+      hotfix: branches.filter((b) => b.branchType === "hotfix").length,
+      release: branches.filter((b) => b.branchType === "release").length,
       worktree: branches.filter((b) => b.worktree).length,
     };
 
@@ -163,7 +176,7 @@ describe('BranchListScreen Performance', () => {
         onSelect={() => {}}
         onNavigate={() => {}}
         onQuit={() => {}}
-      />
+      />,
     );
 
     const renderTime = performance.now() - startTime;