gitforest 0.1.0

package/test/unit/components/ViewModeIndicator.test.tsx

@@ -0,0 +1,137 @@
+import { describe, test, expect } from "bun:test";
+import { render } from "ink-testing-library";
+import { ViewModeIndicator } from "../../../src/components/ViewModeIndicator.tsx";
+
+describe("ViewModeIndicator", () => {
+  test("renders local mode", () => {
+    const { lastFrame } = render(<ViewModeIndicator mode="local" />);
+    const output = lastFrame();
+
+    expect(output).toContain("💻");
+    expect(output).toContain("[Local]");
+    expect(output).toContain("(Tab)");
+  });
+
+  test("renders github mode", () => {
+    const { lastFrame } = render(<ViewModeIndicator mode="github" />);
+    const output = lastFrame();
+
+    expect(output).toContain("☁");
+    expect(output).toContain("[GitHub]");
+    expect(output).toContain("(Tab)");
+  });
+
+  test("renders combined mode", () => {
+    const { lastFrame } = render(<ViewModeIndicator mode="combined" />);
+    const output = lastFrame();
+
+    expect(output).toContain("🔗");
+    expect(output).toContain("[All]");
+    expect(output).toContain("(Tab)");
+  });
+
+  test("shows loading indicator", () => {
+    const { lastFrame } = render(
+      <ViewModeIndicator mode="github" isLoadingGitHub={true} />
+    );
+    const output = lastFrame();
+
+    expect(output).toContain("☁");
+    expect(output).toContain("[GitHub]");
+    expect(output).toContain("⟳"); // Loading indicator
+  });
+
+  test("shows error indicator", () => {
+    const { lastFrame } = render(
+      <ViewModeIndicator mode="github" githubError="Failed to fetch" />
+    );
+    const output = lastFrame();
+
+    expect(output).toContain("☁");
+    expect(output).toContain("[GitHub]");
+    expect(output).toContain("⚠"); // Error indicator
+  });
+
+  test("does not show loading when error exists", () => {
+    const { lastFrame } = render(
+      <ViewModeIndicator 
+        mode="github" 
+        isLoadingGitHub={true}
+        githubError="Failed to fetch" 
+      />
+    );
+    const output = lastFrame();
+
+    expect(output).toContain("☁");
+    expect(output).toContain("[GitHub]");
+    // Error indicator should not show when loading is true
+    expect(output).not.toContain("⚠");
+    expect(output).toContain("⟳"); // Loading shows when isLoadingGitHub is true
+  });
+
+  test("applies correct colors", () => {
+    // Local mode should have 💻
+    const { lastFrame: localFrame } = render(<ViewModeIndicator mode="local" />);
+    expect(localFrame()).toContain("💻");
+    expect(localFrame()).toContain("[Local]");
+
+    // GitHub mode should have ☁
+    const { lastFrame: githubFrame } = render(<ViewModeIndicator mode="github" />);
+    expect(githubFrame()).toContain("☁");
+    expect(githubFrame()).toContain("[GitHub]");
+
+    // Combined mode should have 🔗
+    const { lastFrame: combinedFrame } = render(
+      <ViewModeIndicator mode="combined" />
+    );
+    expect(combinedFrame()).toContain("🔗");
+    expect(combinedFrame()).toContain("[All]");
+  });
+
+  test("renders with all props", () => {
+    const { lastFrame } = render(
+      <ViewModeIndicator 
+        mode="combined"
+        isLoadingGitHub={false}
+        githubError={null}
+      />
+    );
+    const output = lastFrame();
+
+    expect(output).toContain("🔗");
+    expect(output).toContain("[All]");
+    expect(output).toContain("(Tab)");
+  });
+
+  test("renders with minimal props", () => {
+    const { lastFrame } = render(<ViewModeIndicator mode="local" />);
+    const output = lastFrame();
+
+    expect(output).toContain("💻");
+    expect(output).toContain("[Local]");
+    expect(output).toContain("(Tab)");
+    expect(output).not.toContain("⟳");
+    expect(output).not.toContain("⚠");
+  });
+
+  test("handles empty error string", () => {
+    const { lastFrame } = render(
+      <ViewModeIndicator mode="github" githubError="" />
+    );
+    const output = lastFrame();
+
+    expect(output).toContain("☁");
+    expect(output).toContain("[GitHub]");
+    // Empty string should not show error indicator
+    expect(output).not.toContain("⚠");
+  });
+
+  test("renders with space between elements", () => {
+    const { lastFrame } = render(<ViewModeIndicator mode="local" />
+    );
+    const output = lastFrame();
+
+    expect(output).toMatch(/💻\s*\[Local\]/);
+    expect(output).toMatch(/\[Local\]\s*\(Tab\)/);
+  });
+});

package/test/unit/components/test-utils.tsx

@@ -0,0 +1,63 @@
+/**
+ * Test utilities for Ink components
+ */
+
+import React from "react";
+import { render } from "ink-testing-library";
+import { StoreProvider } from "../../../src/state/store.tsx";
+import type { AppState, AppAction } from "../../../src/types/index.ts";
+
+/**
+ * Default state for testing
+ */
+export const defaultTestState: AppState = {
+  projects: [],
+  isLoading: false,
+  error: null,
+  message: null,
+  cursorIndex: 0,
+  selectedIndices: new Set(),
+  scrollOffset: 0,
+  filterText: "",
+  quickFilter: "all",
+  sortBy: "status",
+  sortDirection: "desc",
+  mode: "normal",
+  actionInProgress: null,
+  actionProgress: null,
+  confirmDialog: null,
+};
+
+/**
+ * Mock dispatch function that tracks calls
+ */
+export function createMockDispatch(): {
+  dispatch: React.Dispatch<AppAction>;
+  calls: AppAction[];
+} {
+  const calls: AppAction[] = [];
+  const dispatch = (action: AppAction) => {
+    calls.push(action);
+  };
+  return { dispatch, calls };
+}
+
+/**
+ * Render a component within the store provider for testing
+ * Note: This uses the default store - for custom state, use TestStoreProvider
+ */
+export function renderWithStore(ui: React.ReactNode) {
+  return render(<StoreProvider>{ui}</StoreProvider>);
+}
+
+/**
+ * Create a custom store provider for tests
+ */
+interface TestStoreProviderProps {
+  state?: Partial<AppState>;
+  dispatch?: React.Dispatch<AppAction>;
+  children: React.ReactNode;
+}
+
+// For tests that need custom state, we'll pass props directly to components
+// since the real StoreProvider uses useReducer internally