@sentinelqa/playwright-reporter 0.1.15 → 0.1.17

package/dist/localReport.js

@@ -254,22 +254,9 @@ const renderArtifact = (artifact) => {
     const label = escapeHtml(artifact.label);
     if (artifact.kind === "trace") {
         return `
-      <div class="artifact-link artifact-link-trace">
-        <div class="artifact-trace-row">
-          <div class="artifact-trace-meta">
-            <span class="artifact-kind">Trace</span>
-            <a href="${href}" target="_blank" rel="noreferrer">${label}</a>
-          </div>
-          <a
-            class="trace-button"
-            href="${href}"
-            target="_blank"
-            rel="noreferrer"
-            data-trace-path="${href}"
-          >
-            View Trace
-          </a>
-        </div>
+      <div class="artifact-link">
+        <span class="artifact-kind">Trace</span>
+        <a href="${href}" target="_blank" rel="noreferrer">${label}</a>
       </div>
     `;
     }
@@ -556,9 +543,6 @@ const buildHtml = (tests, summary, extraArtifacts) => {
         background: rgba(9, 13, 20, 0.9);
         padding: 12px;
       }
-      .artifact-link-trace {
-        padding: 14px;
-      }
       .artifact-card img, .artifact-card video {
         width: 100%;
         border-radius: 10px;
@@ -583,37 +567,6 @@ const buildHtml = (tests, summary, extraArtifacts) => {
         text-transform: uppercase;
         letter-spacing: 0.08em;
       }
-      .artifact-trace-row {
-        display: flex;
-        justify-content: space-between;
-        gap: 12px;
-        align-items: center;
-      }
-      .artifact-trace-meta {
-        display: flex;
-        gap: 10px;
-        align-items: center;
-        flex-wrap: wrap;
-      }
-      .trace-button {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        padding: 8px 12px;
-        border-radius: 999px;
-        border: 1px solid rgba(125, 211, 252, 0.28);
-        background: rgba(125, 211, 252, 0.08);
-        color: var(--accent);
-        font-size: 12px;
-        font-weight: 600;
-        text-transform: uppercase;
-        letter-spacing: 0.06em;
-        white-space: nowrap;
-      }
-      .trace-button:hover {
-        text-decoration: none;
-        background: rgba(125, 211, 252, 0.14);
-      }
       .artifact-list {
         display: grid;
         gap: 12px;
@@ -654,10 +607,6 @@ const buildHtml = (tests, summary, extraArtifacts) => {
         }
         .test-summary { flex-direction: column; }
         .meta-stack { min-width: 0; }
-        .artifact-trace-row {
-          flex-direction: column;
-          align-items: flex-start;
-        }
       }
     </style>
   </head>
@@ -726,27 +675,6 @@ const buildHtml = (tests, summary, extraArtifacts) => {
         Generated by <a href="${SENTINEL_URL}" target="_blank" rel="noreferrer">Sentinel Playwright Reporter</a>.
       </footer>
     </div>
-    <script>
-      (function () {
-        var traceButtons = document.querySelectorAll("[data-trace-path]");
-        traceButtons.forEach(function (button) {
-          var tracePath = button.getAttribute("data-trace-path");
-          if (!tracePath) return;
-
-          try {
-            if (window.location.protocol === "http:" || window.location.protocol === "https:") {
-              var traceUrl = new URL(tracePath, window.location.href).href;
-              button.setAttribute(
-                "href",
-                "https://trace.playwright.dev/?trace=" + encodeURIComponent(traceUrl)
-              );
-            }
-          } catch (_error) {
-            // Fall back to the raw trace zip link when URL construction fails.
-          }
-        });
-      })();
-    </script>
   </body>
 </html>`;
 };

package/dist/reporter.d.ts

@@ -16,6 +16,7 @@ declare class SentinelReporter {
     constructor(options: ReporterOptions);
     onBegin(config: any, suite: any): void;
     onTestEnd(_test: any, result: any): void;
+    private printLocalReport;
     onEnd(): Promise<void>;
 }
 export = SentinelReporter;

package/dist/reporter.js

@@ -45,8 +45,25 @@ class SentinelReporter {
             this.failedCount += 1;
         }
     }
+    printLocalReport(localReportPath) {
+        console.log("");
+        console.log("✔ Artifacts collected");
+        console.log("✔ Sentinel debugging report generated");
+        console.log("");
+        console.log("Report location:");
+        const relativeReportPath = path_1.default
+            .relative(process.cwd(), localReportPath)
+            .replace(/\\/g, "/");
+        const displayPath = relativeReportPath.startsWith(".")
+            ? relativeReportPath
+            : `./${relativeReportPath}`;
+        console.log(formatTerminalLink(displayPath, (0, url_1.pathToFileURL)(localReportPath).href));
+    }
     async onEnd() {
-        if (!process.env.SENTINEL_TOKEN) {
+        const hasSentinelToken = Boolean(process.env.SENTINEL_TOKEN);
+        const hasCiEnv = (0, node_1.hasSupportedCiEnv)(process.env);
+        const localUploadEnabled = (0, node_1.isLocalUploadEnabled)(process.env);
+        if (!hasSentinelToken || (!hasCiEnv && !localUploadEnabled)) {
             const localReport = (0, localReport_1.generateLocalDebugReport)({
                 playwrightJsonPath: this.options.playwrightJsonPath,
                 playwrightReportDir: this.options.playwrightReportDir,
@@ -56,26 +73,27 @@ class SentinelReporter {
                 reportFileName: this.options.localReportFileName,
                 redirectFileName: this.options.localRedirectFileName
             });
+            this.printLocalReport(localReport.htmlPath);
             console.log("");
-            console.log("✔ Artifacts collected");
-            console.log("✔ Sentinel debugging report generated");
-            console.log("");
-            console.log("Report location:");
-            const relativeReportPath = path_1.default
-                .relative(process.cwd(), localReport.htmlPath)
-                .replace(/\\/g, "/");
-            const displayPath = relativeReportPath.startsWith(".")
-                ? relativeReportPath
-                : `./${relativeReportPath}`;
-            console.log(formatTerminalLink(displayPath, (0, url_1.pathToFileURL)(localReport.htmlPath).href));
-            console.log("");
-            console.log("Optional:");
-            console.log("Upload runs to Sentinel Cloud for:");
-            console.log("• CI history");
-            console.log("• shareable run links");
-            console.log("• AI failure summaries");
+            if (!hasSentinelToken) {
+                console.log("Optional:");
+                console.log("Upload runs to Sentinel Cloud for:");
+                console.log("• CI history");
+                console.log("• shareable run links");
+                console.log("• AI failure summaries");
+                console.log("");
+                console.log(`Learn more: ${formatTerminalLink("https://sentinelqa.com", "https://sentinelqa.com")}`);
+                return;
+            }
+            console.log("Sentinel upload skipped for this local run.");
+            console.log("To record local runs in Sentinel, set SENTINEL_UPLOAD_LOCAL=1 and provide the required CI metadata.");
             console.log("");
-            console.log(`Learn more: ${formatTerminalLink("https://sentinelqa.com", "https://sentinelqa.com")}`);
+            console.log("Typical local upload environment variables:");
+            console.log("• SENTINEL_UPLOAD_LOCAL=1");
+            console.log("• CI_COMMIT_SHA or GITHUB_SHA");
+            console.log("• CI_COMMIT_REF_NAME or GITHUB_REF_NAME");
+            console.log("• CI_JOB_URL or a matching run URL");
+            console.log("• CI_PIPELINE_ID or GITHUB_RUN_ID");
             return;
         }
         console.log("");

package/package.json

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