初始化项目版本

scripts/capture-theme-source.test.mjs

@@ -0,0 +1,105 @@
+import path from 'node:path';
+
+import { describe, expect, it } from 'vitest';
+
+import {
+  inferThemeFromUrl,
+  parseResponsiveViewports,
+  parseSourceCaptureArgs,
+  resolveSourceCaptureJob,
+  summarizeTheme,
+} from './capture-theme-source.mjs';
+
+describe('capture-theme-source CLI planning', () => {
+  it('parses source capture options for screenshot and token evidence', () => {
+    const args = parseSourceCaptureArgs([
+      'node',
+      'capture-theme-source.mjs',
+      'https://www.trae.ai/',
+      '--theme',
+      'trae-ai',
+      '--output',
+      '.local/theme-capture-trae-ai',
+      '--viewport',
+      '1440x900',
+      '--responsive-viewports',
+      'desktop:1440x900,tablet:768x1024,mobile:390x844',
+      '--wait-for-selector',
+      'main',
+      '--dismiss-selector',
+      'button:has-text("Accept")',
+      '--remove-selector',
+      '.cookie-banner',
+      '--header',
+      'Authorization=Bearer token',
+      '--connect-cdp',
+      'http://localhost:9222',
+      '--no-scroll-warmup',
+    ]);
+
+    expect(args.url).toBe('https://www.trae.ai/');
+    expect(args.theme).toBe('trae-ai');
+    expect(args.output).toBe('.local/theme-capture-trae-ai');
+    expect(args.viewport).toEqual({ width: 1440, height: 900 });
+    expect(args.responsiveViewports).toEqual([
+      { name: 'desktop', width: 1440, height: 900 },
+      { name: 'tablet', width: 768, height: 1024 },
+      { name: 'mobile', width: 390, height: 844 },
+    ]);
+    expect(args.waitForSelectors).toEqual(['main']);
+    expect(args.dismissSelectors).toEqual(['button:has-text("Accept")']);
+    expect(args.removeSelectors).toEqual(['.cookie-banner']);
+    expect(args.headers).toEqual({ Authorization: 'Bearer token' });
+    expect(args.connectCdp).toBe('http://localhost:9222');
+    expect(args.scrollWarmup).toBe(false);
+  });
+
+  it('resolves default output directory from a URL-derived theme key', () => {
+    const appRoot = '/repo/client';
+    const workspaceRoot = '/repo';
+    const args = parseSourceCaptureArgs([
+      'node',
+      'capture-theme-source.mjs',
+      'https://www.trae.ai/',
+      '--dry-run',
+    ]);
+
+    const job = resolveSourceCaptureJob(args, { appRoot, workspaceRoot });
+
+    expect(job.theme).toBe('trae');
+    expect(job.outputDir).toBe(path.join(appRoot, '.local/theme-capture-trae'));
+    expect(job.viewport).toEqual({ width: 1440, height: 900 });
+    expect(job.responsive).toBe(true);
+    expect(job.screenshot).toBe(true);
+    expect(job.tokens).toBe(true);
+  });
+
+  it('normalizes responsive viewport lists and URL theme inference', () => {
+    expect(parseResponsiveViewports('wide:1600x900,narrow:375x812')).toEqual([
+      { name: 'wide', width: 1600, height: 900 },
+      { name: 'narrow', width: 375, height: 812 },
+    ]);
+    expect(inferThemeFromUrl('https://www.example.co.uk/path')).toBe('example');
+  });
+
+  it('keeps computed token summaries focused on theme evidence', () => {
+    const summary = summarizeTheme({
+      colors: { text: [{ value: 'rgb(255, 255, 255)', count: 2 }] },
+      typography: { families: [{ value: 'Inter', count: 3 }] },
+      spacing: [{ value: '16px', count: 4 }],
+      ignored: 'not included',
+    });
+
+    expect(summary).toEqual({
+      colors: { text: [{ value: 'rgb(255, 255, 255)', count: 2 }] },
+      typography: { families: [{ value: 'Inter', count: 3 }] },
+      spacing: [{ value: '16px', count: 4 }],
+      radius: [],
+      lineWidth: [],
+      shadow: {},
+      transitions: [],
+      animations: [],
+      cssVariables: {},
+    });
+  });
+});