@toby1123yjh/test-cli 0.1.0

package/dist/locales/en.json

@@ -0,0 +1,155 @@
+{
+  "welcome": "Welcome to Test CLI",
+  "config_not_found": "Config not found, please run /config first",
+  "config_invalid": "Config invalid: {{error}}",
+  "help": {
+    "header": "Available commands:",
+    "usage": "Use /command to run commands"
+  },
+  "config": {
+    "created": "Config file created",
+    "reloaded": "Config reloaded",
+    "reload_failed": "Config reload failed",
+    "project": "Project",
+    "baseUrl": "Base URL"
+  },
+  "commands": {
+    "config": "Reload config (create if not exists)",
+    "generate": "Generate module YAML/script",
+    "new": "Generate test case",
+    "update": "Update module YAML/script",
+    "validate": "Validate test files",
+    "run": "Run tests",
+    "help": "Show help",
+    "clear": "Clear screen"
+  },
+  "generate": {
+    "help": {
+      "summary": "Generate case.yaml and a runnable test script for a module.",
+      "options": {
+        "yaml": "Deprecated (ignored): /generate always generates YAML + script.",
+        "script": "Deprecated (ignored): /generate always generates YAML + script.",
+        "url": "Optional: include a https?:// URL in your prompt to generate frontend tests."
+      },
+      "examples": {
+        "yaml": "Example: /generate login https://example.com/login",
+        "script": "Example: /generate api",
+        "default": "Example: /generate login https://example.com/login"
+      }
+    }
+  },
+  "new": {
+    "generating": "Generating test case...",
+    "success": "Test case saved to {{path}}",
+    "duplicate": "Topic '{{topic}}' already exists in {{file}}",
+    "error": "Generation failed: {{error}}",
+    "invalidTopic": "Please provide a test topic"
+  },
+  "update": {
+    "help": {
+      "summary": "Update a module's case.yaml and regenerate its test script.",
+      "options": {
+        "yaml": "Deprecated (ignored): /update always updates YAML + script.",
+        "script": "Deprecated (ignored): /update always updates YAML + script."
+      },
+      "examples": {
+        "yaml": "Example: /update login",
+        "script": "Example: /update login selectors changed",
+        "default": "Example: /update login"
+      }
+    }
+  },
+  "validate": {
+    "scanning": "Scanning for test files...",
+    "validating": "Validating {{file}}...",
+    "success": "All {{count}} files passed validation",
+    "failed": "Validation failed: {{count}} errors found",
+    "noFiles": "No test files found",
+    "summary": "Validated {{total}} files: {{passed}} passed, {{failed}} failed"
+  },
+  "run": {
+    "selectedHeader": "Selected {{count}} tests:",
+    "starting": "Starting run ({{total}} tests)...",
+    "runningTest": "Running test {{index}}/{{total}}: {{name}}",
+    "caseEnd": "Test {{index}}/{{total}}: {{status}} ({{duration}}ms)",
+    "dependenciesForceSequential": "Dependencies detected; forcing sequential execution.",
+    "completed": "Run completed: {{passed}} passed, {{failed}} failed, {{skipped}} skipped ({{duration}}ms)",
+    "skipReason": "Skipped: {{reason}}",
+    "skip": {
+      "cyclic": "cyclic dependency detected",
+      "missingDeps": "missing dependencies: {{deps}}",
+      "depNotPassed": "dependency not passed: {{deps}}"
+    },
+    "noTests": "No tests selected",
+    "columns": {
+      "id": "ID",
+      "name": "Name",
+      "file": "File",
+      "group": "Group",
+      "tags": "Tags"
+    },
+    "status": {
+      "passed": "passed",
+      "failed": "failed",
+      "skipped": "skipped",
+      "error": "error"
+    },
+    "summary": {
+      "title": "Summary",
+      "counts": "Total: {{total}} | {{passed}} | {{failed}} | {{skipped}}",
+      "passRate": "Pass rate: {{passRate}}",
+      "duration": "Duration: {{duration}}ms",
+      "report": "Report: {{path}}"
+    },
+    "help": {
+      "noVideo": "Disable video recording (--no-video)."
+    },
+    "error": "Run failed: {{error}}"
+  },
+  "report": {
+    "notFound": "Report not found",
+    "loading": "Loading report...",
+    "summary": "Report Summary",
+    "runId": "Run ID",
+    "startTime": "Start time",
+    "endTime": "End time",
+    "duration": "Duration",
+    "total": "Total",
+    "passed": "Passed",
+    "failed": "Failed",
+    "skipped": "Skipped",
+    "caseDetails": "Case Details",
+    "error": "Error",
+    "noRuns": "No runs found",
+    "title": "Report",
+    "meta": "Run: {{runId}} | Start: {{startTime}} | End: {{endTime}} | Duration: {{duration}}ms",
+    "stats": "Total: {{total}} | {{passed}} | {{failed}} | {{skipped}}",
+    "detailsTitle": "Details",
+    "caseLine": "- {{caseId}} | {{name}} | {{status}} | {{duration}}ms",
+    "stepLine": "  - Step {{stepIndex}} | {{status}} | action: {{action}} | expected: {{expected}} | actual: {{actual}}",
+    "errorLine": "  - Error: {{message}}",
+    "status": {
+      "passed": "passed",
+      "failed": "failed",
+      "skipped": "skipped"
+    }
+  },
+  "errors": {
+    "unknown_command": "Unknown command: {{command}}",
+    "format": "? [{{code}}] {{message}}\n\nSuggestion: {{suggestion}}",
+    "messages": {
+      "CONFIG_NOT_FOUND": "Config file not found",
+      "CONFIG_INVALID": "Config invalid: {{details}}",
+      "UNKNOWN_COMMAND": "Unknown command: {{command}}",
+      "INIT_ALREADY_EXISTS": "Project already initialized",
+      "INTERNAL_ERROR": "Unexpected error: {{details}}"
+    },
+    "suggestions": {
+      "CONFIG_NOT_FOUND": "Run /config to create or reload config",
+      "CONFIG_INVALID": "Check config.yaml syntax",
+      "UNKNOWN_COMMAND": "Use /help to see available commands",
+      "INIT_ALREADY_EXISTS": "Delete .test-cli/ and try again",
+      "INTERNAL_ERROR": "Re-run the command; if it persists, report a bug"
+    }
+  }
+}

