gitforest 0.1.0

package/test/unit/cli/github-commands.test.ts

@@ -0,0 +1,12 @@
+import { describe, test, expect } from "bun:test";
+import { createMockConfig } from "../mocks/config.ts";
+
+describe("GitHub CLI Commands", () => {
+  describe("listGitHubRepos", () => {
+    test("placeholder test", () => {
+      const config = createMockConfig();
+      expect(config).toBeDefined();
+      expect(config.github.defaultVisibility).toBe("private");
+    });
+  });
+});

package/test/unit/components/CloneDialog.test.tsx

@@ -0,0 +1,240 @@
+/**
+ * Tests for CloneDialog component
+ */
+
+import { describe, test, expect, beforeEach, vi } from "bun:test";
+import { render } from "ink-testing-library";
+import { CloneDialog } from "../../../src/components/CloneDialog.tsx";
+import type { UnifiedRepo, DirectoryConfig } from "../../../src/types/index.ts";
+
+// Mock data helpers
+function createMockGitHubRepo() {
+  return {
+    name: "test-repo",
+    fullName: "user/test-repo",
+    owner: "user",
+    description: "Test repository",
+    htmlUrl: "https://github.com/user/test-repo",
+    sshUrl: "git@github.com:user/test-repo.git",
+    cloneUrl: "https://github.com/user/test-repo.git",
+    isPrivate: false,
+    isArchived: false,
+    isFork: false,
+    pushedAt: new Date("2024-01-15T09:00:00Z"),
+    updatedAt: new Date("2024-01-14T08:00:00Z"),
+    defaultBranch: "main",
+    language: "TypeScript",
+    size: 1024,
+  };
+}
+
+describe("CloneDialog", () => {
+  const mockRepos: UnifiedRepo[] = [
+    {
+      id: "github-1",
+      name: "repo1",
+      source: "github",
+      local: null,
+      github: createMockGitHubRepo(),
+      isCloned: false,
+      isOnGitHub: true,
+      localPath: null,
+    },
+    {
+      id: "github-2",
+      name: "repo2",
+      source: "github",
+      local: null,
+      github: createMockGitHubRepo(),
+      isCloned: false,
+      isOnGitHub: true,
+      localPath: null,
+    },
+  ];
+
+  const mockDirectories: DirectoryConfig[] = [
+    {
+      path: "/home/user/projects",
+      label: "Projects",
+      maxDepth: 2,
+    },
+    {
+      path: "/home/user/work",
+      label: "Work",
+      maxDepth: 3,
+    },
+    {
+      path: "~/dev",
+      label: "Development",
+      maxDepth: 2,
+    },
+  ];
+
+  let onConfirm: ReturnType<typeof vi.fn>;
+  let onCancel: ReturnType<typeof vi.fn>;
+  let onSelectDir: ReturnType<typeof vi.fn>;
+  let onToggleSSH: ReturnType<typeof vi.fn>;
+
+  beforeEach(() => {
+    onConfirm = vi.fn();
+    onCancel = vi.fn();
+    onSelectDir = vi.fn();
+    onToggleSSH = vi.fn();
+  });
+
+  test("renders repo list", () => {
+    const { lastFrame } = render(
+      <CloneDialog
+        repos={mockRepos}
+        directories={mockDirectories}
+        selectedDirIndex={0}
+        useSSH={true}
+        onConfirm={onConfirm}
+        onCancel={onCancel}
+        onSelectDir={onSelectDir}
+        onToggleSSH={onToggleSSH}
+      />
+    );
+
+    const output = lastFrame();
+    expect(output).toContain("Clone GitHub Repositories (2)");
+    expect(output).toContain("Repositories to clone:");
+    expect(output).toContain("☁ user/test-repo"); // Uses GitHub full name
+  });
+
+  test("limits display to 5 repos and shows count", () => {
+    const manyRepos: UnifiedRepo[] = Array.from({ length: 10 }, (_, i) => ({
+      id: `github-${i}`,
+      name: `repo${i}`,
+      source: "github",
+      local: null,
+      github: createMockGitHubRepo(),
+      isCloned: false,
+      isOnGitHub: true,
+      localPath: null,
+    }));
+
+    const { lastFrame } = render(
+      <CloneDialog
+        repos={manyRepos}
+        directories={mockDirectories}
+        selectedDirIndex={0}
+        useSSH={true}
+        onConfirm={onConfirm}
+        onCancel={onCancel}
+        onSelectDir={onSelectDir}
+        onToggleSSH={onToggleSSH}
+      />
+    );
+
+    const output = lastFrame();
+    expect(output).toContain("☁ user/test-repo"); // All show same name due to mock
+    expect(output).toContain("...and 5 more");
+  });
+
+  test("renders directory options", () => {
+    const { lastFrame } = render(
+      <CloneDialog
+        repos={mockRepos}
+        directories={mockDirectories}
+        selectedDirIndex={1}
+        useSSH={true}
+        onConfirm={onConfirm}
+        onCancel={onCancel}
+        onSelectDir={onSelectDir}
+        onToggleSSH={onToggleSSH}
+      />
+    );
+
+    const output = lastFrame();
+    expect(output).toContain("Target directory (j/k to select):");
+    expect(output).toContain("○ Projects (/home/user/projects)");
+    expect(output).toContain("● Work (/home/user/work)"); // Selected
+    expect(output).toContain("○ Development (~/dev)");
+  });
+
+  test("renders SSH/HTTPS toggle", () => {
+    const { lastFrame } = render(
+      <CloneDialog
+        repos={mockRepos}
+        directories={mockDirectories}
+        selectedDirIndex={0}
+        useSSH={true}
+        onConfirm={onConfirm}
+        onCancel={onCancel}
+        onSelectDir={onSelectDir}
+        onToggleSSH={onToggleSSH}
+      />
+    );
+
+    const output = lastFrame();
+    expect(output).toContain("Protocol:");
+    expect(output).toContain("[●] SSH");
+    expect(output).toContain("[ ] HTTPS");
+    expect(output).toContain("(p to toggle)");
+  });
+
+  test("toggles to HTTPS", () => {
+    const { lastFrame } = render(
+      <CloneDialog
+        repos={mockRepos}
+        directories={mockDirectories}
+        selectedDirIndex={0}
+        useSSH={false}
+        onConfirm={onConfirm}
+        onCancel={onCancel}
+        onSelectDir={onSelectDir}
+        onToggleSSH={onToggleSSH}
+      />
+    );
+
+    const output = lastFrame();
+    expect(output).toContain("[ ] SSH");
+    expect(output).toContain("[●] HTTPS");
+  });
+
+  test("shows action hints", () => {
+    const { lastFrame } = render(
+      <CloneDialog
+        repos={mockRepos}
+        directories={mockDirectories}
+        selectedDirIndex={0}
+        useSSH={true}
+        onConfirm={onConfirm}
+        onCancel={onCancel}
+        onSelectDir={onSelectDir}
+        onToggleSSH={onToggleSSH}
+      />
+    );
+
+    const output = lastFrame();
+    expect(output).toContain("Press");
+    expect(output).toContain("Enter/y");
+    expect(output).toContain("to clone,");
+    expect(output).toContain("Esc/n");
+    expect(output).toContain("to cancel");
+  });
+
+  test("handles single repo title", () => {
+    const singleRepo = mockRepos[0];
+    if (!singleRepo) {
+      throw new Error("No mock repo available");
+    }
+
+    const { lastFrame } = render(
+      <CloneDialog
+        repos={[singleRepo]} // Single repo
+        directories={mockDirectories}
+        selectedDirIndex={0}
+        useSSH={true}
+        onConfirm={onConfirm}
+        onCancel={onCancel}
+        onSelectDir={onSelectDir}
+        onToggleSSH={onToggleSSH}
+      />
+    );
+
+    const output = lastFrame();
+    expect(output).toContain("Clone GitHub Repository"); // Singular title
+  });
+});

