@elench/testkit 0.1.78 → 0.1.79

package/lib/cli/presentation/colors.mjs

@@ -1,12 +1,21 @@
 import { createColors } from "picocolors";
+import figures from "figures";
 
 const pc = createColors(Boolean(process.stdout?.isTTY || process.env.FORCE_COLOR));
 
 export function colorStatus(status) {
-  if (status === "PASS") return pc.green(status);
-  if (status === "FAIL") return pc.red(status);
-  if (status === "SKIP") return pc.yellow(status);
-  if (status === "RUN") return pc.cyan(status);
+  if (status === "PASS") return pc.green(figures.tick);
+  if (status === "FAIL") return pc.red(figures.cross);
+  if (status === "SKIP") return pc.yellow(figures.arrowDown);
+  if (status === "RUN") return pc.cyan(figures.play);
+  return status;
+}
+
+export function statusLabel(status) {
+  if (status === "PASS") return pc.green(`${figures.tick} PASS`);
+  if (status === "FAIL") return pc.red(`${figures.cross} FAIL`);
+  if (status === "SKIP") return pc.yellow(`${figures.arrowDown} SKIP`);
+  if (status === "RUN") return pc.cyan(`${figures.play} RUN`);
   return status;
 }
 
@@ -18,6 +27,14 @@ export function bold(text) {
   return pc.bold(text);
 }
 
+export function boldRed(text) {
+  return pc.bold(pc.red(text));
+}
+
+export function red(text) {
+  return pc.red(text);
+}
+
 export function muted(text) {
   return pc.dim(text);
 }

package/lib/cli/presentation/discovery-reporter.mjs

@@ -5,13 +5,18 @@ import {
   colorDiagnosticSeverity,
   colorHeading,
   colorService,
-  colorStatus,
   colorTypeBadge,
   muted,
+  statusLabel,
 } from "./colors.mjs";
 
 const TYPE_ORDER = ["int", "e2e", "scenario", "dal", "load", "pw"];
 