package/dist/locales/zh.json

@@ -0,0 +1,155 @@
+{
+  "welcome": "欢迎使用 Test CLI",
+  "config_not_found": "未找到配置文件，请先运行 /config",
+  "config_invalid": "配置无效：{{error}}",
+  "help": {
+    "header": "可用命令:",
+    "usage": "使用 /command 执行命令"
+  },
+  "config": {
+    "created": "已创建配置文件",
+    "reloaded": "配置已重新加载",
+    "reload_failed": "配置加载失败",
+    "project": "项目",
+    "baseUrl": "基础URL"
+  },
+  "commands": {
+    "config": "重新加载配置（不存在则创建）",
+    "generate": "生成模块 YAML/脚本",
+    "new": "生成测试用例",
+    "update": "更新模块 YAML/脚本",
+    "validate": "校验测试文件",
+    "run": "运行测试",
+    "help": "显示帮助",
+    "clear": "清空屏幕"
+  },
+  "generate": {
+    "help": {
+      "summary": "为模块生成 case.yaml 和可运行的测试脚本。",
+      "options": {
+        "yaml": "已废弃（忽略）：/generate 总是生成 YAML + 脚本。",
+        "script": "已废弃（忽略）：/generate 总是生成 YAML + 脚本。",
+        "url": "可选：在提示词里包含 https?:// URL 以生成前端测试。"
+      },
+      "examples": {
+        "yaml": "示例：/generate login https://example.com/login",
+        "script": "示例：/generate api",
+        "default": "示例：/generate login https://example.com/login"
+      }
+    }
+  },
+  "new": {
+    "generating": "正在生成测试用例...",
+    "success": "测试用例已保存到 {{path}}",
+    "duplicate": "主题 '{{topic}}' 已存在于 {{file}}",
+    "error": "生成失败: {{error}}",
+    "invalidTopic": "请提供测试主题"
+  },
+  "update": {
+    "help": {
+      "summary": "更新模块的 case.yaml 并重新生成测试脚本。",
+      "options": {
+        "yaml": "已废弃（忽略）：/update 总是更新 YAML + 脚本。",
+        "script": "已废弃（忽略）：/update 总是更新 YAML + 脚本。"
+      },
+      "examples": {
+        "yaml": "示例：/update login",
+        "script": "示例：/update login 选择器变了",
+        "default": "示例：/update login"
+      }
+    }
+  },
+  "validate": {
+    "scanning": "正在扫描测试文件...",
+    "validating": "正在验证 {{file}}...",
+    "success": "所有 {{count}} 个文件验证通过",
+    "failed": "验证失败：发现 {{count}} 个错误",
+    "noFiles": "未找到测试文件",
+    "summary": "已验证 {{total}} 个文件：{{passed}} 通过，{{failed}} 失败"
+  },
+  "run": {
+    "selectedHeader": "已选择 {{count}} 个测试：",
+    "starting": "开始执行（共 {{total}} 个测试）...",
+    "runningTest": "正在执行测试 {{index}}/{{total}}：{{name}}",
+    "caseEnd": "测试 {{index}}/{{total}}：{{status}}（{{duration}}ms）",
+    "dependenciesForceSequential": "检测到依赖；强制串行执行。",
+    "completed": "执行完成：{{passed}} 通过，{{failed}} 失败，{{skipped}} 跳过（{{duration}}ms）",
+    "skipReason": "跳过：{{reason}}",
+    "skip": {
+      "cyclic": "检测到循环依赖",
+      "missingDeps": "缺少依赖：{{deps}}",
+      "depNotPassed": "依赖未通过：{{deps}}"
+    },
+    "noTests": "未选择任何测试",
+    "columns": {
+      "id": "ID",
+      "name": "名称",
+      "file": "文件",
+      "group": "分组",
+      "tags": "标签"
+    },
+    "status": {
+      "passed": "通过",
+      "failed": "失败",
+      "skipped": "跳过",
+      "error": "错误"
+    },
+    "summary": {
+      "title": "摘要",
+      "counts": "总数: {{total}} | {{passed}} | {{failed}} | {{skipped}}",
+      "passRate": "通过率: {{passRate}}",
+      "duration": "总耗时: {{duration}}ms",
+      "report": "报告: {{path}}"
+    },
+    "help": {
+      "noVideo": "禁用视频录制（--no-video）。"
+    },
+    "error": "执行失败：{{error}}"
+  },
+  "report": {
+    "notFound": "未找到报告",
+    "loading": "正在加载报告...",
+    "summary": "报告摘要",
+    "runId": "运行ID",
+    "startTime": "开始时间",
+    "endTime": "结束时间",
+    "duration": "持续时间",
+    "total": "总计",
+    "passed": "通过",
+    "failed": "失败",
+    "skipped": "跳过",
+    "caseDetails": "用例详情",
+    "error": "错误信息",
+    "noRuns": "没有运行记录",
+    "title": "报告",
+    "meta": "运行: {{runId}} | 开始: {{startTime}} | 结束: {{endTime}} | 耗时: {{duration}}ms",
+    "stats": "总数: {{total}} | {{passed}} | {{failed}} | {{skipped}}",
+    "detailsTitle": "详情",
+    "caseLine": "- {{caseId}} | {{name}} | {{status}} | {{duration}}ms",
+    "stepLine": "  - 步骤 {{stepIndex}} | {{status}} | 动作: {{action}} | 期望: {{expected}} | 实际: {{actual}}",
+    "errorLine": "  - 错误: {{message}}",
+    "status": {
+      "passed": "通过",
+      "failed": "失败",
+      "skipped": "跳过"
+    }
+  },
+  "errors": {
+    "unknown_command": "未知命令：{{command}}",
+    "format": "? [{{code}}] {{message}}\n\n建议: {{suggestion}}",
+    "messages": {
+      "CONFIG_NOT_FOUND": "配置文件未找到",
+      "CONFIG_INVALID": "配置文件格式无效：{{details}}",
+      "UNKNOWN_COMMAND": "未知命令：{{command}}",
+      "INIT_ALREADY_EXISTS": "项目已初始化",
+      "INTERNAL_ERROR": "发生未预期错误：{{details}}"
+    },
+    "suggestions": {
+      "CONFIG_NOT_FOUND": "运行 /config 创建或重新加载配置",
+      "CONFIG_INVALID": "检查 config.yaml 语法",
+      "UNKNOWN_COMMAND": "使用 /help 查看可用命令",
+      "INIT_ALREADY_EXISTS": "删除 .test-cli/ 后重试",
+      "INTERNAL_ERROR": "请重试；如仍失败请提交 issue"
+    }
+  }
+}

