@akiojin/gwt 2.0.0

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

@@ -0,0 +1,161 @@
+/**
+ * @vitest-environment happy-dom
+ */
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { render } from '@testing-library/react';
+import React from 'react';
+import { ExecutionModeSelectorScreen } from '../../../components/screens/ExecutionModeSelectorScreen.js';
+import { Window } from 'happy-dom';
+
+describe('ExecutionModeSelectorScreen', () => {
+  beforeEach(() => {
+    // Setup happy-dom
+    const window = new Window();
+    globalThis.window = window as any;
+    globalThis.document = window.document as any;
+  });
+
+  it('should render header with title', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { container } = render(
+      <ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(container).toBeDefined();
+  });
+
+  it('should render execution mode options', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText } = render(
+      <ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getByText(/Normal/i)).toBeDefined();
+    expect(getByText(/Continue/i)).toBeDefined();
+    expect(getByText(/Resume/i)).toBeDefined();
+  });
+
+  it('should render footer with actions', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getAllByText } = render(
+      <ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getAllByText(/enter/i).length).toBeGreaterThan(0);
+    expect(getAllByText(/esc/i).length).toBeGreaterThan(0);
+  });
+
+  it('should use terminal height for layout calculation', () => {
+    const originalRows = process.stdout.rows;
+    process.stdout.rows = 30;
+
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { container } = render(
+      <ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(container).toBeDefined();
+
+    process.stdout.rows = originalRows;
+  });
+
+  it('should handle back navigation with ESC key', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { container } = render(
+      <ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />
+    );
+
+    // Test will verify onBack is called when ESC is pressed
+    expect(container).toBeDefined();
+  });
+
+  it('should handle mode selection', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { container } = render(
+      <ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />
+    );
+
+    // Test will verify onSelect is called with correct mode
+    expect(container).toBeDefined();
+  });
+
+  // TDD: Tests for 2-step selection (mode + skipPermissions)
+  // TODO: Implement integration tests with user interaction simulation
+  describe.skip('Skip Permissions Selection', () => {
+    it('should render skip permissions prompt after mode selection', () => {
+      const onBack = vi.fn();
+      const onSelect = vi.fn();
+      const { getByText } = render(
+        <ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />
+      );
+
+      // After selecting a mode, should show skip permissions prompt
+      // This test will fail until we implement the 2-step UI
+      expect(getByText(/Skip permission checks/i)).toBeDefined();
+    });
+
+    it('should show correct flag hints for skipPermissions prompt', () => {
+      const onBack = vi.fn();
+      const onSelect = vi.fn();
+      const { getByText } = render(
+        <ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />
+      );
+
+      // Should show both --dangerously-skip-permissions and --yolo hints
+      expect(getByText(/--dangerously-skip-permissions/i)).toBeDefined();
+      expect(getByText(/--yolo/i)).toBeDefined();
+    });
+
+    it('should call onSelect with mode and skipPermissions=true when Yes is selected', () => {
+      const onBack = vi.fn();
+      const onSelect = vi.fn();
+      render(<ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />);
+
+      // After selecting mode and Yes for skipPermissions
+      // onSelect should be called with { mode: 'normal', skipPermissions: true }
+      // This test will fail until implementation
+      expect(onSelect).toHaveBeenCalledWith(
+        expect.objectContaining({
+          mode: expect.any(String),
+          skipPermissions: true,
+        })
+      );
+    });
+
+    it('should call onSelect with mode and skipPermissions=false when No is selected', () => {
+      const onBack = vi.fn();
+      const onSelect = vi.fn();
+      render(<ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />);
+
+      // After selecting mode and No for skipPermissions
+      // onSelect should be called with { mode: 'normal', skipPermissions: false }
+      // This test will fail until implementation
+      expect(onSelect).toHaveBeenCalledWith(
+        expect.objectContaining({
+          mode: expect.any(String),
+          skipPermissions: false,
+        })
+      );
+    });
+
+    it('should default skipPermissions to false', () => {
+      const onBack = vi.fn();
+      const onSelect = vi.fn();
+      render(<ExecutionModeSelectorScreen onBack={onBack} onSelect={onSelect} />);
+
+      // Default should be No (skipPermissions: false)
+      // This test will fail until implementation
+      expect(onSelect).toHaveBeenCalledWith(
+        expect.objectContaining({
+          skipPermissions: false,
+        })
+      );
+    });
+  });
+});

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

