gitforest 0.1.0

package/test/unit/components/UnifiedProjectItem.test.tsx

@@ -0,0 +1,618 @@
+/**
+ * Tests for UnifiedProjectItem component
+ * 
+ * Note: This component uses Nerd Font icons via Unicode escape sequences.
+ * Tests check for repo names and text content rather than specific icon characters,
+ * since icon rendering depends on terminal font support.
+ */
+
+import { describe, test, expect } from "bun:test";
+import { render } from "ink-testing-library";
+import { UnifiedProjectItem } from "../../../src/components/UnifiedProjectItem.tsx";
+import type { UnifiedRepo, GitHubRepoInfo, Project } from "../../../src/types/index.ts";
+
+// Mock data helpers
+function createMockGitHubRepo(overrides: Partial<GitHubRepoInfo> = {}): GitHubRepoInfo {
+  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,
+    ...overrides,
+  };
+}
+
+function createMockProject(overrides: Partial<Project> = {}): Project {
+  return {
+    id: "test-project",
+    name: "test-project",
+    path: "/home/user/projects/test-project",
+    type: "git",
+    projectMarker: "package.json",
+    status: {
+      hasUnstagedChanges: false,
+      hasStagedChanges: false,
+      hasUntrackedFiles: false,
+      modifiedCount: 0,
+      stagedCount: 0,
+      untrackedCount: 0,
+      currentBranch: "main",
+      trackingBranch: "origin/main",
+      unpushedCommits: 0,
+      unpulledCommits: 0,
+      hasRemote: true,
+      remoteUrl: "https://github.com/user/test-project.git",
+      lastLocalCommit: new Date("2024-01-15T10:00:00Z"),
+      lastRemoteActivity: new Date("2024-01-15T09:00:00Z"),
+      hasCommits: true,
+      isDirty: false,
+      isAhead: false,
+      isBehind: false,
+      isOutOfSync: false,
+    },
+    submodule: null,
+    lastScanned: new Date(),
+    lastModified: null,
+    ...overrides,
+  };
+}
+
+describe("UnifiedProjectItem", () => {
+  describe("GitHub-only repos", () => {
+    test("renders repo name", () => {
+      const repo: UnifiedRepo = {
+        id: "github-only",
+        name: "github-only-repo",
+        source: "github",
+        local: null,
+        github: createMockGitHubRepo({
+          name: "github-only-repo",
+          fullName: "user/github-only-repo",
+        }),
+        isCloned: false,
+        isOnGitHub: true,
+        localPath: null,
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("github-only-repo");
+    });
+
+    test("renders private repo name", () => {
+      const repo: UnifiedRepo = {
+        id: "github-private",
+        name: "private-repo",
+        source: "github",
+        local: null,
+        github: createMockGitHubRepo({
+          name: "private-repo",
+          fullName: "user/private-repo",
+          isPrivate: true,
+        }),
+        isCloned: false,
+        isOnGitHub: true,
+        localPath: null,
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("private-repo");
+    });
+
+    test("renders public repo name", () => {
+      const repo: UnifiedRepo = {
+        id: "github-public",
+        name: "public-repo",
+        source: "github",
+        local: null,
+        github: createMockGitHubRepo({
+          name: "public-repo",
+          fullName: "user/public-repo",
+          isPrivate: false,
+        }),
+        isCloned: false,
+        isOnGitHub: true,
+        localPath: null,
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("public-repo");
+    });
+
+    test("shows last activity time", () => {
+      const repo: UnifiedRepo = {
+        id: "github-lang",
+        name: "lang-repo",
+        source: "github",
+        local: null,
+        github: createMockGitHubRepo({
+          name: "lang-repo",
+          fullName: "user/lang-repo",
+          language: "Rust",
+          pushedAt: new Date(Date.now() - 86400000), // 1 day ago
+        }),
+        isCloned: false,
+        isOnGitHub: true,
+        localPath: null,
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      // Date now shows just "1d" without "ago"
+      expect(output).toContain("1d");
+    });
+  });
+
+  describe("Local-only repos", () => {
+    test("renders local repo name", () => {
+      const repo: UnifiedRepo = {
+        id: "local-only",
+        name: "local-only-project",
+        source: "local",
+        local: createMockProject({
+          name: "local-only-project",
+          status: {
+            ...createMockProject().status!,
+            hasRemote: false,
+            remoteUrl: null,
+          },
+        }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/local-only-project",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("local-only-project");
+      expect(output).toContain("local"); // Status shows "local" for no remote
+    });
+
+    test("shows current branch name", () => {
+      const repo: UnifiedRepo = {
+        id: "local-branch",
+        name: "branch-project",
+        source: "local",
+        local: createMockProject({
+          name: "branch-project",
+          status: {
+            ...createMockProject().status!,
+            currentBranch: "develop",
+          },
+        }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/branch-project",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("develop");
+    });
+
+    test("renders dirty repo", () => {
+      const repo: UnifiedRepo = {
+        id: "local-dirty",
+        name: "dirty-project",
+        source: "local",
+        local: createMockProject({
+          name: "dirty-project",
+          status: {
+            ...createMockProject().status!,
+            isDirty: true,
+          },
+        }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/dirty-project",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("dirty-project");
+      // Dirty status is shown via icon, just verify the repo renders
+    });
+
+    test("renders submodule repo", () => {
+      const repo: UnifiedRepo = {
+        id: "local-submodule",
+        name: "submodule-project",
+        source: "local",
+        local: createMockProject({
+          name: "submodule-project",
+          type: "git-submodule",
+        }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/submodule-project",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("submodule-project");
+      // Submodule indicator not currently implemented in component
+    });
+
+    test("renders non-git project", () => {
+      const repo: UnifiedRepo = {
+        id: "local-marker",
+        name: "marker-project",
+        source: "local",
+        local: createMockProject({
+          name: "marker-project",
+          type: "non-git",
+          projectMarker: "package.json",
+        }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/marker-project",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("marker-project");
+      // Project marker indicator not currently implemented in component
+    });
+  });
+
+  describe("Synced repos (both)", () => {
+    test("renders synced repo name", () => {
+      const repo: UnifiedRepo = {
+        id: "synced",
+        name: "synced-project",
+        source: "both",
+        local: createMockProject({
+          name: "synced-project",
+        }),
+        github: createMockGitHubRepo({
+          name: "synced-project",
+          fullName: "user/synced-project",
+        }),
+        isCloned: true,
+        isOnGitHub: true,
+        localPath: "/home/user/synced-project",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("synced-project");
+      expect(output).toContain("sync"); // Sync status
+    });
+
+    test("shows unpushed commits count", () => {
+      const repo: UnifiedRepo = {
+        id: "synced-ahead",
+        name: "ahead-project",
+        source: "both",
+        local: createMockProject({
+          name: "ahead-project",
+          status: {
+            ...createMockProject().status!,
+            isAhead: true,
+            unpushedCommits: 3,
+          },
+        }),
+        github: createMockGitHubRepo({
+          name: "ahead-project",
+          fullName: "user/ahead-project",
+        }),
+        isCloned: true,
+        isOnGitHub: true,
+        localPath: "/home/user/ahead-project",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      // Component uses Nerd Font arrow icon + number
+      expect(output).toContain("3");
+    });
+
+    test("shows unpulled commits count", () => {
+      const repo: UnifiedRepo = {
+        id: "synced-behind",
+        name: "behind-project",
+        source: "both",
+        local: createMockProject({
+          name: "behind-project",
+          status: {
+            ...createMockProject().status!,
+            isBehind: true,
+            unpulledCommits: 5,
+          },
+        }),
+        github: createMockGitHubRepo({
+          name: "behind-project",
+          fullName: "user/behind-project",
+        }),
+        isCloned: true,
+        isOnGitHub: true,
+        localPath: "/home/user/behind-project",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      // Component uses Nerd Font arrow icon + number
+      expect(output).toContain("5");
+    });
+
+    test("shows no-remote status", () => {
+      const repo: UnifiedRepo = {
+        id: "synced-no-remote",
+        name: "no-remote-project",
+        source: "both",
+        local: createMockProject({
+          name: "no-remote-project",
+          status: {
+            ...createMockProject().status!,
+            hasRemote: false,
+            remoteUrl: null,
+          },
+        }),
+        github: createMockGitHubRepo({
+          name: "no-remote-project",
+          fullName: "user/no-remote-project",
+        }),
+        isCloned: true,
+        isOnGitHub: true,
+        localPath: "/home/user/no-remote-project",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("no-rem");
+    });
+  });
+
+  describe("Cursor and selection states", () => {
+    test("shows cursor indicator when isCursor is true", () => {
+      const repo: UnifiedRepo = {
+        id: "cursor-test",
+        name: "cursor-test",
+        source: "local",
+        local: createMockProject({ name: "cursor-test" }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/cursor-test",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={true} />
+      );
+
+      const output = lastFrame();
+      // Cursor styling is applied via ink - verify repo renders with cursor state
+      expect(output).toContain("cursor-test");
+      expect(output).toContain("synced"); // Sync shows synced
+    });
+
+    test("shows selection checkbox when selected", () => {
+      const repo: UnifiedRepo = {
+        id: "selection-test",
+        name: "selection-test",
+        source: "local",
+        local: createMockProject({ name: "selection-test" }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/selection-test",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={true} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("[x]"); // Selected checkbox
+    });
+
+    test("shows unselected checkbox when not selected", () => {
+      const repo: UnifiedRepo = {
+        id: "no-selection-test",
+        name: "no-selection-test",
+        source: "local",
+        local: createMockProject({ name: "no-selection-test" }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/no-selection-test",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("[ ]"); // Unselected checkbox
+    });
+
+    test("combines cursor and selection states", () => {
+      const repo: UnifiedRepo = {
+        id: "combined-test",
+        name: "combined-test",
+        source: "local",
+        local: createMockProject({ name: "combined-test" }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/combined-test",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={true} isCursor={true} />
+      );
+
+      const output = lastFrame();
+      // Verify both cursor and selection states apply - cursor styling via ink
+      expect(output).toContain("combined-test");
+      expect(output).toContain("[x]"); // Selected
+    });
+  });
+
+  describe("Last activity formatting", () => {
+    test("shows 'today' for recent activity", () => {
+      const repo: UnifiedRepo = {
+        id: "today-test",
+        name: "today-test",
+        source: "local",
+        local: createMockProject({
+          name: "today-test",
+          status: {
+            ...createMockProject().status!,
+            lastLocalCommit: new Date(),
+          },
+        }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/today-test",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      expect(output).toContain("today");
+    });
+
+    test("shows '1d ago' for 1 day ago", () => {
+      const yesterday = new Date();
+      yesterday.setDate(yesterday.getDate() - 1);
+
+      const repo: UnifiedRepo = {
+        id: "yesterday-test",
+        name: "yesterday-test",
+        source: "github",
+        local: null,
+        github: createMockGitHubRepo({
+          name: "yesterday-test",
+          pushedAt: yesterday,
+        }),
+        isCloned: false,
+        isOnGitHub: true,
+        localPath: null,
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      // Date now shows just "1d" without "ago"
+      expect(output).toContain("1d");
+    });
+
+    test("shows days ago for recent activity", () => {
+      const threeDaysAgo = new Date();
+      threeDaysAgo.setDate(threeDaysAgo.getDate() - 3);
+
+      const repo: UnifiedRepo = {
+        id: "days-test",
+        name: "days-test",
+        source: "github",
+        local: null,
+        github: createMockGitHubRepo({
+          name: "days-test",
+          pushedAt: threeDaysAgo,
+        }),
+        isCloned: false,
+        isOnGitHub: true,
+        localPath: null,
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      // Date now shows just "3d" without "ago"
+      expect(output).toContain("3d");
+    });
+
+    test("shows 'empty' status for repos with no commits", () => {
+      const repo: UnifiedRepo = {
+        id: "empty-test",
+        name: "empty-test",
+        source: "local",
+        local: createMockProject({
+          name: "empty-test",
+          status: {
+            ...createMockProject().status!,
+            hasCommits: false,
+            lastLocalCommit: null,
+          },
+        }),
+        github: null,
+        isCloned: true,
+        isOnGitHub: false,
+        localPath: "/home/user/empty-test",
+      };
+
+      const { lastFrame } = render(
+        <UnifiedProjectItem repo={repo} isSelected={false} isCursor={false} />
+      );
+
+      const output = lastFrame();
+      // Status column shows "empty" for repos with no commits
+      expect(output).toContain("empty");
+    });
+  });
+});