@monoes/monobrowse 1.0.12 → 1.0.13

package/dist/src/report/render-evidence.js

@@ -0,0 +1,174 @@
+/**
+ * Report sections for the recorded evidence timeline (RIG-11) and the flake
+ * analysis (RIG-14).
+ *
+ * The evidence section is written to be read the way someone triages a bug:
+ * a filmstrip of what the page looked like either side of the failure, then
+ * one time-ordered list mixing frames, console output and network failures,
+ * so "the error fired, then the screen went blank" is visible rather than
+ * inferred.
+ */
+import { escapeHtml } from './util.js';
+export const EVIDENCE_STYLES = `
+.filmstrip{display:flex;gap:10px;overflow-x:auto;padding:4px 0 10px;margin:0 0 8px}
+.filmstrip figure{flex:0 0 auto;width:180px;margin:0}
+.filmstrip img{width:180px;height:auto;border-radius:6px}
+.filmstrip figcaption{font-variant-numeric:tabular-nums}
+.filmstrip figure.focus img{border-color:var(--fail);border-width:2px}
+.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);
+  margin-left:8px}
+.timeline li{position:relative;padding:6px 0 6px 18px;font-size:13px}
+.timeline li::before{content:"";position:absolute;left:-5px;top:12px;width:8px;height:8px;
+  border-radius:50%;background:var(--muted)}
+.timeline li.error::before{background:var(--fail)}
+.timeline li.warning::before{background:var(--warn)}
+.timeline li.marker{font-weight:600;color:var(--fail)}
+.timeline .at{display:inline-block;min-width:66px;color:var(--muted);
+  font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
+.verdict.flaky{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}
+.rate{display:inline-block;min-width:72px}
+.bar{display:inline-block;width:80px;height:8px;border-radius:4px;background:var(--pass);
+  overflow:hidden;vertical-align:middle}
+.bar i{display:block;height:100%;background:var(--fail)}
+`.trim();
+function at(offsetMs) {
+    const sign = offsetMs < 0 ? '−' : '+';
+    const abs = Math.abs(offsetMs);
+    return abs >= 1000 ? `${sign}${(abs / 1000).toFixed(2)}s` : `${sign}${Math.round(abs)}ms`;
+}
+// ---------------------------------------------------------------------------
+// Evidence
+// ---------------------------------------------------------------------------
+function renderFilmstrip(evidence) {
+    if (!evidence.frames.length)
+        return '';
+    // Mark the frame closest to the failure so the eye lands on it first.
+    let focusIndex = -1;
+    if (evidence.focusOffsetMs !== null) {
+        let best = Infinity;
+        evidence.frames.forEach((f, i) => {
+            const d = Math.abs(f.offsetMs - evidence.focusOffsetMs);
+            if (d < best) {
+                best = d;
+                focusIndex = i;
+            }
+        });
+    }
+    const figures = evidence.frames
+        .map((f, i) => `<figure class="${i === focusIndex ? 'focus' : ''}">
+      <figcaption>${escapeHtml(at(f.offsetMs))}${i === focusIndex ? ' · at failure' : ''}</figcaption>
+      <img alt="${escapeHtml(`Frame at ${at(f.offsetMs)}`)}" src="${escapeHtml(f.dataUrl)}">
+    </figure>`)
+        .join('');
+    return `<div class="filmstrip">${figures}</div>`;
+}
+function renderTimelineRows(timeline) {
+    if (!timeline.length)
+        return '<p class="empty">Nothing was recorded for this run.</p>';
+    const rows = timeline
+        .map((e) => {
+        const detail = e.detail ? ` — ${escapeHtml(e.detail)}` : '';
+        const frame = e.kind === 'frame' && e.frameIndex !== undefined
+            ? ` <span style="color:var(--muted)">#${e.frameIndex + 1}</span>`
+            : '';
+        return `<li class="${e.severity}${e.kind === 'marker' ? ' marker' : ''}">
+        <span class="at">${escapeHtml(at(e.offsetMs))}</span>${escapeHtml(e.label)}${frame}${detail}
+      </li>`;
+    })
+        .join('');
+    return `<ul class="timeline">${rows}</ul>`;
+}
+export function renderEvidence(evidence) {
+    if (!evidence)
+        return '';
+    const why = evidence.reason === 'budget-failure'
+        ? 'Recorded because this run breached its budget.'
+        : 'Recorded because --record was passed.';
+    const focus = evidence.focusOffsetMs !== null
+        ? ` The timeline is centred on the first failure, at ${at(evidence.focusOffsetMs)} into the run.`
+        : '';
+    const notes = evidence.notes.length
+        ? `<p class="note">${evidence.notes.map((n) => escapeHtml(n)).join(' ')}</p>`
+        : '';
+    return `<h2>Evidence</h2>
+<p class="note">${escapeHtml(why)}${escapeHtml(focus)} Offsets are measured from the start of the run.</p>
+${renderFilmstrip(evidence)}
+${renderTimelineRows(evidence.timeline)}
+${notes}`;
+}
+// ---------------------------------------------------------------------------
+// Flake
+// ---------------------------------------------------------------------------
+function rateBar(check) {
+    const pct = Math.round(check.flakeRate * 100);
+    return `<span class="bar" role="img" aria-label="${escapeHtml(`failed ${pct}% of runs`)}"><i style="width:${pct}%"></i></span>`;
+}
+function renderChecks(flake) {
+    const rows = flake.checks
+        // Unstable checks first: they are the reason this section exists.
+        .sort((a, b) => Number(a.stable) - Number(b.stable) || b.flakeRate - a.flakeRate)
+        .map((c) => `<tr>
+      <td>${escapeHtml(c.label)}</td>
+      <td class="num mono"><span class="rate">${c.passed} of ${c.runs} passed</span></td>
+      <td>${rateBar(c)}</td>
+      <td>${c.stable ? (c.failed ? '<span class="pill error">always fails</span>' : '<span class="pill good">stable</span>') : '<span class="pill warning">flaky</span>'}</td>
+      <td class="wrap mono">${escapeHtml(c.actuals.join(', '))}</td>
+    </tr>`)
+        .join('');
+    return `<table><thead><tr><th>Check</th><th>Outcome</th><th>Failure rate</th><th></th><th>Measured each run</th></tr></thead>
+  <tbody>${rows}</tbody></table>`;
+}
+function renderSignals(flake) {
+    if (!flake.signals.length) {
+        return '<p class="empty">No error or failed request came and went between runs.</p>';
+    }
+    const rows = flake.signals
+        .slice(0, 30)
+        .map((s) => `<tr>
+      <td>${escapeHtml(s.kind)}</td>
+      <td class="wrap">${escapeHtml(s.signature)}</td>
+      <td class="num mono">${s.runs} of ${s.total}</td>
+    </tr>`)
+        .join('');
+    return `<table><thead><tr><th>Kind</th><th>Signal</th><th>Appeared in</th></tr></thead><tbody>${rows}</tbody></table>
+  <p class="note">Ids, hashes and long numbers are normalised before grouping, so one intermittent error is one row rather than N.</p>`;
+}
+function renderMetricSpread(flake) {
+    if (!flake.metrics.length)
+        return '';
+    const rows = flake.metrics
+        .map((m) => {
+        const fmt = (v) => m.unit === 'score'
+            ? v.toFixed(3)
+            : v >= 1000
+                ? `${(v / 1000).toFixed(2)}s`
+                : `${Math.round(v)}ms`;
+        return `<tr>
+        <td><b>${escapeHtml(m.label)}</b></td>
+        <td class="num mono">${escapeHtml(fmt(m.min))} – ${escapeHtml(fmt(m.max))}</td>
+        <td class="num mono">${escapeHtml(fmt(m.median))}</td>
+        <td class="num mono">${escapeHtml(fmt(m.spread))}</td>
+        <td>${m.unstable ? '<span class="pill warning">varies widely</span>' : '<span class="pill good">consistent</span>'}</td>
+        <td class="num mono">${m.measured} of ${m.total}</td>
+      </tr>`;
+    })
+        .join('');
+    return `<h3 style="font-size:13px;color:var(--muted);margin:24px 0 8px">Metric spread</h3>
+  <table><thead><tr><th>Metric</th><th>Range</th><th>Median</th><th>Spread</th><th></th><th>Measured</th></tr></thead>
+  <tbody>${rows}</tbody></table>`;
+}
+export function renderFlake(flake) {
+    if (!flake)
+        return '';
+    return `<h2>Repeatability — ${flake.runs} runs</h2>
+<section class="verdict ${flake.verdict === 'pass' ? 'pass' : flake.verdict === 'fail' ? 'fail' : 'flaky'}">
+  <div class="tag">${flake.verdict.toUpperCase()}</div>
+  <div class="line">${escapeHtml(flake.headline)}</div>
+</section>
+<p class="note"><b>Confidence: ${escapeHtml(flake.confidence)}.</b> ${escapeHtml(flake.confidenceNote)}</p>
+${renderChecks(flake)}
+<h3 style="font-size:13px;color:var(--muted);margin:24px 0 8px">Intermittent errors and requests</h3>
+${renderSignals(flake)}
+${renderMetricSpread(flake)}`;
+}
+//# sourceMappingURL=render-evidence.js.map