package/dist/templates/components/case-detail.ejs

@@ -0,0 +1,62 @@
+<section class="case-details" aria-label="用例详情">
+  <% modules.forEach((module) => { %>
+    <% module.cases.forEach((testCase) => { %>
+      <% const caseStatusClass = `case-status--${testCase.status}`; %>
+      <article id="case-<%= testCase.id %>" class="case-detail" data-status="<%= testCase.status %>">
+        <header class="case-detail__header case-info">
+          <div class="case-detail__title-row">
+            <h2 class="case-detail__title"><%= testCase.name %></h2>
+            <span class="case-status <%= caseStatusClass %>"><%= testCase.status %></span>
+          </div>
+
+          <div class="case-detail__meta">
+            <span class="case-detail__id">ID: <%= testCase.id %></span>
+            <span class="case-detail__separator" aria-hidden="true">·</span>
+            <span class="case-detail__duration"><%= (testCase.duration / 1000).toFixed(2) %>s</span>
+          </div>
+        </header>
+
+        <section class="expected-behavior" aria-label="期望行为">
+          <h3 class="expected-behavior__title">期望行为</h3>
+          <div class="expected-behavior__content"><%= testCase.expectedBehavior %></div>
+        </section>
+
+        <section class="steps-section" aria-label="测试步骤">
+          <h3 class="steps-section__title">步骤</h3>
+          <ol class="steps-list">
+            <% testCase.steps.forEach((step) => { %>
+              <% const stepStatusClass = `step-status--${step.status}`; %>
+              <li class="step-item <%= stepStatusClass %>">
+                <div class="step-row">
+                  <div class="step-index"><%= step.index %></div>
+                  <div class="step-action"><%= step.action %></div>
+                  <div class="step-meta">
+                    <span class="step-status"><%= step.status %></span>
+                    <span class="step-duration"><%= (step.duration / 1000).toFixed(2) %>s</span>
+                  </div>
+                </div>
+
+                <% if (step.error) { %>
+                  <div class="step-error">
+                    <div class="step-error__message"><%= step.error.message %></div>
+                    <% if (step.error.stack) { %>
+                      <pre class="step-error__stack"><%= step.error.stack %></pre>
+                    <% } %>
+                  </div>
+                <% } %>
+              </li>
+            <% }) %>
+          </ol>
+        </section>
+
+        <section class="video-section" aria-label="视频">
+          <%- include('video-player', { video: testCase.video }) %>
+        </section>
+
+        <section class="evidence-section" aria-label="Evidence">
+          <%- include('evidence-tabs', { evidence: testCase.evidence, caseId: testCase.id }) %>
+        </section>
+      </article>
+    <% }) %>
+  <% }) %>
+</section>

