Files
Claude-Code-Workflow/ccw/tests/serve-command.test.ts
catlog22 bcb736709f feat: remove old vanilla JS/CSS frontend, make React SPA the sole entry for ccw view
Remove the entire old template-based frontend (~106K lines) and make the React
SPA the only way to access the ccw dashboard via `ccw view`.

Key changes:
- Delete all old frontend files: dashboard-css/ (37 CSS), dashboard-js/ (59 JS),
  assets/, dashboard.html, and legacy HTML templates
- Delete dashboard-generator.ts and dashboard-generator-patch.ts
- Simplify server.ts: remove ~234 lines of old frontend code (template constants,
  MODULE_CSS_FILES/MODULE_FILES arrays, generateServerDashboard(), /assets/* serving)
- Rebase React frontend from /react/ to root / (vite.config.ts, react-frontend.ts)
- Add /react/* -> /* 301 redirect for backward compatibility
- Remove --frontend and --new CLI flags from view and serve commands
- Remove generateDashboard export from public API (index.ts)
- Simplify serve.ts and view.ts to always use React without conditional branching
- Update all affected tests (unit, e2e) for React-only architecture

BREAKING CHANGE: --frontend and --new CLI flags removed; generateDashboard export
removed from ccw package; /react/ base path changed to /
2026-02-13 17:26:03 +08:00

92 lines
2.7 KiB
TypeScript

/**
* Unit tests for Serve command module (ccw serve)
*
* Notes:
* - Targets the runtime implementation shipped in `ccw/dist`.
* - Uses Node's built-in test runner (node:test).
* - Disables browser launch and captures SIGINT handler to shut down server cleanly.
*/
import { afterEach, before, describe, it, mock } from 'node:test';
import assert from 'node:assert/strict';
import { mkdtempSync, rmSync } from 'node:fs';
import { tmpdir } from 'node:os';
import { join } from 'node:path';
class ExitError extends Error {
code?: number;
constructor(code?: number) {
super(`process.exit(${code ?? 'undefined'})`);
this.code = code;
}
}
const serveCommandPath = new URL('../dist/commands/serve.js', import.meta.url).href;
describe('serve command module', async () => {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
let serveModule: any;
before(async () => {
serveModule = await import(serveCommandPath);
});
afterEach(() => {
mock.restoreAll();
});
it('starts server with browser disabled and shuts down via captured SIGINT handler', async () => {
const workspace = mkdtempSync(join(tmpdir(), 'ccw-serve-workspace-'));
try {
let sigintHandler: (() => void) | null = null;
mock.method(console, 'log', () => {});
mock.method(console, 'error', () => {});
const exitCodes: Array<number | undefined> = [];
mock.method(process as any, 'exit', (code?: number) => {
exitCodes.push(code);
});
const originalOn = process.on.bind(process);
mock.method(process as any, 'on', (event: string, handler: any) => {
if (event === 'SIGINT') {
sigintHandler = handler;
return process;
}
return originalOn(event, handler);
});
await serveModule.serveCommand({ port: 56790, browser: false, path: workspace });
assert.ok(sigintHandler, 'Expected serveCommand to register SIGINT handler');
sigintHandler?.();
// Wait for async shutdown (stopReactFrontend can take up to ~6s)
for (let i = 0; i < 40 && !exitCodes.includes(0); i++) {
await new Promise((resolve) => setTimeout(resolve, 250));
}
assert.ok(exitCodes.includes(0));
} finally {
rmSync(workspace, { recursive: true, force: true });
}
});
it('fails fast on invalid path', async () => {
mock.method(console, 'log', () => {});
mock.method(console, 'error', () => {});
mock.method(process as any, 'exit', (code?: number) => {
throw new ExitError(code);
});
await assert.rejects(
serveModule.serveCommand({ port: 56791, browser: false, path: 'Z:\\this-path-should-not-exist' }),
(err: any) => err instanceof ExitError && err.code === 1,
);
});
});