package/dist/src/report/render-evidence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-evidence.js","sourceRoot":"","sources":["../../../src/report/render-evidence.ts"],"names":[],"mappings":"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"}

package/dist/src/report/render-trend.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Report sections for the trend (RIG-13) and the run-to-run diff (RIG-10).
+ *
+ * Kept separate from render.ts purely for size. Same rules apply: no external
+ * resources, so the sparklines are hand-written inline SVG rather than a
+ * charting library, and the diff image is a `data:` URI.
+ *
+ * The design goal for the trend is legibility at a glance — the point of the
+ * feature is catching decay nobody noticed, which only works if the reader
+ * sees it without going looking.
+ */
+import type { RunDiff, TrendReport } from './types.js';
+export declare const TREND_STYLES: string;
+export declare function renderTrend(trend: TrendReport | undefined): string;
+export declare function renderDiff(diff: RunDiff | undefined): string;
+//# sourceMappingURL=render-trend.d.ts.map

package/dist/src/report/render-trend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-trend.d.ts","sourceRoot":"","sources":["../../../src/report/render-trend.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,OAAO,EAAgC,WAAW,EAAe,MAAM,YAAY,CAAC;AAMlG,eAAO,MAAM,YAAY,QAkBjB,CAAC;AAyCT,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAyClE;AAsFD,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAmB5D"}

