Merge branch 'worktree-2025-12-19T06-15-44'

Author: tikazyq

packages/ui-vite/package.json

@@ -9,7 +9,9 @@
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview --port 3000",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "dependencies": {
     "@leanspec/ui-components": "workspace:*",
@@ -27,6 +29,9 @@
     "@eslint/js": "^9.39.1",
     "@tailwindcss/typography": "^0.5.15",
     "@tauri-apps/api": "^2.9.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
@@ -36,11 +41,13 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "jsdom": "^27.3.0",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.17",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.4"
+    "vite": "^7.2.4",
+    "vitest": "^4.0.6"
   },
   "keywords": [
     "leanspec",

packages/ui-vite/src/lib/api.test.ts

@@ -0,0 +1,167 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { api } from './api';
+
+// Mock fetch
+const mockFetch = vi.fn();
+global.fetch = mockFetch as any;
+
+describe('API Client', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe('getProjects', () => {
+    it('should fetch projects successfully', async () => {
+      const mockResponse = {
+        current: { id: 'proj1', name: 'Project 1', path: '/path/1' },
+        available: [
+          { id: 'proj1', name: 'Project 1', path: '/path/1' },
+          { id: 'proj2', name: 'Project 2', path: '/path/2' },
+        ],
+      };
+
+      mockFetch.mockResolvedValueOnce({
+        ok: true,
+        json: async () => mockResponse,
+      });
+
+      const result = await api.getProjects();
+      expect(result).toEqual(mockResponse);
+      expect(mockFetch).toHaveBeenCalledWith(
+        expect.stringContaining('/api/projects'),
+        expect.any(Object)
+      );
+    });
+
+    it('should throw error on failure', async () => {
+      mockFetch.mockResolvedValueOnce({
+        ok: false,
+        status: 500,
+        statusText: 'Internal Server Error',
+        text: async () => 'Server error',
+      });
+
+      await expect(api.getProjects()).rejects.toThrow();
+    });
+  });
+
+  describe('getSpecs', () => {
+    it('should fetch specs successfully', async () => {
+      const mockSpecs = [
+        { name: 'spec-001', title: 'Test Spec', status: 'planned' as const },
+      ];
+
+      mockFetch.mockResolvedValueOnce({
+        ok: true,
+        json: async () => ({ specs: mockSpecs }),
+      });
+
+      const result = await api.getSpecs();
+      expect(result).toEqual(mockSpecs);
+    });
+  });
+
+  describe('getSpec', () => {
+    it('should fetch spec details successfully', async () => {
+      const mockSpec = {
+        name: 'spec-001',
+        title: 'Test Spec',
+        status: 'planned' as const,
+        content: '# Test',
+        metadata: {},
+      };
+
+      mockFetch.mockResolvedValueOnce({
+        ok: true,
+        json: async () => ({ spec: mockSpec }),
+      });
+
+      const result = await api.getSpec('spec-001');
+      expect(result).toEqual(mockSpec);
+      expect(mockFetch).toHaveBeenCalledWith(
+        expect.stringContaining('/api/specs/spec-001'),
+        expect.any(Object)
+      );
+    });
+  });
+
+  describe('updateSpec', () => {
+    it('should update spec metadata successfully', async () => {
+      const updates = { status: 'in-progress' as const, priority: 'high' as const };
+
+      mockFetch.mockResolvedValueOnce({
+        ok: true,
+        json: async () => ({}),
+      });
+
+      await api.updateSpec('spec-001', updates);
+
+      expect(mockFetch).toHaveBeenCalledWith(
+        expect.stringContaining('/api/specs/spec-001'),
+        expect.objectContaining({
+          method: 'PATCH',
+          body: JSON.stringify(updates),
+        })
+      );
+    });
+  });
+
+  describe('getStats', () => {
+    it('should fetch stats successfully', async () => {
+      const mockStats = {
+        total: 10,
+        by_status: { planned: 5, 'in-progress': 3, complete: 2 },
+        by_priority: { high: 3, medium: 4, low: 3 },
+        by_tag: { frontend: 5, backend: 5 },
+      };
+
+      mockFetch.mockResolvedValueOnce({
+        ok: true,
+        json: async () => ({ stats: mockStats }),
+      });
+
+      const result = await api.getStats();
+      expect(result).toEqual(mockStats);
+    });
+  });
+
+  describe('getDependencies', () => {
+    it('should fetch dependency graph successfully', async () => {
+      const mockGraph = {
+        nodes: [
+          { id: 'spec-001', name: 'Spec 001', status: 'planned' },
+          { id: 'spec-002', name: 'Spec 002', status: 'in-progress' },
+        ],
+        edges: [
+          { source: 'spec-001', target: 'spec-002', type: 'depends_on' as const },
+        ],
+      };
+
+      mockFetch.mockResolvedValueOnce({
+        ok: true,
+        json: async () => ({ graph: mockGraph }),
+      });
+
+      const result = await api.getDependencies();
+      expect(result).toEqual(mockGraph);
+    });
+
+    it('should fetch dependencies for specific spec', async () => {
+      const mockGraph = {
+        nodes: [],
+        edges: [],
+      };
+
+      mockFetch.mockResolvedValueOnce({
+        ok: true,
+        json: async () => ({ graph: mockGraph }),
+      });
+
+      await api.getDependencies('spec-001');
+      expect(mockFetch).toHaveBeenCalledWith(
+        expect.stringContaining('/api/specs/spec-001/dependencies'),
+        expect.any(Object)
+      );
+    });
+  });
+});

packages/ui-vite/src/test/setup.ts

@@ -0,0 +1,7 @@
+import { afterEach } from 'vitest';
+import { cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+
+afterEach(() => {
+  cleanup();
+});

packages/ui-vite/tsconfig.app.json

@@ -24,5 +24,6 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx", "src/test"]
 }

packages/ui-vite/vitest.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import { fileURLToPath } from 'node:url';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    include: ['src/**/*.test.{ts,tsx}'],
+    setupFiles: './src/test/setup.ts',
+  },
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+});