@@ -0,0 +1,215 @@
+/**
+ * @vitest-environment happy-dom
+ */
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { render } from '@testing-library/react';
+import React from 'react';
+import { PRCleanupScreen } from '../../../components/screens/PRCleanupScreen.js';
+import { Window } from 'happy-dom';
+import type { CleanupTarget } from '../../../types.js';
+
+describe('PRCleanupScreen', () => {
+  beforeEach(() => {
+    // Setup happy-dom
+    const window = new Window();
+    globalThis.window = window as any;
+    globalThis.document = window.document as any;
+  });
+
+  const mockTargets: CleanupTarget[] = [
+    {
+      branch: 'feature/add-new-feature',
+      cleanupType: 'worktree-and-branch',
+      pullRequest: {
+        number: 123,
+        title: 'Add new feature',
+        branch: 'feature/add-new-feature',
+        mergedAt: '2025-01-20T10:00:00Z',
+        author: 'user1',
+      },
+      worktreePath: '/workspace/feature-add-new-feature',
+      hasUncommittedChanges: false,
+      hasUnpushedCommits: false,
+      hasRemoteBranch: true,
+      isAccessible: true,
+    },
+    {
+      branch: 'hotfix/fix-bug',
+      cleanupType: 'branch-only',
+      pullRequest: {
+        number: 124,
+        title: 'Fix bug',
+        branch: 'hotfix/fix-bug',
+        mergedAt: '2025-01-21T15:30:00Z',
+        author: 'user2',
+      },
+      worktreePath: null,
+      hasUncommittedChanges: false,
+      hasUnpushedCommits: false,
+      hasRemoteBranch: false,
+    },
+  ];
+
+  it('should render header with title', () => {
+    const onBack = vi.fn();
+    const onCleanup = vi.fn();
+    const { getByText } = render(
+      <PRCleanupScreen
+        targets={mockTargets}
+        loading={false}
+        error={null}
+        onBack={onBack}
+        onRefresh={vi.fn()}
+        onCleanup={onCleanup}
+      />
+    );
+
+    expect(getByText(/Branch Cleanup/i)).toBeDefined();
+  });
+
+  it('should render PR list', () => {
+    const onBack = vi.fn();
+    const onCleanup = vi.fn();
+    const { getByText } = render(
+      <PRCleanupScreen
+        targets={mockTargets}
+        loading={false}
+        error={null}
+        onBack={onBack}
+        onRefresh={vi.fn()}
+        onCleanup={onCleanup}
+      />
+    );
+
+    expect(getByText(/feature\/add-new-feature/i)).toBeDefined();
+    expect(getByText(/hotfix\/fix-bug/i)).toBeDefined();
+  });
+
+  it('should render footer with actions', () => {
+    const onBack = vi.fn();
+    const onCleanup = vi.fn();
+    const { getAllByText } = render(
+      <PRCleanupScreen
+        targets={mockTargets}
+        loading={false}
+        error={null}
+        onBack={onBack}
+        onRefresh={vi.fn()}
+        onCleanup={onCleanup}
+      />
+    );
+
+    expect(getAllByText(/enter/i).length).toBeGreaterThan(0);
+    expect(getAllByText(/esc/i).length).toBeGreaterThan(0);
+  });
+
+  it('should handle empty PR list', () => {
+    const onBack = vi.fn();
+    const onCleanup = vi.fn();
+    const { getByText } = render(
+      <PRCleanupScreen
+        targets={[]}
+        loading={false}
+        error={null}
+        onBack={onBack}
+        onRefresh={vi.fn()}
+        onCleanup={onCleanup}
+      />
+    );
+
+    expect(getByText(/No cleanup targets found/i)).toBeDefined();
+  });
+
+  it('should display PR count in stats', () => {
+    const onBack = vi.fn();
+    const onCleanup = vi.fn();
+    const { getByText, getAllByText } = render(
+      <PRCleanupScreen
+        targets={mockTargets}
+        loading={false}
+        error={null}
+        onBack={onBack}
+        onRefresh={vi.fn()}
+        onCleanup={onCleanup}
+      />
+    );
+
+    expect(getByText(/Total:/i)).toBeDefined();
+    expect(getAllByText(/^2$/).length).toBeGreaterThan(0);
+  });
+
+  it('should use terminal height for layout calculation', () => {
+    const originalRows = process.stdout.rows;
+    process.stdout.rows = 30;
+
+    const onBack = vi.fn();
+    const onCleanup = vi.fn();
+    const { container } = render(
+      <PRCleanupScreen
+        targets={mockTargets}
+        loading={false}
+        error={null}
+        onBack={onBack}
+        onRefresh={vi.fn()}
+        onCleanup={onCleanup}
+      />
+    );
+
+    expect(container).toBeDefined();
+
+    process.stdout.rows = originalRows;
+  });
+
+  it('should handle back navigation with ESC key', () => {
+    const onBack = vi.fn();
+    const onCleanup = vi.fn();
+    const { container } = render(
+      <PRCleanupScreen
+        targets={mockTargets}
+        loading={false}
+        error={null}
+        onBack={onBack}
+        onRefresh={vi.fn()}
+        onCleanup={onCleanup}
+      />
+    );
+
+    // Test will verify onBack is called when ESC is pressed
+    expect(container).toBeDefined();
+  });
+
+  it('should render status message when provided', () => {
+    const onBack = vi.fn();
+    const onCleanup = vi.fn();
+    const { getByText } = render(
+      <PRCleanupScreen
+        targets={mockTargets}
+        loading={false}
+        error={null}
+        statusMessage="Cleanup completed"
+        onBack={onBack}
+        onRefresh={vi.fn()}
+        onCleanup={onCleanup}
+      />
+    );
+
+    expect(getByText(/Cleanup completed/i)).toBeDefined();
+  });
+
+  it('should render loading message when loading', () => {
+    const onBack = vi.fn();
+    const onCleanup = vi.fn();
+    const { getByText } = render(
+      <PRCleanupScreen
+        targets={[]}
+        loading
+        error={null}
+        onBack={onBack}
+        onRefresh={vi.fn()}
+        onCleanup={onCleanup}
+      />
+    );
+
+    expect(getByText(/Loading cleanup targets/i)).toBeDefined();
+  });
+});

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

