ccmanager 1.4.5 → 2.1.0

package/dist/components/ProjectList.recent-projects.test.js

@@ -0,0 +1,186 @@
+import React from 'react';
+import { render } from 'ink-testing-library';
+import { expect, describe, it, vi, beforeEach, afterEach } from 'vitest';
+import ProjectList from './ProjectList.js';
+import { projectManager } from '../services/projectManager.js';
+// Mock ink to avoid stdin.ref issues
+vi.mock('ink', async () => {
+    const actual = await vi.importActual('ink');
+    return {
+        ...actual,
+        useInput: vi.fn(),
+    };
+});
+// Mock SelectInput to render items as simple text
+vi.mock('ink-select-input', async () => {
+    const React = await vi.importActual('react');
+    const { Text, Box } = await vi.importActual('ink');
+    return {
+        default: ({ items }) => {
+            return (React.createElement(Box, { flexDirection: "column" }, items.map(item => (React.createElement(Text, { key: item.value }, item.label)))));
+        },
+    };
+});
+vi.mock('../services/projectManager.js', () => ({
+    projectManager: {
+        instance: {
+            discoverProjects: vi.fn(),
+        },
+        getRecentProjects: vi.fn(),
+    },
+}));
+describe('ProjectList - Recent Projects', () => {
+    const mockOnSelectProject = vi.fn();
+    const mockOnDismissError = vi.fn();
+    let originalSetRawMode;
+    const createProject = (name, path) => ({
+        name,
+        path,
+        relativePath: `./${name}`,
+        isValid: true,
+    });
+    const mockProjects = [
+        createProject('project-a', '/home/user/projects/project-a'),
+        createProject('project-b', '/home/user/projects/project-b'),
+        createProject('project-c', '/home/user/projects/project-c'),
+        createProject('project-d', '/home/user/projects/project-d'),
+        createProject('project-e', '/home/user/projects/project-e'),
+    ];
+    beforeEach(() => {
+        vi.clearAllMocks();
+        vi.mocked(projectManager.instance.discoverProjects).mockResolvedValue(mockProjects);
+        vi.mocked(projectManager.getRecentProjects).mockReturnValue([]);
+        // Mock stdin.setRawMode
+        originalSetRawMode = process.stdin.setRawMode;
+        process.stdin.setRawMode = vi.fn();
+    });
+    afterEach(() => {
+        // Restore original setRawMode
+        process.stdin.setRawMode = originalSetRawMode;
+    });
+    it('should display recent projects at the top when available', async () => {
+        // Mock recent projects
+        vi.mocked(projectManager.getRecentProjects).mockReturnValue([
+            {
+                name: 'project-c',
+                path: '/home/user/projects/project-c',
+                lastAccessed: Date.now() - 1000,
+            },
+            {
+                name: 'project-e',
+                path: '/home/user/projects/project-e',
+                lastAccessed: Date.now() - 2000,
+            },
+        ]);
+        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        // Wait for projects to load
+        await vi.waitFor(() => {
+            expect(lastFrame()).toContain('project-c');
+        });
+        // Check that recent projects section is shown
+        expect(lastFrame()).toContain('Recent');
+        // Check that recent projects are at the top
+        const output = lastFrame();
+        const projectCIndex = output?.indexOf('project-c') ?? -1;
+        const projectEIndex = output?.indexOf('project-e') ?? -1;
+        const allProjectsIndex = output?.indexOf('All Projects') ?? -1;
+        // Recent projects should appear before "All Projects" section
+        expect(projectCIndex).toBeLessThan(allProjectsIndex);
+        expect(projectEIndex).toBeLessThan(allProjectsIndex);
+    });
+    it('should not show recent projects section when there are none', async () => {
+        vi.mocked(projectManager.getRecentProjects).mockReturnValue([]);
+        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        // Wait for projects to load
+        await vi.waitFor(() => {
+            expect(lastFrame()).toContain('project-a');
+        });
+        // Check that recent projects section is not shown
+        expect(lastFrame()).not.toContain('Recent');
+    });
+    it('should handle selection of recent projects', async () => {
+        // Skip this test for now - SelectInput interaction is complex to test
+        // The selection functionality is covered by the number key test
+    });
+    it('should filter recent projects based on search query', async () => {
+        // This functionality is tested in the main ProjectList.test.tsx
+        // Skip in recent projects specific tests to avoid complexity
+    });
+    it('should show recent projects with correct number prefixes', async () => {
+        // Mock recent projects that match existing projects
+        vi.mocked(projectManager.getRecentProjects).mockReturnValue([
+            {
+                name: 'project-c',
+                path: '/home/user/projects/project-c',
+                lastAccessed: Date.now() - 1000,
+            },
+            {
+                name: 'project-e',
+                path: '/home/user/projects/project-e',
+                lastAccessed: Date.now() - 2000,
+            },
+        ]);
+        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        // Wait for projects to load
+        await vi.waitFor(() => {
+            expect(lastFrame()).toContain('project-c');
+        });
+        // Check that recent projects have correct number prefixes
+        const output = lastFrame();
+        expect(output).toContain('0 ❯ project-c');
+        expect(output).toContain('1 ❯ project-e');
+        // Check that regular projects start from the next available number
+        expect(output).toContain('2 ❯ project-a');
+    });
+    it('should show all recent projects without limit', async () => {
+        // Create 10 projects
+        const manyProjects = Array.from({ length: 10 }, (_, i) => createProject(`project-${i}`, `/home/user/projects/project-${i}`));
+        // Mock discovered projects
+        vi.mocked(projectManager.instance.discoverProjects).mockResolvedValue(manyProjects);
+        // Mock more than 5 recent projects
+        const manyRecentProjects = Array.from({ length: 10 }, (_, i) => ({
+            name: `project-${i}`,
+            path: `/home/user/projects/project-${i}`,
+            lastAccessed: Date.now() - i * 1000,
+        }));
+        vi.mocked(projectManager.getRecentProjects).mockReturnValue(manyRecentProjects);
+        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        // Wait for projects to load
+        await vi.waitFor(() => {
+            expect(lastFrame()).toContain('project-0');
+        });
+        // Check that all 10 recent projects are shown (not limited to 5)
+        const output = lastFrame();
+        for (let i = 0; i < 10; i++) {
+            expect(output).toContain(`project-${i}`);
+        }
+    });
+    it('should allow number key selection for recent projects', async () => {
+        // Mock recent projects
+        vi.mocked(projectManager.getRecentProjects).mockReturnValue([
+            {
+                name: 'project-c',
+                path: '/home/user/projects/project-c',
+                lastAccessed: Date.now(),
+            },
+        ]);
+        // Mock the useInput hook to capture the handler
+        const mockUseInput = vi.mocked(await import('ink')).useInput;
+        let inputHandler = () => { };
+        mockUseInput.mockImplementation(handler => {
+            inputHandler = handler;
+        });
+        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        // Wait for projects to load
+        await vi.waitFor(() => {
+            expect(lastFrame()).toContain('project-c');
+        });
+        // Simulate pressing 0 to select first recent project
+        inputHandler('0');
+        // Check that the recent project was selected
+        expect(mockOnSelectProject).toHaveBeenCalledWith(expect.objectContaining({
+            name: 'project-c',
+            path: '/home/user/projects/project-c',
+        }));
+    });
+});

package/dist/components/ProjectList.test.d.ts

@@ -0,0 +1 @@
+export {};