@sentinelqa/playwright-reporter 0.1.29 → 0.1.30

package/README.md

@@ -12,6 +12,8 @@ Works locally out of the box with no account required.
 Optionally upload runs to Sentinel Cloud for CI history and AI failure analysis.
 
 ![Sentinel Report Example](./docs/screenshot.png)
+![Run-to-Run Diff](./docs/run_diff.png)
+![CLI Quick Diagnosis](./docs/CLI.png)
 
 ## Features
 

package/dist/localReport.js

@@ -362,6 +362,20 @@ const groupSimilarFailures = (tests) => {
         .filter((group) => group.tests.length > 1)
         .sort((a, b) => b.tests.length - a.tests.length);
 };
+const groupFailureDigest = (tests) => {
+    const groups = new Map();
+    for (const test of getFailureTests(tests)) {
+        const summary = test.diagnosis
+            ? (0, quickDiagnosis_1.describeFailure)(test.diagnosis)
+            : (test.errors[0]?.split(/\r?\n/)[0]?.trim() || "Open the failure details to inspect the exact Playwright error.");
+        const key = summary;
+        if (!groups.has(key)) {
+            groups.set(key, { key, summary, tests: [] });
+        }
+        groups.get(key).tests.push(test);
+    }
+    return Array.from(groups.values()).sort((a, b) => b.tests.length - a.tests.length);
+};
 const buildRunSnapshot = (tests, summary) => ({
     generatedAt: new Date().toISOString(),
     branch: getCurrentBranch(),
@@ -601,24 +615,30 @@ const renderFailureDigest = (tests) => {
     if (!failedTests.length) {
         return `<div class="empty-state">No failed tests were detected in this run.</div>`;
     }
+    const digestGroups = groupFailureDigest(tests);
     return `
     <div class="digest-grid">
-      ${failedTests
-        .map((test) => {
-        const diagnosis = test.diagnosis;
-        const title = escapeHtml(test.title);
-        const summary = escapeHtml(diagnosis
-            ? (0, quickDiagnosis_1.describeFailure)(diagnosis)
-            : (test.errors[0]?.split(/\r?\n/)[0]?.trim() || "Open the failure details to inspect the exact Playwright error."));
-        const debugSummary = escapeHtml(diagnosis
-            ? (0, quickDiagnosis_1.buildDebugSummary)(diagnosis)
-            : `Test: ${test.title}\nDiagnosis: Review trace and error details in the expanded card.`);
+      ${digestGroups
+        .map((group) => {
+        const primary = group.tests[0];
+        const diagnosis = primary.diagnosis;
+        const debugSummary = escapeHtml(group.tests.length > 1
+            ? [
+                `Grouped failure summary: ${group.summary}`,
+                ...group.tests.map((test) => `- ${test.title}`)
+            ].join("\n")
+            : diagnosis
+                ? (0, quickDiagnosis_1.buildDebugSummary)(diagnosis)
+                : `Test: ${primary.title}\nDiagnosis: Review trace and error details in the expanded card.`);
+        const uniqueLocators = Array.from(new Set(group.tests.map((test) => test.diagnosis?.locator).filter(Boolean)));
         return `
             <article class="digest-card">
               <div class="digest-head">
                 <div>
-                  <span class="artifact-kind">${escapeHtml(test.status)}</span>
-                  <h3>${title}</h3>
+                  <span class="artifact-kind">${escapeHtml(primary.status)}</span>
+                  <h3>${group.tests.length > 1
+            ? `${group.tests.length} tests share this failure`
+            : escapeHtml(primary.title)}</h3>
                 </div>
                 <button
                   type="button"
@@ -629,12 +649,20 @@ const renderFailureDigest = (tests) => {
                   Copy summary
                 </button>
               </div>
-              <p>${summary}</p>
+              <p>${escapeHtml(group.summary)}</p>
               <div class="fact-row">
-                ${diagnosis?.locator ? `<span class="fact-chip">Locator: ${escapeHtml(diagnosis.locator)}</span>` : ""}
-                ${diagnosis?.expected ? `<span class="fact-chip">Expected: ${escapeHtml(diagnosis.expected)}</span>` : ""}
-                ${diagnosis?.received ? `<span class="fact-chip">Observed: ${escapeHtml(diagnosis.received)}</span>` : ""}
+                ${diagnosis?.expected && diagnosis?.received
+            ? `<span class="fact-chip">Expected: ${escapeHtml(diagnosis.expected)}</span><span class="fact-chip">Observed: ${escapeHtml(diagnosis.received)}</span>`
+            : ""}
+                ${uniqueLocators.length === 1
+            ? `<span class="fact-chip">Locator: ${escapeHtml(uniqueLocators[0])}</span>`
+            : uniqueLocators.length > 1
+                ? `<span class="fact-chip">${uniqueLocators.length} locators involved</span>`
+                : ""}
               </div>
+              ${group.tests.length > 1
+            ? `<ul class="group-list">${group.tests.map((test) => `<li>${escapeHtml(test.title)}</li>`).join("\n")}</ul>`
+            : ""}
             </article>
           `;
     })

package/dist/quickDiagnosis.js

@@ -28,11 +28,11 @@ const toMessage = (result) => {
 };
 const classifySignal = (message) => {
     const lower = message.toLowerCase();
-    if (/timeout|timed out|waiting for/.test(lower))
-        return "timeout";
     if (/expected substring|expected string|received string|tohavetext|tocontaintext/.test(lower)) {
         return "assertion_mismatch";
     }
+    if (/timeout|timed out|waiting for/.test(lower))
+        return "timeout";
     if (/resolved to 0 elements|locator.*not found|never appeared|strict mode violation/.test(lower)) {
         return "locator_not_found";
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentinelqa/playwright-reporter",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "private": false,
   "description": "Playwright reporter for CI debugging with optional Sentinel cloud dashboards",
   "license": "MIT",