@@ -0,0 +1,99 @@
+/**
+ * @vitest-environment happy-dom
+ */
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { render } from '@testing-library/react';
+import React from 'react';
+import { SessionSelectorScreen } from '../../../components/screens/SessionSelectorScreen.js';
+import { Window } from 'happy-dom';
+
+describe('SessionSelectorScreen', () => {
+  beforeEach(() => {
+    // Setup happy-dom
+    const window = new Window();
+    globalThis.window = window as any;
+    globalThis.document = window.document as any;
+  });
+
+  const mockSessions = ['session-1', 'session-2', 'session-3'];
+
+  it('should render header with title', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText } = render(
+      <SessionSelectorScreen sessions={mockSessions} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getByText(/Session Selection/i)).toBeDefined();
+  });
+
+  it('should render session list', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText } = render(
+      <SessionSelectorScreen sessions={mockSessions} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getByText(/session-1/i)).toBeDefined();
+    expect(getByText(/session-2/i)).toBeDefined();
+    expect(getByText(/session-3/i)).toBeDefined();
+  });
+
+  it('should render footer with actions', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getAllByText } = render(
+      <SessionSelectorScreen sessions={mockSessions} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getAllByText(/enter/i).length).toBeGreaterThan(0);
+    expect(getAllByText(/esc/i).length).toBeGreaterThan(0);
+  });
+
+  it('should handle empty session list', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText } = render(
+      <SessionSelectorScreen sessions={[]} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getByText(/No sessions found/i)).toBeDefined();
+  });
+
+  it('should display session count in stats', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText, getAllByText } = render(
+      <SessionSelectorScreen sessions={mockSessions} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getByText(/Total:/i)).toBeDefined();
+    expect(getAllByText(/3/).length).toBeGreaterThan(0);
+  });
+
+  it('should use terminal height for layout calculation', () => {
+    const originalRows = process.stdout.rows;
+    process.stdout.rows = 30;
+
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { container } = render(
+      <SessionSelectorScreen sessions={mockSessions} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(container).toBeDefined();
+
+    process.stdout.rows = originalRows;
+  });
+
+  it('should handle back navigation with ESC key', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { container } = render(
+      <SessionSelectorScreen sessions={mockSessions} onBack={onBack} onSelect={onSelect} />
+    );
+
+    // Test will verify onBack is called when ESC is pressed
+    expect(container).toBeDefined();
+  });
+});

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

