fix: make sentinel trend chart show duration

scripts/src/hwlab-node-web-sentinel-p5.ts

@@ -552,7 +552,7 @@ await page.evaluate(() => {
 await page.waitForTimeout(150);
 
 const trendHoverPoint = await page.evaluate(() => {
-  const target = document.querySelector(".trend-dot-hit .trend-dot-red") || document.querySelector(".trend-dot-hit .trend-dot-warning");
+  const target = document.querySelector(".trend-dot-hit .trend-dot-duration");
   if (!(target instanceof SVGElement)) return null;
   const rect = target.getBoundingClientRect();
   if (rect.width <= 0 || rect.height <= 0) return null;
@@ -600,17 +600,15 @@ const dom = await page.evaluate(async ({ expectedRoutePrefix, expectedSentinelId
   const legendTexts = Array.from(document.querySelectorAll(".trend-legend .legend-item")).map((item) => String(item.textContent || "").replace(/\s+/g, " ").trim());
   const legendNumber = (label) => {
     const row = legendTexts.find((item) => item.includes(label)) || "";
-    const match = /(\d+)/u.exec(row);
+    const match = /(\d+(?:\.\d+)?)/u.exec(row);
     return match ? Number(match[1]) : null;
   };
-  const chartCounts = {
-    error: legendNumber("最新点错误"),
-    warning: legendNumber("最新点告警"),
-    total: legendNumber("错误+告警合计"),
+  const chartTiming = {
+    latestMinutes: legendNumber("最新运行耗时"),
+    maxMinutes: legendNumber("最近最高耗时"),
+    title: text("#trend-heading"),
+    legendHasDuration: legendTexts.some((item) => item.includes("最新运行耗时")),
   };
-  chartCounts.ok = typeof chartCounts.error === "number" && typeof chartCounts.warning === "number" && typeof chartCounts.total === "number"
-    ? chartCounts.total === chartCounts.error + chartCounts.warning
-    : false;
   const apiUrl = (path) => {
     const basePath = root?.getAttribute("data-base-path") || expectedRoutePrefix || "";
     const prefix = basePath.replace(/\/+$/u, "");
@@ -769,10 +767,9 @@ const dom = await page.evaluate(async ({ expectedRoutePrefix, expectedSentinelId
     total: errorSampleCount(overviewCounts) + warningSampleCount(overviewCounts),
     allSamples: allSampleCount(overviewCounts),
   };
-  chartCounts.matchesLatestRun = chartCounts.ok === true
-    && chartCounts.error === latestRunCounts.error
-    && chartCounts.warning === latestRunCounts.warning
-    && chartCounts.total === latestRunCounts.total;
+  chartTiming.ok = chartTiming.title.includes("运行耗时") && chartTiming.legendHasDuration === true && Number.isFinite(chartTiming.latestMinutes);
+  chartTiming.matchesLatestRun = chartTiming.ok === true
+    && Math.abs(Number(chartTiming.latestMinutes) - Number(latestRunCounts.durationMinutes)) < 0.02;
   const trendPanel = document.querySelector(".trend-panel");
   const trendLegend = document.querySelector(".trend-panel .trend-legend");
   const trendPanelRect = trendPanel?.getBoundingClientRect();
@@ -870,7 +867,7 @@ const dom = await page.evaluate(async ({ expectedRoutePrefix, expectedSentinelId
     trendDotCount: document.querySelectorAll(".trend-dot-hit").length,
     trendTooltip: trendTooltipSummary,
     trendPanelText: text("#trend-heading"),
-    chartCounts,
+    chartTiming,
     latestRunCounts,
     latestDetailSummary,
     timingVisibility,
@@ -881,7 +878,7 @@ const dom = await page.evaluate(async ({ expectedRoutePrefix, expectedSentinelId
     overviewSamples,
     panelHeights,
     scopeLabels: {
-      latestPointLegend: legendTexts.some((item) => item.includes("最新点")),
+      latestPointLegend: legendTexts.some((item) => item.includes("最新运行耗时")),
       historicalSamples: legendTexts.some((item) => item.includes("历史样本累计")) || statusText.includes("历史错误样本"),
     },
     timelineItems: document.querySelectorAll(".timeline-list .timeline-item").length,
@@ -1067,8 +1064,8 @@ const ok = !navigationError
   && dom.sentinelBoundary?.routePrefixMatches === true
   && dom.errorVisible !== true
   && dom.trendCurve === true
-  && dom.chartCounts?.ok === true
-  && dom.chartCounts?.matchesLatestRun === true
+  && dom.chartTiming?.ok === true
+  && dom.chartTiming?.matchesLatestRun === true
   && dom.checkScope?.matchesLatestRun === true
   && dom.checkScope?.matchesRunDetail === true
   && dom.selectedRunTags?.matchesRunDetail === true
@@ -1533,7 +1530,7 @@ function renderDashboardResult(result: Record<string, unknown>): string {
   const dom = record(page.dom);
   const dataset = record(dom.dataset);
   const layout = record(dom.layout);
-  const chartCounts = record(dom.chartCounts);
+  const chartTiming = record(dom.chartTiming);
   const latestRunCounts = record(dom.latestRunCounts);
   const latestDetailSummary = record(dom.latestDetailSummary);
   const timingVisibility = record(dom.timingVisibility);
@@ -1570,12 +1567,11 @@ function renderDashboardResult(result: Record<string, unknown>): string {
     "",
     table(["TITLE", "STATUS_TEXT", "CONTRACT", "BASE_PATH"], [[dom.title, dom.statusText, dataset.contractVersion, dataset.basePath ?? "-"]]),
     "",
-    table(["TREND_ERR_TYPES", "TREND_ALERT_TYPES", "TREND_TOTAL_TYPES", "TREND_EXACT", "MATCH_LATEST", "BAD_TITLE", "BAD_BODY"], [[
-      chartCounts.error ?? "-",
-      chartCounts.warning ?? "-",
-      chartCounts.total ?? "-",
-      chartCounts.ok ?? "-",
-      chartCounts.matchesLatestRun ?? "-",
+    table(["TREND_LATEST_MIN", "TREND_MAX_MIN", "TREND_DURATION", "MATCH_LATEST", "BAD_TITLE", "BAD_BODY"], [[
+      chartTiming.latestMinutes ?? "-",
+      chartTiming.maxMinutes ?? "-",
+      chartTiming.ok ?? "-",
+      chartTiming.matchesLatestRun ?? "-",
       dom.badCardTitleCount ?? "-",
       dom.badCardBodyCount ?? "-",
     ]]),