package/dist/templates/components/evidence-tabs.ejs

@@ -0,0 +1,249 @@
+<%
+  const maxItems = 100;
+  const networkAll = evidence?.network ?? [];
+  const consoleAll = evidence?.console ?? [];
+  const network = networkAll.slice(0, maxItems);
+  const consoleLogs = consoleAll.slice(0, maxItems);
+  const networkTruncated = networkAll.length > maxItems;
+  const consoleTruncated = consoleAll.length > maxItems;
+  const aiMarkdown = evidence?.ai ?? '';
+  const asserts = evidence?.asserts ?? [];
+
+  const toDomId = (value) => String(value ?? '').trim().replace(/[^a-zA-Z0-9_-]/g, '_');
+  const instanceId = (() => {
+    const base = toDomId(caseId);
+    if (base) return `case-${base}`;
+    return `case-${Math.random().toString(36).slice(2, 10)}`;
+  })();
+  const tabId = (tab) => `${instanceId}-tab-${tab}`;
+  const panelId = (tab) => `${instanceId}-panel-${tab}`;
+%>
+
+<section class="evidence-tabs" data-default-tab="network">
+  <header class="tabs-header" role="tablist" aria-label="Evidence Tabs">
+    <button
+      type="button"
+      class="tab-btn active"
+      data-tab="network"
+      role="tab"
+      id="<%= tabId('network') %>"
+      aria-controls="<%= panelId('network') %>"
+      aria-selected="true"
+      tabindex="0"
+    >
+      Network
+    </button>
+    <button
+      type="button"
+      class="tab-btn"
+      data-tab="console"
+      role="tab"
+      id="<%= tabId('console') %>"
+      aria-controls="<%= panelId('console') %>"
+      aria-selected="false"
+      tabindex="-1"
+    >
+      Console
+    </button>
+    <button
+      type="button"
+      class="tab-btn"
+      data-tab="ai"
+      role="tab"
+      id="<%= tabId('ai') %>"
+      aria-controls="<%= panelId('ai') %>"
+      aria-selected="false"
+      tabindex="-1"
+    >
+      AI
+    </button>
+    <button
+      type="button"
+      class="tab-btn"
+      data-tab="assert"
+      role="tab"
+      id="<%= tabId('assert') %>"
+      aria-controls="<%= panelId('assert') %>"
+      aria-selected="false"
+      tabindex="-1"
+    >
+      Assert
+    </button>
+  </header>
+
+  <section class="tabs-body">
+    <section
+      class="tab-content active"
+      id="<%= panelId('network') %>"
+      data-tab="network"
+      role="tabpanel"
+      aria-labelledby="<%= tabId('network') %>"
+      tabindex="0"
+    >
+      <div class="network-toolbar">
+        <% if (networkTruncated) { %>
+          <div class="truncation-hint">已截断：仅显示前 <%= maxItems %> 条（共 <%= networkAll.length %> 条）</div>
+        <% } %>
+        <label class="network-filter">
+          <span class="network-filter__label">状态</span>
+          <select class="request-filter">
+            <option value="all">全部</option>
+            <option value="success">成功</option>
+            <option value="failed">失败</option>
+          </select>
+        </label>
+      </div>
+
+      <% if (network.length === 0) { %>
+        <div class="network-empty">暂无网络请求</div>
+      <% } else { %>
+        <div class="network-table__wrapper">
+          <table class="network-table">
+            <thead>
+              <tr>
+                <th>URL</th>
+                <th>Method</th>
+                <th>Status</th>
+                <th>Duration</th>
+              </tr>
+            </thead>
+            <tbody>
+              <% network.forEach((req) => { %>
+                <% const rowClass = req.status >= 400 ? 'request-row request-failed' : 'request-row'; %>
+                <% const detailRowId = `${instanceId}-req-${toDomId(req.id)}`; %>
+                <tr class="<%= rowClass %>" data-request-id="<%= req.id %>" data-status="<%= req.status %>">
+                  <td class="request-url">
+                    <button
+                      type="button"
+                      class="request-toggle"
+                      aria-expanded="false"
+                      aria-label="展开请求详情"
+                      aria-controls="<%= detailRowId %>"
+                    >
+                      ▸
+                    </button>
+                    <span class="request-url__text"><%= req.url %></span>
+                  </td>
+                  <td class="request-method"><%= req.method %></td>
+                  <td class="request-status"><%= req.status %></td>
+                  <td class="request-duration"><%= (req.duration / 1000).toFixed(2) %>s</td>
+                </tr>
+                <tr id="<%= detailRowId %>" class="request-detail" data-request-id="<%= req.id %>" hidden>
+                  <td colspan="4">
+                    <div class="request-detail__grid">
+                      <div class="request-detail__block">
+                        <div class="request-detail__title">Request Body</div>
+                        <pre class="request-detail__body"><%= req.request.body ?? '' %></pre>
+                      </div>
+                      <div class="request-detail__block">
+                        <div class="request-detail__title">Response Body</div>
+                        <pre class="request-detail__body"><%= req.response.body ?? '' %></pre>
+                      </div>
+                    </div>
+                  </td>
+                </tr>
+              <% }) %>
+            </tbody>
+          </table>
+        </div>
+      <% } %>
+    </section>
+
+    <section
+      class="tab-content"
+      id="<%= panelId('console') %>"
+      data-tab="console"
+      role="tabpanel"
+      aria-labelledby="<%= tabId('console') %>"
+      tabindex="0"
+      hidden
+    >
+      <div class="console-toolbar">
+        <% if (consoleTruncated) { %>
+          <div class="truncation-hint">已截断：仅显示前 <%= maxItems %> 条（共 <%= consoleAll.length %> 条）</div>
+        <% } %>
+        <label class="console-filter">
+          <span class="console-filter__label">级别</span>
+          <select class="console-level-filter">
+            <option value="all">全部</option>
+            <option value="error">error</option>
+            <option value="warning">warning</option>
+            <option value="info">info</option>
+            <option value="log">log</option>
+          </select>
+        </label>
+      </div>
+
+      <% if (consoleLogs.length === 0) { %>
+        <div class="console-empty">暂无日志</div>
+      <% } else { %>
+        <ul class="console-list" aria-label="Console Logs">
+          <% consoleLogs.forEach((log) => { %>
+            <li class="console-item log-level--<%= log.level %>" data-level="<%= log.level %>">
+              <span class="console-time"><%= log.timestamp %></span>
+              <span class="console-level"><%= log.level %></span>
+              <span class="console-message"><%= log.message %></span>
+            </li>
+          <% }) %>
+        </ul>
+      <% } %>
+    </section>
+
+    <section
+      class="tab-content"
+      id="<%= panelId('ai') %>"
+      data-tab="ai"
+      role="tabpanel"
+      aria-labelledby="<%= tabId('ai') %>"
+      tabindex="0"
+      hidden
+    >
+      <% if (!aiMarkdown || aiMarkdown.trim().length === 0) { %>
+        <div class="ai-empty">暂无 AI 分析</div>
+      <% } else { %>
+        <textarea class="ai-markdown-source" hidden><%= aiMarkdown %></textarea>
+        <div class="ai-markdown-output" aria-label="AI Analysis"></div>
+      <% } %>
+    </section>
+
+    <section
+      class="tab-content"
+      id="<%= panelId('assert') %>"
+      data-tab="assert"
+      role="tabpanel"
+      aria-labelledby="<%= tabId('assert') %>"
+      tabindex="0"
+      hidden
+    >
+      <% if (asserts.length === 0) { %>
+        <div class="assert-empty">暂无断言</div>
+      <% } else { %>
+        <div class="assert-table__wrapper">
+          <table class="assert-table">
+            <thead>
+              <tr>
+                <th>断言</th>
+                <th>状态</th>
+                <th>期望</th>
+                <th>实际</th>
+                <th>消息</th>
+              </tr>
+            </thead>
+            <tbody>
+              <% asserts.forEach((assert) => { %>
+                <% const assertRowClass = assert.status === 'failed' ? 'assert-row assert-failed' : 'assert-row'; %>
+                <tr class="<%= assertRowClass %>" data-status="<%= assert.status %>">
+                  <td class="assert-name"><%= assert.name %></td>
+                  <td class="assert-status"><%= assert.status %></td>
+                  <td class="assert-expected"><code><%= assert.expected ?? '' %></code></td>
+                  <td class="assert-actual"><code><%= assert.actual ?? '' %></code></td>
+                  <td class="assert-message"><%= assert.message ?? '' %></td>
+                </tr>
+              <% }) %>
+            </tbody>
+          </table>
+        </div>
+      <% } %>
+    </section>
+  </section>
+</section>

package/dist/templates/components/header.ejs

@@ -0,0 +1,27 @@
+<header class="report-header">
+  <div class="report-header__left">
+    <div class="report-header__title-row">
+      <button
+        type="button"
+        class="sidebar-toggle"
+        aria-label="打开目录"
+        aria-controls="report-sidebar"
+        aria-expanded="false"
+      >
+        <span class="sidebar-toggle__icon" aria-hidden="true">☰</span>
+      </button>
+      <h1 class="report-header__title"><%= title %></h1>
+    </div>
+    <div class="report-header__meta">
+      <span class="report-header__timestamp"><%= timestamp %></span>
+      <span class="report-header__separator" aria-hidden="true">·</span>
+      <span class="report-header__duration"><%= (duration / 1000).toFixed(2) %>s</span>
+    </div>
+  </div>
+
+  <div class="report-header__right">
+    <button type="button" class="theme-toggle" aria-label="切换主题" title="切换主题">
+      <span class="theme-toggle__icon" aria-hidden="true">🌙</span>
+    </button>
+  </div>
+</header>