@@ -0,0 +1,127 @@
+/**
+ * @vitest-environment happy-dom
+ */
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { render } from '@testing-library/react';
+import React from 'react';
+import { WorktreeManagerScreen } from '../../../components/screens/WorktreeManagerScreen.js';
+import { Window } from 'happy-dom';
+
+describe('WorktreeManagerScreen', () => {
+  beforeEach(() => {
+    // Setup happy-dom
+    const window = new Window();
+    globalThis.window = window as any;
+    globalThis.document = window.document as any;
+  });
+
+  const mockWorktrees = [
+    {
+      branch: 'feature/test-1',
+      path: '/path/to/worktree-1',
+      isAccessible: true,
+    },
+    {
+      branch: 'feature/test-2',
+      path: '/path/to/worktree-2',
+      isAccessible: true,
+    },
+  ];
+
+  it('should render header with title', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText } = render(
+      <WorktreeManagerScreen worktrees={mockWorktrees} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getByText(/Worktree Manager/i)).toBeDefined();
+  });
+
+  it('should render worktree list', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText } = render(
+      <WorktreeManagerScreen worktrees={mockWorktrees} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getByText(/feature\/test-1/)).toBeDefined();
+    expect(getByText(/feature\/test-2/)).toBeDefined();
+  });
+
+  it('should render footer with actions', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getAllByText } = render(
+      <WorktreeManagerScreen worktrees={mockWorktrees} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getAllByText(/enter/i).length).toBeGreaterThan(0);
+    expect(getAllByText(/esc/i).length).toBeGreaterThan(0);
+  });
+
+  it('should handle empty worktree list', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText } = render(
+      <WorktreeManagerScreen worktrees={[]} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(getByText(/No worktrees found/i)).toBeDefined();
+  });
+
+  it('should display inaccessible worktrees differently', () => {
+    const worktreesWithInaccessible = [
+      {
+        branch: 'feature/accessible',
+        path: '/path/accessible',
+        isAccessible: true,
+      },
+      {
+        branch: 'feature/inaccessible',
+        path: '/path/inaccessible',
+        isAccessible: false,
+      },
+    ];
+
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText } = render(
+      <WorktreeManagerScreen
+        worktrees={worktreesWithInaccessible}
+        onBack={onBack}
+        onSelect={onSelect}
+      />
+    );
+
+    expect(getByText(/feature\/accessible/)).toBeDefined();
+    expect(getByText(/feature\/inaccessible/)).toBeDefined();
+  });
+
+  it('should use terminal height for layout calculation', () => {
+    const originalRows = process.stdout.rows;
+    process.stdout.rows = 30;
+
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { container } = render(
+      <WorktreeManagerScreen worktrees={mockWorktrees} onBack={onBack} onSelect={onSelect} />
+    );
+
+    expect(container).toBeDefined();
+
+    process.stdout.rows = originalRows;
+  });
+
+  it('should display worktree count in stats', () => {
+    const onBack = vi.fn();
+    const onSelect = vi.fn();
+    const { getByText, getAllByText } = render(
+      <WorktreeManagerScreen worktrees={mockWorktrees} onBack={onBack} onSelect={onSelect} />
+    );
+
+    // Check for worktree count
+    expect(getByText(/Total:/i)).toBeDefined();
+    expect(getAllByText(/2/).length).toBeGreaterThan(0);
+  });
+});