@tea-agent/loop-agent 0.29.0 → 0.29.1

package/dist/workflows/dag/frontend-test-html-report.js

@@ -7,11 +7,56 @@ function escapeHtml(value) {
 function statusLabel(status) {
     return status === "passed" ? "通过" : status === "failed" ? "失败" : "阻塞";
 }
+function statusColor(status) {
+    return status === "passed"
+        ? { fg: "#067647", bg: "#ecfdf3", border: "#abefc6" }
+        : status === "failed"
+            ? { fg: "#b42318", bg: "#fef3f2", border: "#fda29b" }
+            : { fg: "#946200", bg: "#fffaeb", border: "#fedf89" };
+}
 function listMarkdown(items) {
     return items.length ? items.map((item, index) => `${index + 1}. ${item}`).join("\n") : "- 无";
 }
 function listHtml(items) {
-    return items.length ? `<ol>${items.map((item) => `<li>${escapeHtml(item)}</li>`).join("")}</ol>` : "<p>无</p>";
+    return items.length ? `<ol>${items.map((item) => `<li>${escapeHtml(item)}</li>`).join("")}</ol>` : `<p class="muted">无</p>`;
+}
+function writeMetric(label, value, color = "#172033") {
+    return `<div class="metric"><span>${escapeHtml(label)}</span><strong style="color:${color}">${escapeHtml(value)}</strong></div>`;
+}
+function renderCaseCard(item) {
+    const colors = statusColor(item.status);
+    const rerun = typeof item.rerunAttempt === "number" &&
+        item.rerunAttempt > 0
+        ? `<span class="badge" style="color:#175cd3;background:#eff8ff">重跑 ${item.rerunAttempt}</span>`
+        : "";
+    const error = item.status === "passed"
+        ? ""
+        : `<div class="error-box"><strong>原因分析</strong><p>${escapeHtml(item.errorAnalysis ?? item.blockedReason ?? "用例未能完成执行。")}</p></div>`;
+    const execution = item.status === "passed"
+        ? ""
+        : `<div class="error-box"><strong>执行记录</strong><p>${escapeHtml(item.executionSummary ??
+            item.errorAnalysis ??
+            item.blockedReason ??
+            "见 evidence 目录 execution.md / case-result.json")}</p></div>`;
+    const testPoints = item.testPoints;
+    const testPointsHtml = Array.isArray(testPoints) && testPoints.length
+        ? `<div><h3>测试点</h3>${listHtml(testPoints)}</div>`
+        : "";
+    return `<details class="case-card" data-status="${item.status}" ${item.status !== "passed" ? "open" : ""}>
+    <summary><span class="case-id">${escapeHtml(item.caseId)}</span><span class="case-title">${escapeHtml(item.caseContent.purpose || "未提供测试目的")}</span><span class="badge" style="color:${colors.fg};background:${colors.bg}">${statusLabel(item.status)}</span>${rerun}<span class="chevron">▾</span></summary>
+    <div class="case-body">
+      <div class="case-meta"><span>验收标准</span><strong>${item.acIds.map(escapeHtml).join("、") || "—"}</strong></div>
+      <div class="case-grid">
+        <div><h3>测试目的</h3><p>${escapeHtml(item.caseContent.purpose)}</p></div>
+        ${testPointsHtml}
+        <div><h3>前置条件</h3>${listHtml(item.caseContent.preconditions)}</div>
+        <div><h3>测试步骤</h3>${listHtml(item.caseContent.steps)}</div>
+        <div><h3>预期结果</h3>${listHtml(item.caseContent.expectedResults)}</div>
+      </div>
+      ${error}
+      ${execution}
+    </div>
+  </details>`;
 }
 async function writePairAtomic(markdownPath, markdown, htmlPath, html) {
     await mkdir(path.dirname(markdownPath), { recursive: true });
@@ -36,42 +81,79 @@ export async function renderFrontendTestHtmlReport(input) {
     const markdownPath = path.join(outputDir, "frontend-test-report.md");
     const htmlPath = path.join(outputDir, "frontend-test-report.html");
     const outcomeLabel = result.outcome === "passed" ? "测试通过" : result.outcome === "failed" ? "测试失败" : "测试未完成";
+    const failedCount = result.totals.failed + result.totals.blocked;
+    const passRate = result.totals.cases > 0 ? (result.totals.passed / result.totals.cases) * 100 : 0;
+    const coverageRate = result.sourceBinding.requirementIds.length > 0
+        ? (result.acceptanceCoverage.covered.length / result.sourceBinding.requirementIds.length) * 100
+        : 0;
+    const outcomeColors = result.outcome === "passed" ? statusColor("passed") : result.outcome === "failed" ? statusColor("failed") : statusColor("blocked");
     const markdownCases = result.cases.map((item) => [
         `## ${item.caseId}`,
         "",
         `- 执行结果：${statusLabel(item.status)}`,
+        `- 验收标准：${item.acIds.join("、")}`,
         "",
-        "### 测试目的",
-        "",
-        item.caseContent.purpose,
-        "",
-        "### 前置条件",
-        "",
-        listMarkdown(item.caseContent.preconditions),
-        "",
-        "### 操作步骤",
-        "",
-        listMarkdown(item.caseContent.steps),
-        "",
-        "### 预期结果",
-        "",
-        listMarkdown(item.caseContent.expectedResults),
-        ...(item.status === "passed" ? [] : ["", "### 错误分析", "", item.errorAnalysis ?? `用例因 ${item.blockedReason ?? "未知原因"} 未能完成。`]),
+        "### 测试目的", "", item.caseContent.purpose,
+        "", "### 前置条件", "", listMarkdown(item.caseContent.preconditions),
+        "", "### 操作步骤", "", listMarkdown(item.caseContent.steps),
+        "", "### 预期结果", "", listMarkdown(item.caseContent.expectedResults),
+        ...(item.status === "passed" ? [] : ["", "### 错误分析", "", item.errorAnalysis ?? item.blockedReason ?? "用例未能完成执行。"]),
     ].join("\n")).join("\n\n");
     const markdown = [
-        "# 前端功能测试报告",
-        "",
+        "# 前端功能测试报告", "",
         `- 测试结论：${outcomeLabel}`,
         `- 用例总数：${result.totals.cases}`,
         `- 通过：${result.totals.passed}`,
         `- 失败：${result.totals.failed}`,
         `- 阻塞：${result.totals.blocked}`,
-        "",
-        markdownCases,
-        "",
+        `- AC 覆盖：${result.acceptanceCoverage.covered.length}/${result.sourceBinding.requirementIds.length}`,
+        "", markdownCases, "",
     ].join("\n");
-    const htmlCases = result.cases.map((item) => `<section class="case ${item.status}"><header><h2>${escapeHtml(item.caseId)}</h2><span class="status">${statusLabel(item.status)}</span></header><h3>测试目的</h3><p>${escapeHtml(item.caseContent.purpose)}</p><h3>前置条件</h3>${listHtml(item.caseContent.preconditions)}<h3>操作步骤</h3>${listHtml(item.caseContent.steps)}<h3>预期结果</h3>${listHtml(item.caseContent.expectedResults)}${item.status === "passed" ? "" : `<h3>错误分析</h3><p class="error">${escapeHtml(item.errorAnalysis ?? `用例因 ${item.blockedReason ?? "未知原因"} 未能完成。`)}</p>`}</section>`).join("");
-    const html = `<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'"><title>前端功能测试报告</title><style>body{font:16px system-ui,"Microsoft YaHei",sans-serif;margin:0;background:#f5f7fb;color:#172033}main{max-width:1100px;margin:auto;padding:32px}.summary,.case{background:#fff;border-radius:14px;padding:22px;margin:16px 0;box-shadow:0 6px 24px rgba(16,24,40,.07)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#f8fafc;padding:14px;border-radius:10px}.case header{display:flex;justify-content:space-between;gap:16px}.status{font-weight:700}.passed .status{color:#067647}.failed .status,.error{color:#b42318}.blocked .status{color:#946200}li{margin:.45rem 0}@media(max-width:700px){.metrics{grid-template-columns:1fr 1fr}}</style></head><body><main><h1>前端功能测试报告</h1><section class="summary"><h2>${outcomeLabel}</h2><div class="metrics"><div class="metric">用例总数<br><strong>${result.totals.cases}</strong></div><div class="metric">通过<br><strong>${result.totals.passed}</strong></div><div class="metric">失败<br><strong>${result.totals.failed}</strong></div><div class="metric">阻塞<br><strong>${result.totals.blocked}</strong></div></div></section>${htmlCases}</main></body></html>`;
+    const caseCards = result.cases.map(renderCaseCard).join("");
+    const missingAc = result.acceptanceCoverage.missing.length
+        ? `<div class="finding-list"><strong>未覆盖 AC</strong>${listHtml(result.acceptanceCoverage.missing)}</div>`
+        : `<div class="success-note">全部声明的 AC 均已覆盖。</div>`;
+    const failureOverview = failedCount > 0
+        ? `<section class="panel"><div class="section-heading"><h2>失败概览</h2><span>${failedCount} 条未通过用例</span></div><div class="failure-list">${result.cases.filter((item) => item.status !== "passed").map((item) => `<div class="failure-row"><span class="case-id">${escapeHtml(item.caseId)}</span><span>${escapeHtml(item.errorAnalysis ?? item.blockedReason ?? "用例未能完成执行。")}</span></div>`).join("")}</div></section>`
+        : "";
+    const html = `<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'"><title>前端功能测试报告</title><style>
+body{margin:0;background:radial-gradient(circle at 8% 0,#edf4ff 0,transparent 36rem),#f5f7fb;color:#17243b;font:15px/1.6 Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}main{max-width:1180px;margin:0 auto;padding:42px 28px 72px}.hero{padding:30px 34px;border:1px solid #294b78;border-radius:24px;background:linear-gradient(125deg,#102849 0%,#173d6d 57%,#245b91 100%);box-shadow:0 18px 40px rgba(16,40,73,.18);display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.eyebrow{color:#9fc6ee;font-size:11px;font-weight:800;letter-spacing:.2em}.hero h1{margin:10px 0 8px;color:#f7fbff;font-size:clamp(28px,3.8vw,44px);line-height:1.1}.hero p{margin:0;color:#bdd2e9;font-size:13px}.decision{min-width:190px;padding:15px 17px;border:1px solid ${outcomeColors.border};border-radius:16px;background:${outcomeColors.bg};color:${outcomeColors.fg}}.decision strong{display:block;font-size:17px}.decision span{display:block;margin-top:4px;font-size:12px}.panel{background:#fff;border:1px solid #e0e7f0;border-radius:15px;box-shadow:0 7px 20px rgba(25,53,92,.04);padding:22px;margin-top:18px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.metric{position:relative;min-height:92px;padding:17px 18px;background:#fff;border:1px solid #e1e8f2;border-radius:13px}.metric:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#4775ef;border-radius:13px 13px 0 0}.metric span{display:block;color:#748198;font-size:12px}.metric strong{display:block;margin-top:12px;font-size:28px;line-height:1;font-weight:800}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{margin:0;color:#17365d;font-size:19px}.section-heading span{color:#718097;font-size:12px}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signal{padding:14px;border:1px solid #e4e9f1;border-radius:11px;background:#fbfcfe}.signal header{display:flex;justify-content:space-between;color:#2a3c5a;font-size:12px}.bar{height:7px;margin:10px 0 6px;background:#edf1f6;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit}.signal small{color:#718097;font-size:11px}.case-card{border:1px solid #e4e9f1;border-radius:13px;background:#fff;overflow:hidden;margin-top:10px}.case-card summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}.case-card summary::-webkit-details-marker{display:none}.case-id{color:#2b3a55;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.case-title{flex:1;min-width:0;color:#172033;font-weight:650;overflow:hidden;text-overflow:ellipsis}.badge{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.chevron{color:#aab2bf}.case-body{padding:3px 16px 17px;border-top:1px solid #f0f3f7}.case-meta{margin-top:12px;padding:9px 11px;background:#f6f8fa;border-radius:8px;color:#667085;font-size:11px}.case-meta strong{margin-left:8px;color:#344054}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.case-grid>div{padding:11px 12px;border:1px solid #edf0f4;border-radius:9px;background:#fbfcfe}.case-grid h3{margin:0 0 5px;color:#667085;font-size:11px}.case-grid p,.case-grid ol{margin:0;color:#475467;font-size:13px}.case-grid ol{padding-left:20px}.muted{color:#98a2b3!important}.error-box{margin-top:13px;padding:11px 13px;border:1px solid #fda29b;border-radius:9px;background:#fef3f2;color:#b42318}.error-box strong{font-size:12px}.error-box p{margin:4px 0 0;white-space:pre-wrap;font-size:13px}.failure-list{display:grid;gap:9px}.failure-row{display:flex;align-items:baseline;gap:12px;padding:10px 12px;border-left:4px solid #d34661;border-radius:8px;background:#fff8f9;color:#475467;font-size:13px}.success-note{padding:11px 13px;border-radius:9px;background:#ecfdf3;color:#067647;font-size:13px}.finding-list{padding:11px 13px;border-radius:9px;background:#fffaeb;color:#946200;font-size:13px}.finding-list ol{margin:5px 0 0;padding-left:20px}@media(max-width:850px){.hero{display:block}.decision{margin-top:20px;min-width:0}.metrics{grid-template-columns:repeat(2,1fr)}.signal-grid,.case-grid{grid-template-columns:1fr}}@media(max-width:520px){main{padding:22px 14px 42px}.metrics{grid-template-columns:1fr}.case-card summary{flex-wrap:wrap}.case-title{order:3;flex-basis:100%}}
+
+.filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 16px}
+.filter-label{font-size:13px;color:#475467}
+.filter-btn{border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;font-size:13px}
+.filter-btn.active{background:#eff8ff;border-color:#84caff;color:#175cd3}
+.case-card[hidden]{display:none !important}
+</style></head><body><main>
+<header class="hero"><div><div class="eyebrow">FRONTEND TEST · EXECUTION VIEW</div><h1>前端功能测试报告</h1><p>基于本轮 frontend-test DAG 的真实用例结果生成；用例默认折叠，点击任意用例查看测试内容与失败分析。</p></div><div class="decision"><strong>${outcomeLabel}</strong><span>${failedCount > 0 ? `${failedCount} 条用例未通过` : `${result.totals.passed} 条用例全部执行成功`}</span></div></header>
+<section class="filter-bar" id="status-filter">
+  <span class="filter-label">按状态过滤</span>
+  <button type="button" class="filter-btn active" data-filter="all">全部</button>
+  <button type="button" class="filter-btn" data-filter="passed">通过</button>
+  <button type="button" class="filter-btn" data-filter="failed">失败</button>
+  <button type="button" class="filter-btn" data-filter="blocked">阻塞</button>
+</section>
+<section class="metrics">${writeMetric("用例总数", result.totals.cases)}${writeMetric("通过", result.totals.passed, "#067647")}${writeMetric("失败", result.totals.failed, result.totals.failed ? "#b42318" : "#172033")}${writeMetric("阻塞", result.totals.blocked, result.totals.blocked ? "#946200" : "#172033")}${writeMetric("通过率", `${passRate.toFixed(2)}%`, passRate === 100 ? "#067647" : "#b42318")}</section>
+<section class="panel"><div class="section-heading"><h2>质量信号</h2><span>需求覆盖与执行结果</span></div><div class="signal-grid"><div class="signal"><header><span>AC 验收覆盖</span><strong>${coverageRate.toFixed(2)}%</strong></header><div class="bar"><i style="width:${Math.min(coverageRate, 100)}%;background:${coverageRate >= 100 ? "#15815c" : "#4775ef"}"></i></div><small>${result.acceptanceCoverage.covered.length} / ${result.sourceBinding.requirementIds.length} · 目标 100%</small></div><div class="signal"><header><span>集成模式</span><strong>${result.integrationMode === "real" ? "真实联调" : "未联调"}</strong></header><div class="bar"><i style="width:${result.integrationMode === "real" ? 100 : 0}%;background:#15815c"></i></div><small>${result.integrationMode === "real" ? "已执行真实后端调用" : "本轮未证明真实后端已联通"}</small></div></div>${missingAc}</section>
+${failureOverview}<section class="panel"><div class="section-heading"><h2>用例执行明细</h2><span>共 ${result.cases.length} 条 · 点击展开</span></div>${caseCards || "<div class=muted>未发现可展示的用例。</div>"}</section>
+</main>
+<script>
+(function(){
+  var bar=document.getElementById('status-filter');
+  if(!bar) return;
+  bar.addEventListener('click', function(ev){
+    var btn=ev.target.closest('[data-filter]');
+    if(!btn) return;
+    var filter=btn.getAttribute('data-filter')||'all';
+    bar.querySelectorAll('.filter-btn').forEach(function(b){ b.classList.toggle('active', b===btn); });
+    document.querySelectorAll('.case-card[data-status]').forEach(function(card){
+      var st=card.getAttribute('data-status');
+      card.hidden = !(filter==='all' || st===filter);
+    });
+  });
+})();
+</script>
+</body></html>`;
     await writePairAtomic(markdownPath, markdown, htmlPath, html);
     return { markdownPath, htmlPath, outcome: result.outcome, caseCount: result.cases.length };
 }

package/dist/workflows/dag/frontend-test-result-contract.js

@@ -34,6 +34,9 @@ export const frontendTestResultContractSchema = z.object({
         status: caseStatusSchema,
         evidence: z.array(z.object({ path: safeRelativePathSchema, sha256: sha256Schema }).strict()),
         blockedReason: z.string().min(1).optional(),
+        rerunAttempt: z.number().int().nonnegative().optional(),
+        testPoints: z.array(z.string()).optional(),
+        executionSummary: z.string().optional(),
         caseContent: z.object({
             purpose: z.string(),
             preconditions: z.array(z.string()),