package/test/unit/components/ColumnHeader.test.tsx

@@ -0,0 +1,128 @@
+/**
+ * Tests for ColumnHeader component
+ */
+
+import { describe, test, expect } from "bun:test";
+import { render } from "ink-testing-library";
+import { ColumnHeader } from "../../../src/components/ColumnHeader.tsx";
+
+describe("ColumnHeader", () => {
+  describe("rendering", () => {
+    test("renders column headers correctly with default props", () => {
+      const { lastFrame } = render(<ColumnHeader />);
+
+      const output = lastFrame();
+      expect(output).toBeDefined();
+
+      // Check for key headers
+      expect(output).toContain("Sel");  // Selection header
+      expect(output).toContain("Name"); // Name header
+      expect(output).toContain("Branch"); // Branch header
+      expect(output).toContain("Sync"); // Sync header
+    });
+
+    test("shows sort indicator for active sort column (status)", () => {
+      const { lastFrame } = render(
+        <ColumnHeader sortBy="status" sortDirection="desc" />
+      );
+
+      const output = lastFrame();
+      // Status column should have down arrow when sorted desc
+      expect(output).toContain("↓");
+      // Just verify the output is correct - ink-testing-library doesn't show ANSI codes
+      expect(output).toContain("Sel ↓");
+    });
+
+    test("shows up arrow for ascending sort", () => {
+      const { lastFrame } = render(
+        <ColumnHeader sortBy="name" sortDirection="asc" />
+      );
+
+      const output = lastFrame();
+      // Name column should have up arrow when sorted asc
+      expect(output).toContain("Name ↑");
+    });
+
+    test("handles different column configurations", () => {
+      const { lastFrame } = render(
+        <ColumnHeader sortBy="stars" sortDirection="desc" />
+      );
+
+      const output = lastFrame();
+      // Stars column should be highlighted (check for the star icon and down arrow)
+      expect(output).toContain(""); // star icon
+    });
+
+    test("shows non-sorted columns in gray", () => {
+      const { lastFrame } = render(
+        <ColumnHeader sortBy="name" sortDirection="desc" />
+      );
+
+      const output = lastFrame();
+      // Name column should have down arrow
+      expect(output).toContain("Name ↓");
+      // Verify output structure
+      expect(output).toContain("Sel ●"); // Status not sorted
+    });
+
+    test("proper spacing and alignment", () => {
+      const { lastFrame } = render(<ColumnHeader />);
+
+      const output = lastFrame();
+      // Should have proper spacing between columns
+      expect(output).toContain("  "); // Double spaces between some columns
+
+      // Check that headers are padded correctly
+      // Sel should be padded
+      expect(output).toMatch(/Sel\s+/);
+      // Name should be padded
+      expect(output).toMatch(/Name\s+/);
+    });
+
+    test("renders all column types", () => {
+      const { lastFrame } = render(<ColumnHeader />);
+
+      const output = lastFrame();
+
+      // Verify all expected columns are present
+      const columns = [
+        "Sel",      // Selection
+        "Branch",   // Branch
+        "Sync",     // Sync status
+      ];
+
+      columns.forEach(col => {
+        expect(output).toContain(col);
+      });
+    });
+
+    test("handles lastActivity sort field", () => {
+      const { lastFrame } = render(
+        <ColumnHeader sortBy="lastActivity" sortDirection="desc" />
+      );
+
+      const output = lastFrame();
+      // Updated column (lastActivity) only shows clock icon, no arrow
+      // Just verify the output contains the clock icon
+      expect(output).toContain(""); // clock icon
+    });
+
+    test("handles size sort field", () => {
+      const { lastFrame } = render(
+        <ColumnHeader sortBy="size" sortDirection="asc" />
+      );
+
+      const output = lastFrame();
+      // Size column only shows database icon, no arrow
+      expect(output).toContain(""); // database icon
+    });
+
+    test("defaults to status column sorting", () => {
+      const { lastFrame } = render(<ColumnHeader />);
+
+      const output = lastFrame();
+      // Status column should be highlighted by default
+      expect(output).toContain("↓"); // Default sort is status desc
+    });
+  });
+});