@schwabyio/gta 0.14.2 → 0.14.4

package/dist/SPEC.md

@@ -1,6 +1,6 @@
 # The Gravity file format
 
-Version 0.14.2, the version of Gravity and `gta` that reads it: the two are released
+Version 0.14.4, the version of Gravity and `gta` that reads it: the two are released
 together.
 
 This document specifies the YAML files that **Gravity**, the desktop app, and **`gta`**,

package/dist/gta.js

@@ -367,7 +367,7 @@ function summaryPage(run2) {
   const rows = run2.collections.map((c, i) => {
     const t = c.tally;
     const status = statuses[i];
-    return `<tr class="s-${status}" data-status="${status}" data-search="${escape(c.id.toLowerCase())}"><td class="r n">${i + 1}</td><td class="name"><a href="${escape(encodeURI(pageOf(c.id)))}">${escape(c.id)}</a></td><td class="r">${duration(c.durationMs)}</td><td class="r gs">${t.steps.total}</td><td class="r">${num(t.steps.passed)}</td><td class="r">${num(t.steps.failed, true)}</td><td class="r">${num(t.steps.errored, true)}</td><td class="r">${num(t.steps.skipped)}</td><td class="r gs">${t.assertions.total}</td><td class="r">${num(t.assertions.passed)}</td><td class="r">${num(t.assertions.failed, true)}</td><td class="gs">${pill(status)}</td></tr>`;
+    return `<tr class="s-${status}" data-status="${status}" data-search="${escape(c.id.toLowerCase())}"><td class="r n">${i + 1}</td><td class="name"><a href="${escape(encodeURI(pageOf(c.id)))}" target="_blank" rel="noopener">${breakable(c.id)}</a></td><td class="r">${duration(c.durationMs)}</td><td class="r gs">${t.steps.total}</td><td class="r">${num(t.steps.passed)}</td><td class="r">${num(t.steps.failed, true)}</td><td class="r">${num(t.steps.errored, true)}</td><td class="r">${num(t.steps.skipped)}</td><td class="r gs">${t.assertions.total}</td><td class="r">${num(t.assertions.passed)}</td><td class="r">${num(t.assertions.failed, true)}</td><td class="gs">${pill(status)}</td></tr>`;
   }).join("\n");
   const notRun = run2.excluded.length > 0 || run2.untagged > 0 ? card(
     "Not Run",
@@ -381,7 +381,7 @@ function summaryPage(run2) {
   return page({
     title: `${passed ? "PASSED" : "FAILED"} \xB7 ${run2.project} \xB7 gta Summary Results`,
     run: run2,
-    body: `${pageHead(passed ? "passed" : "failed", `${escape(run2.project)} <span class="kind">\xB7 Summary Results</span>`, run2.startedAt, run2.durationMs)}
+    body: `${pageHead(passed ? "passed" : "failed", `${escape(run2.project)} <span class="kind">\xB7 Summary Results</span>`, run2.startedAt)}
 
 ${card("Settings", `<dl class="pairs">
 ${settings.map(([label, value]) => `<div><dt>${label}</dt><dd>${value}</dd></div>`).join("\n")}
@@ -405,6 +405,7 @@ ${ringStat("Assertions", [
         ["passed", sum((t) => t.assertions.passed)],
         ["failed", sum((t) => t.assertions.failed)]
       ])}
+${timeStat("Total Run Time", run2.durationMs)}
 </div>`
     )}
 
@@ -418,7 +419,8 @@ ${rows}
 </tbody></table></div>`,
       {
         flush: true,
-        tools: `${chips({ passed: count("passed"), failed: count("failed"), skipped: count("skipped") })}${searchBox("Search collections")}`
+        // As a collection page's Tests: the search by the title, what to show at the far end.
+        tools: `${searchBox("Search collections")}<div class="tools-end">${chips({ passed: count("passed"), failed: count("failed"), skipped: count("skipped") })}</div>`
       }
     )}
 ${notRun}`
@@ -438,13 +440,13 @@ function collectionPage(run2, c) {
     title: `${status.toUpperCase()} \xB7 ${c.id} \xB7 gta Collection Results`,
     run: run2,
     body: `<nav class="crumbs"><a href="${SUMMARY_PAGE}">Summary</a><span aria-hidden="true">/</span><span>${escape(c.id)}</span></nav>
-${pageHead(status, escape(c.id), c.startedAt, c.durationMs)}
+${pageHead(status, escape(c.id), c.startedAt)}
 
 ${card(
       "Results Overview",
       [
         c.docs?.trim() ? markdown(c.docs) : "",
-        data ? `<dl class="pairs"><div><dt>Data File</dt><dd><code>${escape(data.file)}</code></dd></div><div><dt>Iterations</dt><dd>${data.rows}</dd></div></dl>` : "",
+        data ? `<dl class="pairs"><div><dt>Data File</dt><dd><code>${escape(data.file)}</code></dd></div><div><dt>Iterations</dt><dd>${thousands(data.rows)}</dd></div></dl>` : "",
         !c.outcome.ok ? `<section class="sub problem"><h3>Error</h3><pre>${escape(c.outcome.message)}</pre></section>` : "",
         `<div class="stats">
 ${ringStat("Tests", [
@@ -457,6 +459,7 @@ ${ringStat("Assertions", [
           ["passed", t.assertions.passed],
           ["failed", t.assertions.failed]
         ])}
+${timeStat("Total Run Time", c.durationMs)}
 </div>`
       ].filter(Boolean).join("\n"),
       { tools: `<code class="file">${escape(c.file)}</code>` }
@@ -822,7 +825,7 @@ ${options.body}
 </html>
 `;
 }
-var pageHead = (status, title, startedAt, ms) => `<header class="head"><div class="title">${pill(status, true)}<h1>${title}</h1></div><div class="meta"><span>${escape(timeOfRun(startedAt))}</span><span>${duration(ms)}</span></div></header>`;
+var pageHead = (status, title, startedAt) => `<header class="head"><div class="title">${pill(status, true)}<h1>${title}</h1></div><div class="meta"><span>${escape(timeOfRun(startedAt))}</span></div></header>`;
 var card = (title, body, options = {}) => `<section class="card"${options.id ? ` id="${options.id}"` : ""}><div class="card-h"><h2>${title}</h2>${options.tools ?? ""}</div><div class="card-body${options.flush ? " flush" : ""}">
 ${body}
 </div></section>`;
@@ -842,8 +845,10 @@ function ringStat(label, parts) {
   const passed = parts.find(([s]) => s === "passed")?.[1] ?? 0;
   const ran = total - (parts.find(([s]) => s === "skipped")?.[1] ?? 0);
   const rate = ran === 0 ? "\u2014" : `${Math.floor(passed / ran * 100)}%`;
-  return `<div class="stat"><div class="ring" title="${passed} of ${ran} that ran passed">${ring(parts)}<b>${rate}</b></div><div><div class="stat-label">${label}</div><div class="stat-total">${total}</div><div class="legend">${parts.map(([s, v]) => `<span class="${v ? `s-${s}` : "zero"}"><i></i>${v} ${s}</span>`).join("")}</div></div></div>`;
+  return `<div class="stat"><div class="ring" title="${thousands(passed)} of ${thousands(ran)} that ran passed">${ring(parts)}<b>${rate}</b></div><div><div class="stat-label">${label}</div><div class="stat-total">${thousands(total)}</div><div class="legend">${parts.map(([s, v]) => `<span class="${v ? `s-${s}` : "zero"}"><i></i>${thousands(v)} ${s}</span>`).join("")}</div></div></div>`;
 }
+var timeStat = (label, ms) => `<div class="stat"><div class="ring clock">${clock}</div><div><div class="stat-label">${label}</div><div class="stat-time" title="${thousands(Math.round(ms))} ms">${runTime(ms).replace(/(\d) /g, "$1&nbsp;")}</div></div></div>`;
+var clock = `<svg viewBox="0 0 64 64" width="64" height="64" aria-hidden="true"><circle cx="32" cy="32" r="25" fill="none" stroke-width="7" style="stroke:var(--surface-alt)"/><path d="M32 19v13l9 6" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="stroke:var(--dim)"/></svg>`;
 function ring(parts) {
   const R = 25;
   const C = 2 * Math.PI * R;
@@ -878,7 +883,19 @@ function clip(text) {
 var userFrames = (stack) => stack.split("\n").filter((line) => !/^\s+at .*(\bnode:|file:\/\/)/.test(line)).join("\n");
 var capitalise = (text) => text.charAt(0).toUpperCase() + text.slice(1);
 var plural2 = (n, word) => `${n} ${word}${n === 1 ? "" : "s"}`;
+var thousands = (n) => n.toLocaleString("en-US");
 var duration = (ms) => ms < 1e3 ? `${Math.round(ms)} ms` : `${(ms / 1e3).toFixed(2)} s`;
+function runTime(ms) {
+  const hundredths = Math.round(ms / 10);
+  const hours = Math.floor(hundredths / 36e4);
+  const minutes = Math.floor(hundredths % 36e4 / 6e3);
+  const seconds2 = hundredths % 6e3;
+  return [
+    hours > 0 ? plural2(hours, "hour") : "",
+    minutes > 0 ? plural2(minutes, "minute") : "",
+    seconds2 > 0 || hundredths < 6e3 ? `${(seconds2 / 100).toFixed(2)} seconds` : ""
+  ].filter(Boolean).join(" ");
+}
 function timeoutText(ms) {
   const round = ms >= 36e5 && ms % 36e5 === 0 ? `${ms / 36e5} h` : ms >= 6e4 && ms % 6e4 === 0 ? `${ms / 6e4} min` : ms >= 1e3 && ms % 1e3 === 0 ? `${ms / 1e3} s` : "";
   return `${ms.toLocaleString("en-US")} ms${round ? ` <span class="dim">\xB7 ${round}</span>` : ""}`;
@@ -892,6 +909,7 @@ function bytes(n) {
   if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
   return `${(n / 1024 / 1024).toFixed(1)} MB`;
 }
+var breakable = (value) => escape(value).replace(/([_/.-])/g, "$1<wbr>");
 function escape(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
@@ -964,7 +982,7 @@ pre{margin:0;white-space:pre-wrap;word-break:break-word}
 .card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;min-width:0}
 .card-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 16px;border-bottom:1px solid var(--border-soft)}
 .card-h h2{margin:0 6px 0 0;font-size:13.5px;font-weight:650}
-.card-h .search,.card-h .file{margin-left:auto}
+.card-h .file{margin-left:auto}
 .card-h .file{color:var(--dim);overflow-wrap:anywhere}
 .card-body{padding:16px}
 .card-body>*+*{margin-top:16px}
@@ -980,6 +998,7 @@ pre{margin:0;white-space:pre-wrap;word-break:break-word}
 .ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:13.5px;font-variant-numeric:tabular-nums}
 .stat-label{font-size:12px;color:var(--dim)}
 .stat-total{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1;margin-top:3px}
+.stat-time{font-size:17px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.25;margin-top:3px}
 .legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12.5px;font-variant-numeric:tabular-nums}
 .legend span{display:inline-flex;align-items:center;gap:5px}
 .legend i{width:8px;height:8px;border-radius:2px;background:var(--s)}
@@ -1012,7 +1031,8 @@ pre{margin:0;white-space:pre-wrap;word-break:break-word}
 .overview tbody tr:last-child td{border-bottom:none}
 .overview .r{text-align:right}
 .overview .gs{border-left:1px solid var(--border-soft)}
-.overview td.name{min-width:17rem}
+.overview td.name{min-width:10rem;overflow-wrap:anywhere}
+@media (max-width:960px){.overview th,.overview td{padding-left:6px;padding-right:6px}.overview .groups th{padding-left:6px;padding-right:6px}}
 .overview td.n{color:var(--faint)}
 .overview tbody tr:hover td{background:var(--surface-alt)}
 .overview tr.s-failed td:first-child{box-shadow:inset 3px 0 0 var(--failed)}
@@ -1365,7 +1385,7 @@ function escape2(value) {
 var allowedInXml = (code) => code === 9 || code === 10 || code === 13 || code >= 32 && code <= 55295 || code >= 57344 && code <= 65533 || code >= 65536;
 
 // src/main.ts
-var VERSION = true ? "0.14.2" : "0.0.0-dev";
+var VERSION = true ? "0.14.4" : "0.0.0-dev";
 var JUNIT_DIR = "junit";
 var JUNIT_FILE = "junit.xml";
 var HTML_DIR = "html";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schwabyio/gta",
-  "version": "0.14.2",
+  "version": "0.14.4",
   "type": "module",
   "description": "gta, the Gravity Test Automation command-line runner: HTTP API tests written as YAML files, run from a terminal or CI.",
   "keywords": [