package/dist/src/report/render-trend.js

@@ -0,0 +1,194 @@
+/**
+ * Report sections for the trend (RIG-13) and the run-to-run diff (RIG-10).
+ *
+ * Kept separate from render.ts purely for size. Same rules apply: no external
+ * resources, so the sparklines are hand-written inline SVG rather than a
+ * charting library, and the diff image is a `data:` URI.
+ *
+ * The design goal for the trend is legibility at a glance — the point of the
+ * feature is catching decay nobody noticed, which only works if the reader
+ * sees it without going looking.
+ */
+import { formatTrendDelta, formatTrendValue } from './trend.js';
+import { escapeHtml } from './util.js';
+/** Rows shown per diff category before the tail is summarised. */
+const MAX_DIFF_ROWS = 20;
+export const TREND_STYLES = `
+.headlines{background:var(--warn-bg);border:1px solid var(--warn);color:var(--warn);
+  border-radius:10px;padding:12px 16px;margin:0 0 16px}
+.headlines p{margin:0 0 6px;font-size:14px}
+.headlines p:last-child{margin-bottom:0}
+.spark{display:block}
+.spark .line{fill:none;stroke:var(--muted);stroke-width:1.5}
+.spark .dot{fill:var(--ink)}
+.dir{font-weight:600}
+.dir.regressed{color:var(--fail)}
+.dir.improved{color:var(--pass)}
+.dir.flat,.dir.new{color:var(--muted)}
+.verdictstrip{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 16px;padding:0;list-style:none}
+.verdictstrip li{width:13px;height:13px;border-radius:3px;background:var(--pass)}
+.verdictstrip li.fail{background:var(--fail)}
+.difftag{display:inline-block;margin:0 8px 8px 0;padding:4px 10px;border-radius:999px;
+  font-size:12px;background:var(--panel);border:1px solid var(--line)}
+.difftag b{font-variant-numeric:tabular-nums}
+`.trim();
+// ---------------------------------------------------------------------------
+// Trend
+// ---------------------------------------------------------------------------
+/**
+ * A sparkline as inline SVG. Flat series are drawn down the middle rather
+ * than at y=0, which is what a naive min/max scale does when every value is
+ * identical and it reads as a cliff.
+ */
+function sparkline(series) {
+    const values = series.points.map((p) => p.value).filter((v) => v !== null);
+    if (values.length < 2)
+        return '<span style="color:var(--muted)">—</span>';
+    const width = 120;
+    const height = 24;
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    const span = max - min;
+    const x = (i) => (i / (values.length - 1)) * (width - 4) + 2;
+    const y = (v) => span === 0 ? height / 2 : height - 2 - ((v - min) / span) * (height - 4);
+    const points = values.map((v, i) => `${x(i).toFixed(1)},${y(v).toFixed(1)}`).join(' ');
+    const lastX = x(values.length - 1).toFixed(1);
+    const lastY = y(values[values.length - 1]).toFixed(1);
+    const label = `${series.label} over ${values.length} runs, ${formatTrendValue(series.unit, min)} to ${formatTrendValue(series.unit, max)}`;
+    return `<svg class="spark" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" role="img" aria-label="${escapeHtml(label)}">
+    <polyline class="line" points="${points}"/>
+    <circle class="dot" cx="${lastX}" cy="${lastY}" r="2.5"/>
+  </svg>`;
+}
+const DIRECTION_WORD = {
+    regressed: 'worse',
+    improved: 'better',
+    flat: 'steady',
+    new: 'first',
+};
+export function renderTrend(trend) {
+    if (!trend)
+        return '';
+    if (trend.runs === 0) {
+        return `<h2>Trend</h2><p class="empty">First recorded run for this URL — from the next run on, this section compares against it.</p>`;
+    }
+    const headlines = trend.headlines.length
+        ? `<div class="headlines">${trend.headlines.map((h) => `<p>${escapeHtml(h)}</p>`).join('')}</div>`
+        : '';
+    const strip = `<ul class="verdictstrip" aria-label="Verdict per run, oldest first">${trend.verdictHistory
+        .map((v) => `<li class="${v.verdict}" title="${escapeHtml(`${v.capturedAt}: ${v.verdict}`)}"></li>`)
+        .join('')}</ul>`;
+    // A series nobody has ever measured is noise, not an absent trend.
+    const rows = trend.series
+        .filter((s) => s.points.some((p) => p.value !== null))
+        .map((s) => `<tr>
+        <td><b>${escapeHtml(s.label)}</b></td>
+        <td class="num mono">${escapeHtml(formatTrendValue(s.unit, s.previous))}</td>
+        <td class="num mono">${escapeHtml(formatTrendValue(s.unit, s.current))}</td>
+        <td class="num mono"><span class="dir ${s.direction}">${escapeHtml(formatTrendDelta(s.unit, s.deltaFromPrevious))}</span></td>
+        <td class="num mono">${escapeHtml(formatTrendDelta(s.unit, s.deltaFromOldest))}</td>
+        <td><span class="dir ${s.direction}">${DIRECTION_WORD[s.direction]}</span></td>
+        <td>${sparkline(s)}</td>
+      </tr>`)
+        .join('');
+    return `<h2>Trend — this run against the previous ${trend.runs}</h2>
+${headlines}
+${strip}
+<table><thead><tr>
+  <th>Metric</th><th>Last run</th><th>This run</th><th>vs last</th>
+  <th>vs ${trend.runs} runs ago</th><th>Direction</th><th>History</th>
+</tr></thead><tbody>${rows}</tbody></table>
+<p class="note">Window starts ${escapeHtml(trend.windowFrom ?? 'unknown')}. Every metric here is lower-is-better, so a positive delta is a regression.</p>`;
+}
+// ---------------------------------------------------------------------------
+// Diff
+// ---------------------------------------------------------------------------
+function nodeRows(nodes, kind) {
+    const shown = nodes.slice(0, MAX_DIFF_ROWS);
+    const rows = shown
+        .map((n) => `<tr>
+      <td>${escapeHtml(kind)}</td>
+      <td>${escapeHtml(n.role)}</td>
+      <td>${n.name ? escapeHtml(n.name) : '<span style="color:var(--muted)">(no accessible name)</span>'}</td>
+      <td class="wrap mono">${escapeHtml(n.path)}</td>
+    </tr>`)
+        .join('');
+    const rest = nodes.length - shown.length;
+    return rest > 0
+        ? `${rows}<tr><td colspan="4" style="color:var(--muted)">…and ${rest} more ${escapeHtml(kind)}</td></tr>`
+        : rows;
+}
+function renderStructure(diff) {
+    const tags = [
+        `<span class="difftag"><b>${diff.gained.length}</b> gained</span>`,
+        `<span class="difftag"><b>${diff.lost.length}</b> lost</span>`,
+        `<span class="difftag"><b>${diff.renamed.length}</b> renamed</span>`,
+        `<span class="difftag"><b>${diff.moved.length}</b> moved</span>`,
+        `<span class="difftag"><b>${diff.unchanged}</b> unchanged</span>`,
+    ].join('');
+    if (diff.changed === 0 && diff.moved.length === 0) {
+        return `${tags}<p class="empty">The accessibility tree is identical to the previous run.</p>`;
+    }
+    const renamedRows = diff.renamed
+        .slice(0, MAX_DIFF_ROWS)
+        .map((r) => `<tr>
+      <td>renamed</td>
+      <td>${escapeHtml(r.role)}</td>
+      <td>${escapeHtml(r.from ?? '(none)')} → <b>${escapeHtml(r.to ?? '(none)')}</b></td>
+      <td class="wrap mono">${escapeHtml(r.path)}</td>
+    </tr>`)
+        .join('');
+    const body = `${nodeRows(diff.gained, 'gained')}${nodeRows(diff.lost, 'lost')}${renamedRows}`;
+    return `${tags}
+<table><thead><tr><th>Change</th><th>Role</th><th>Accessible name</th><th>Path</th></tr></thead>
+<tbody>${body}</tbody></table>
+<p class="note">Compared on the accessibility tree, not the DOM: a restyled class name is invisible here, while a control losing its label is not. Elements that only moved are counted but not listed.</p>`;
+}
+function renderPixels(diff) {
+    if (!diff.comparable)
+        return `<p class="empty">${escapeHtml(diff.note ?? 'Pixel diff unavailable.')}</p>`;
+    const pct = diff.changedPercent === 0
+        ? '0'
+        : diff.changedPercent < 0.01
+            ? '<0.01'
+            : diff.changedPercent.toFixed(2);
+    const size = diff.sizeChanged
+        ? `<span class="difftag">size <b>${diff.previousSize?.width}×${diff.previousSize?.height}</b> → <b>${diff.currentSize?.width}×${diff.currentSize?.height}</b></span>`
+        : '';
+    const tags = `<span class="difftag"><b>${pct}%</b> of pixels changed</span>
+    <span class="difftag"><b>${diff.changedPixels.toLocaleString('en-US')}</b> of ${diff.totalPixels.toLocaleString('en-US')} pixels</span>${size}`;
+    if (!diff.diffDataUrl) {
+        return `${tags}<p class="empty">The screenshots are pixel-identical.</p>`;
+    }
+    const scaled = diff.scale
+        ? ` Shown at 1/${diff.scale} scale; a change smaller than one output pixel is still marked.`
+        : '';
+    return `${tags}
+<figure>
+  <figcaption>Changed pixels in magenta, over this run's screenshot.${escapeHtml(scaled)}</figcaption>
+  <img alt="Pixel differences against the previous run" src="${escapeHtml(diff.diffDataUrl)}">
+</figure>
+<p class="note">Per-channel tolerance is applied before counting, so anti-aliasing and font-hinting jitter do not register as change.</p>`;
+}
+export function renderDiff(diff) {
+    if (!diff)
+        return '';
+    const notes = diff.notes.length
+        ? `<p class="note">${diff.notes.map((n) => escapeHtml(n)).join(' ')}</p>`
+        : '';
+    const structure = diff.structure
+        ? `<h3 style="font-size:13px;color:var(--muted);margin:20px 0 8px">Structure</h3>${renderStructure(diff.structure)}`
+        : '';
+    const pixels = diff.pixels
+        ? `<h3 style="font-size:13px;color:var(--muted);margin:24px 0 8px">Pixels</h3>${renderPixels(diff.pixels)}`
+        : '';
+    if (!structure && !pixels) {
+        return `<h2>Changes since the previous run</h2>${notes || '<p class="empty">Nothing could be compared against the previous run.</p>'}`;
+    }
+    return `<h2>Changes since the previous run</h2>
+<p class="note">Compared against the run of ${escapeHtml(diff.previousCapturedAt)}.</p>
+${structure}
+${pixels}
+${notes}`;
+}
+//# sourceMappingURL=render-trend.js.map

package/dist/src/report/render-trend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-trend.js","sourceRoot":"","sources":["../../../src/report/render-trend.ts"],"names":[],"mappings":"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"}

package/dist/src/report/render.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Renders a Report as ONE self-contained HTML file: CSS inline, screenshots
+ * as `data:` URIs, no fonts, no CDN, no network access of any kind at view
+ * time. That is not a stylistic preference — it is what lets monomind's
+ * document pipeline ingest the file as an ordinary document, so test history
+ * becomes searchable, and what lets the report be mailed or archived and
+ * still render years later.
+ *
+ * Reading order matches how you triage: verdict, errors, failed requests,
+ * vitals, accessibility, screenshots.
+ */
+import type { FlakeReport } from './flake.js';
+import type { Report } from './types.js';
+import { escapeHtml } from './util.js';
+export { escapeHtml };
+export interface RenderOptions {
+    /** Present when the report came from `--repeat` (RIG-14). */
+    flake?: FlakeReport;
+}
+export declare function renderHtml(report: Report, options?: RenderOptions): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/src/report/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/report/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,OAAO,KAAK,EAAe,MAAM,EAA4B,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,CAAC;AA6OtB,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAoD9E"}