+const TREE_BRANCH = "\u251C\u2500\u2500 ";
+const TREE_LAST = "\u2514\u2500\u2500 ";
+const TREE_PIPE = "\u2502   ";
+const TREE_SPACE = "    ";
+
 export function buildDiscoveryReportLines(result, options = {}) {
   const mode = options.outputMode || "compact";
   return mode === "verbose" ? buildVerboseLines(result) : buildCompactLines(result);
@@ -20,7 +25,7 @@ export function buildDiscoveryReportLines(result, options = {}) {
 function buildCompactLines(result) {
   const lines = [];
   lines.push(
-    `${colorHeading("Summary")} ${result.summary.files} files · ${result.summary.activeFiles} active · ${result.summary.skippedFiles} skipped · ${result.summary.suites} suites · ${result.summary.services} services`
+    `${colorHeading("Summary")} ${result.summary.files} files \u00B7 ${result.summary.activeFiles} active \u00B7 ${result.summary.skippedFiles} skipped \u00B7 ${result.summary.suites} suites \u00B7 ${result.summary.services} services`
   );
 
   if (result.history?.available) {
@@ -35,17 +40,33 @@ function buildCompactLines(result) {
   for (const service of result.services) {
     lines.push("");
     lines.push(
-      `${colorService(service.name)} ${muted(`(${service.fileCount} files${service.dependsOn.length > 0 ? ` · depends on ${service.dependsOn.join(", ")}` : ""})`)}`
+      `${colorService(service.name)} ${muted(`(${service.fileCount} files${service.dependsOn.length > 0 ? ` \u00B7 depends on ${service.dependsOn.join(", ")}` : ""})`)}`
     );
     const typeGroups = suitesByService.get(service.name) || new Map();
-    for (const type of orderedTypes([...typeGroups.keys()])) {
+    const types = orderedTypes([...typeGroups.keys()]);
+
+    for (let ti = 0; ti < types.length; ti++) {
+      const type = types[ti];
+      const isLastType = ti === types.length - 1;
+      const typeConnector = isLastType ? TREE_LAST : TREE_BRANCH;
+      const typePrefix = isLastType ? TREE_SPACE : TREE_PIPE;
       const suites = typeGroups.get(type) || [];
-      lines.push(`  ${colorTypeBadge(type.toUpperCase())} ${formatSelectionTypeLabel(type)}`);
-      for (const suite of suites) {
-        lines.push(`    ${bold(suite.groupLabel)} ${muted(`(${suite.fileCount} files)`)}`);
-        for (const file of filesBySuite.get(suite.id) || []) {
-          const status = file.skipped ? `${colorStatus("SKIP")} ${file.skipReason}` : muted(buildHistoryHint(file));
-          lines.push(`      ${file.displayName}${status ? `  ${status}` : ""}`);
+      lines.push(`${typeConnector}${colorTypeBadge(type.toUpperCase())} ${formatSelectionTypeLabel(type)}`);
+
+      for (let si = 0; si < suites.length; si++) {
+        const suite = suites[si];
+        const isLastSuite = si === suites.length - 1;
+        const suiteConnector = isLastSuite ? TREE_LAST : TREE_BRANCH;
+        const suitePrefix = isLastSuite ? TREE_SPACE : TREE_PIPE;
+        lines.push(`${typePrefix}${suiteConnector}${bold(suite.groupLabel)} ${muted(`(${suite.fileCount} files)`)}`);
+
+        const files = filesBySuite.get(suite.id) || [];
+        for (let fi = 0; fi < files.length; fi++) {
+          const file = files[fi];
+          const isLastFile = fi === files.length - 1;
+          const fileConnector = isLastFile ? TREE_LAST : TREE_BRANCH;
+          const status = file.skipped ? `${statusLabel("SKIP")} ${file.skipReason}` : muted(buildHistoryHint(file));
+          lines.push(`${typePrefix}${suitePrefix}${fileConnector}${file.displayName}${status ? `  ${status}` : ""}`);
         }
       }
     }
@@ -73,7 +94,7 @@ function buildVerboseLines(result) {
     if (service.dependsOn.length > 0) {
       lines.push(`  dependsOn ${service.dependsOn.join(", ")}`);
     }
-    lines.push(`  files ${service.fileCount} · active ${service.activeFileCount} · skipped ${service.skippedFileCount}`);
+    lines.push(`  files ${service.fileCount} \u00B7 active ${service.activeFileCount} \u00B7 skipped ${service.skippedFileCount}`);
 
     const suites = result.suites.filter((suite) => suite.service === service.name).sort(compareSuites);
     for (const suite of suites) {
@@ -162,5 +183,5 @@ function buildHistoryHint(file) {
     file.history.firstSeenAt ? `seen ${file.history.firstSeenAt.slice(0, 10)}` : null,
   ]
     .filter(Boolean)
-    .join(" · ");
+    .join(" \u00B7 ");
 }

package/lib/cli/presentation/run-reporter.mjs

@@ -1,15 +1,89 @@
 import path from "path";
+import figures from "figures";
 import {
   buildCompactRunSummaryLines,
   buildDebugRunSummaryLines,
   formatDuration,
 } from "../../runner/formatting.mjs";
-import { colorSectionLine, colorStatus, dim } from "./colors.mjs";
+import { boldRed, colorSectionLine, dim, red, statusLabel } from "./colors.mjs";
+
+const ANSI_RE = /\x1b\[[0-9;]*m/g;
+const DURATION_RE = /\b(\d+m\s+\d+s|\d+s)\b/g;
+
+function stripAnsi(text) {
+  return text.replace(ANSI_RE, "");
+}
+
+function boxLines(lines) {
+  const nonEmpty = lines.filter((l) => stripAnsi(l).trim().length > 0);
+  if (nonEmpty.length === 0) return lines;
+  const maxWidth = lines.reduce((max, l) => Math.max(max, stripAnsi(l).length), 0);
+  const pad = 1;
+  const innerWidth = maxWidth + pad * 2;
+  const top = `${figures.lineDownRight}${figures.line.repeat(innerWidth)}${figures.lineDownLeft}`;
+  const bottom = `${figures.lineUpRight}${figures.line.repeat(innerWidth)}${figures.lineUpLeft}`;
+  const boxed = [top];
+  for (const line of lines) {
+    const visible = stripAnsi(line).length;
+    const right = innerWidth - pad - visible;
+    boxed.push(`${figures.lineVertical}${" ".repeat(pad)}${line}${" ".repeat(Math.max(0, right))}${figures.lineVertical}`);
+  }
+  boxed.push(bottom);
+  return boxed;
+}
+
+function colorFailureSummaryLines(lines) {
+  const result = [];
+  let inFailuresSection = false;
+  let lastWasFilePath = false;
+  for (const line of lines) {
+    const raw = stripAnsi(line);
+    if (raw === "Failures:" || raw === "Runtime Errors:") {
+      inFailuresSection = true;
+      lastWasFilePath = false;
+      result.push(line);
+      continue;
+    }
+    if (/^(Summary:|Result:|Known-failure|Triage:)/.test(raw) || raw === "") {
+      inFailuresSection = false;
+      lastWasFilePath = false;
+    }
+    if (inFailuresSection) {
+      if (/^ {2}\S/.test(raw)) {
+        lastWasFilePath = true;
+        result.push(boldRed(raw));
+        continue;
+      }
+      if (/^ {4}\S/.test(raw)) {
+        if (lastWasFilePath) {
+          lastWasFilePath = false;
+          result.push(boldRed(raw));
+        } else {
+          result.push(red(raw));
+        }
+        continue;
+      }
+    }
+    lastWasFilePath = false;
+    result.push(line);
+  }
+  return result;
+}
+
+function dimDurations(line) {
+  return line.replace(DURATION_RE, (match) => dim(match));
+}
 
 export function createRunReporter({ outputMode = "compact", stdout = process.stdout, stderr = process.stderr } = {}) {
   const mode = outputMode || "compact";
+  let completedCount = 0;
+  let totalFileCount = 0;
+
   return {
     outputMode: mode,
+    setTotalFileCount(count) {
+      totalFileCount = count;
+    },
     writeLine(line = "") {
       stdout.write(`${line}\n`);
     },
@@ -34,7 +108,7 @@ export function createRunReporter({ outputMode = "compact", stdout = process.std
       if (operation.status === "failed") {
         const detail = shortenMessage(operation.error || operation.summary || operation.stage);
         stdout.write(
-          `${colorStatus("FAIL")} ${"SETUP"} ${operation.serviceName} ${operation.stage} ${dim(duration)} ${detail}\n`
+          `${statusLabel("FAIL")} ${"SETUP"} ${operation.serviceName} ${operation.stage} ${dim(duration)} ${boldRed(detail)}\n`
         );
         return;
       }
@@ -44,7 +118,7 @@ export function createRunReporter({ outputMode = "compact", stdout = process.std
         (operation.durationMs || 0) >= 5_000
       ) {
         const summary = shortenMessage(operation.summary || operation.stage);
-        stdout.write(`${colorStatus("RUN")} ${"SETUP"} ${operation.serviceName} ${summary} ${dim(duration)}\n`);
+        stdout.write(`${statusLabel("RUN")} ${"SETUP"} ${operation.serviceName} ${summary} ${dim(duration)}\n`);
       }
     },
     localServiceStarting(config, command) {
@@ -52,19 +126,20 @@ export function createRunReporter({ outputMode = "compact", stdout = process.std
       stdout.write(`Starting ${config.runtimeLabel}:${config.name}: ${command}\n`);
     },
     serviceSkipped(config, reason) {
-      stdout.write(`${colorStatus("SKIP")} ${config.name} ${reason}\n`);
+      stdout.write(`${statusLabel("SKIP")} ${config.name} ${reason}\n`);
     },
     plannedSkip(entry) {
       stdout.write(
-        `${colorStatus("SKIP")} ${entry.serviceName} ${entry.type} ${normalizePath(entry.file)} ${dim("0s")} ${shortenMessage(entry.reason || "skipped")}\n`
+        `${statusLabel("SKIP")} ${entry.serviceName} ${entry.type} ${normalizePath(entry.file)} ${dim("0s")} ${shortenMessage(entry.reason || "skipped")}\n`
       );
     },
     taskStarted(task, targetConfig) {
       if (mode !== "debug") return;
-      stdout.write(`${colorStatus("RUN").padEnd(12)} ${targetConfig.name} ${task.type} ${task.file}\n`);
+      stdout.write(`${statusLabel("RUN")} ${targetConfig.name} ${task.type} ${task.file}\n`);
     },
     taskFinished(task, outcome) {
       if (mode === "json") return;
+      completedCount += 1;
       const status = outcome.status === "skipped" ? "SKIP" : outcome.failed ? "FAIL" : "PASS";
       const duration = formatDuration(outcome.durationMs || 0);
       const primaryFailure = firstFailureDetail(outcome);
@@ -72,12 +147,13 @@ export function createRunReporter({ outputMode = "compact", stdout = process.std
         primaryFailure && isThresholdWrapperMessage(outcome.error) ? primaryFailure : outcome.error || primaryFailure;
       const detail =
         status === "FAIL"
-          ? ` ${shortenMessage(preferredFailure || "failed")}`
+          ? ` ${boldRed(shortenMessage(preferredFailure || "failed"))}`
           : outcome.status === "not_run"
-            ? ` ${shortenMessage(outcome.reason || "not run")}`
+            ? ` ${dim(shortenMessage(outcome.reason || "not run"))}`
             : "";
+      const progress = mode === "compact" && totalFileCount > 0 ? `${dim(`[${completedCount}/${totalFileCount}]`)} ` : "";
       stdout.write(
-        `${colorStatus(status)} ${task.serviceName} ${displayTaskType(task)} ${normalizePath(task.file)} ${dim(duration)}${detail}\n`
+        `${progress}${statusLabel(status)} ${task.serviceName} ${displayTaskType(task)} ${normalizePath(task.file)} ${dim(duration)}${detail}\n`
       );
     },
     telemetry(message) {
@@ -89,7 +165,11 @@ export function createRunReporter({ outputMode = "compact", stdout = process.std
         mode === "debug"
           ? buildDebugRunSummaryLines(results, durationMs, knownFailureIssueValidation)
           : buildCompactRunSummaryLines(results, durationMs, knownFailureIssueValidation);
-      for (const line of lines) stdout.write(`${colorSectionLine(line)}\n`);
+      const colored = colorFailureSummaryLines(lines.map((line) => colorSectionLine(line)));
+      const dimmed = colored.map((line) => dimDurations(line));
+      const boxed = boxLines(dimmed);
+      stdout.write("\n");
+      for (const line of boxed) stdout.write(`${line}\n`);
     },
     error(message) {
       stderr.write(`${message}\n`);

package/lib/cli/presentation/run-reporter.test.mjs

@@ -1,4 +1,5 @@
 import { Writable } from "stream";
+import figures from "figures";
 import { describe, expect, it } from "vitest";
 import { createRunReporter } from "./run-reporter.mjs";
 
@@ -24,7 +25,7 @@ describe("run reporter setup output", () => {
       durationMs: 8_000,
     });
 
-    expect(stdout).toContain("RUN SETUP api template rebuild");
+    expect(stdout).toContain(`${figures.play} RUN SETUP api template rebuild`);
     expect(stdout).toContain("8s");
   });
 
@@ -74,7 +75,7 @@ describe("run reporter setup output", () => {
       error: "Command failed with exit code 1: node scripts/fail-prepare.mjs",
     });
 
-    expect(stdout).toContain("FAIL SETUP api runtime:prepare");
+    expect(stdout).toContain(`${figures.cross} FAIL SETUP api runtime:prepare`);
     expect(stdout).toContain("Command failed with exit code 1");
   });
 });

package/lib/runner/orchestrator.mjs

@@ -121,6 +121,7 @@ export async function runAll(configs, typeValues, suiteSelectors, opts, allConfi
       const timings = loadTimings(productDir);
       const graphs = buildRuntimeGraphs(executedPlans);
       const queue = buildTaskQueue(executedPlans, graphs, timings);
+      reporter?.setTotalFileCount?.(queue.length);
       for (const task of queue) {
         task.scenarioSeed = opts.scenarioSeed || null;
       }

package/node_modules/@elench/next-analysis/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elench/next-analysis",
-  "version": "0.1.78",
+  "version": "0.1.79",
   "description": "SWC-backed Next.js source analysis primitives for Erench tools",
   "type": "module",
   "exports": {

package/node_modules/@elench/testkit-bridge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elench/testkit-bridge",
-  "version": "0.1.78",
+  "version": "0.1.79",
   "description": "Browser bridge helpers for testkit",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,7 +22,7 @@
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@elench/testkit-protocol": "0.1.78"
+    "@elench/testkit-protocol": "0.1.79"
   },
   "private": false
 }

package/node_modules/@elench/testkit-protocol/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elench/testkit-protocol",
-  "version": "0.1.78",
+  "version": "0.1.79",
   "description": "Shared browser protocol for testkit bridge and extension consumers",
   "type": "module",
   "main": "./dist/index.js",

package/node_modules/@elench/ts-analysis/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elench/ts-analysis",
-  "version": "0.1.78",
+  "version": "0.1.79",
   "description": "TypeScript compiler-backed source analysis primitives for Erench tools",
   "type": "module",
   "exports": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elench/testkit",
-  "version": "0.1.78",
+  "version": "0.1.79",
   "description": "CLI for discovering and running local HTTP, DAL, and Playwright test suites",
   "type": "module",
   "workspaces": [
@@ -81,13 +81,14 @@
   },
   "dependencies": {
     "@babel/code-frame": "^7.29.0",
-    "@elench/next-analysis": "0.1.78",
-    "@elench/testkit-bridge": "0.1.78",
-    "@elench/testkit-protocol": "0.1.78",
-    "@elench/ts-analysis": "0.1.78",
+    "@elench/next-analysis": "0.1.79",
+    "@elench/testkit-bridge": "0.1.79",
+    "@elench/testkit-protocol": "0.1.79",
+    "@elench/ts-analysis": "0.1.79",
     "@oclif/core": "^4.10.6",
     "esbuild": "^0.25.11",
     "execa": "^9.5.0",
+    "figures": "^6.1.0",
     "ink": "^7.0.1",
     "picocolors": "^1.1.1",
     "react": "^19.2.5",