@testrelic/playwright-analytics 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,6 +1,6 @@
 // src/reporter.ts
-import { randomUUID } from "crypto";
-import { mkdirSync as mkdirSync2, writeFileSync as writeFileSync2, renameSync as renameSync2 } from "fs";
+import { randomUUID, createHash } from "crypto";
+import { mkdirSync as mkdirSync3, writeFileSync as writeFileSync2, renameSync as renameSync2 } from "fs";
 import { dirname as dirname2, relative } from "path";
 
 // src/config.ts
@@ -31,11 +31,12 @@ function resolveConfig(options) {
   const outputPath = target.outputPath;
   target.openReport = options?.openReport ?? true;
   target.htmlReportPath = options?.htmlReportPath ?? outputPath.replace(/\.json$/, ".html");
+  target.includeArtifacts = options?.includeArtifacts ?? true;
   return Object.freeze(target);
 }
 
 // src/schema.ts
-var SCHEMA_VERSION = "1.0.0";
+var SCHEMA_VERSION = "1.2.0";
 
 // src/code-extractor.ts
 import { readFileSync } from "fs";
@@ -175,6 +176,8 @@ body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Rob
 .timeline-entry{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;
   border-left:4px solid #e5e7eb;transition:border-color .15s}
 .timeline-entry:hover{border-color:#d1d5db}
+.timeline-entry--all-passed{border-left-color:#22c55e}
+.timeline-entry--all-passed:hover{border-color:#86efac}
 .timeline-entry--has-failures{border-left-color:#ef4444}
 .timeline-entry--has-failures:hover{border-color:#fca5a5}
 .timeline-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;
@@ -186,13 +189,22 @@ body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Rob
   text-overflow:ellipsis;white-space:nowrap;max-width:500px;min-width:0}
 .nav-type-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:9999px;
   white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}
-.badge-goto,.badge-navigation,.badge-page_load{background:#d1fae5;color:#065f46}
-.badge-back,.badge-forward{background:#dbeafe;color:#1e40af}
-.badge-spa_route,.badge-spa_replace,.badge-hash_change,.badge-popstate{background:#ede9fe;color:#5b21b6}
-.badge-link_click,.badge-form_submit{background:#fce7f3;color:#9d174d}
+.badge-goto{background:#dbeafe;color:#1e40af}
+.badge-navigation{background:#e0e7ff;color:#3730a3}
+.badge-page_load{background:#c7d2fe;color:#312e81}
+.badge-back{background:#cffafe;color:#155e75}
+.badge-forward{background:#a5f3fc;color:#164e63}
+.badge-spa_route{background:#ede9fe;color:#5b21b6}
+.badge-spa_replace{background:#ddd6fe;color:#4c1d95}
+.badge-hash_change{background:#fae8ff;color:#86198f}
+.badge-popstate{background:#f5d0fe;color:#701a75}
+.badge-link_click{background:#fce7f3;color:#9d174d}
+.badge-form_submit{background:#fbcfe8;color:#831843}
 .badge-redirect{background:#ffedd5;color:#9a3412}
 .badge-refresh{background:#e0f2fe;color:#075985}
-.badge-dummy,.badge-fallback,.badge-manual_record{background:#f3f4f6;color:#6b7280}
+.badge-dummy{background:#f3f4f6;color:#6b7280}
+.badge-fallback{background:#e5e7eb;color:#4b5563}
+.badge-manual_record{background:#fef9c3;color:#854d0e}
 .timeline-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;
   margin-left:auto;flex-shrink:0;white-space:nowrap}
 .spec-file{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;
@@ -204,19 +216,38 @@ body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Rob
 .spec-summary{font-size:12px;color:#6b7280;margin-bottom:8px;display:flex;gap:12px;flex-wrap:wrap}
 .spec-summary span{font-weight:600}
 .spec-passed{color:#16a34a}.spec-failed{color:#dc2626}.spec-flaky{color:#d97706}
-.test-card{display:flex;align-items:flex-start;gap:8px;padding:8px 0;
-  border-bottom:1px solid #f3f4f6}
+.test-card{padding:8px 0;border-bottom:1px solid #f3f4f6}
 .test-card:last-child{border-bottom:none}
+.test-card-row{display:flex;align-items:flex-start;gap:8px}
 .status-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:9999px;
   flex-shrink:0;margin-top:2px;text-transform:uppercase;letter-spacing:.03em}
 .status-passed{background:#d1fae5;color:#065f46}
 .status-failed{background:#fecaca;color:#991b1b}
 .status-flaky{background:#fde68a;color:#92400e}
+.status-skipped{background:#f3f4f6;color:#6b7280}
+.status-timedout{background:#ffedd5;color:#9a3412}
+.type-badge{background:#ede9fe;color:#5b21b6;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600}
+.flaky-badge{background:#fef3c7;color:#92400e;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600}
+.file-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#6b7280}
+.suite-name{font-size:11px;color:#9ca3af}
+.status-mismatch{font-size:10px;color:#dc2626;font-weight:600}
+.card-timedout{border-color:#ffedd5;background:#fff7ed}.card-timedout .count{color:#ea580c}
 .test-info{flex:1;min-width:0}
 .test-title{font-size:13px;color:#171717;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .test-meta{display:flex;gap:8px;align-items:center;margin-top:2px;font-size:11px;color:#9ca3af}
 .retry-badge{background:#fef3c7;color:#92400e;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600}
 .tag-badge{background:#eff6ff;color:#1d4ed8;padding:1px 5px;border-radius:3px;font-size:10px}
+.meta-prefix{font-size:10px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
+.test-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;
+  color:#6b7280;background:#f3f4f6;padding:1px 6px;border-radius:3px}
+.network-panel--has-failures{border-color:#fecaca}
+.network-panel--has-failures .network-header{background:#fef2f2;color:#991b1b}
+.failed-requests-banner{display:flex;align-items:center;gap:6px;padding:8px 12px;
+  background:#fef2f2;color:#991b1b;font-size:12px;font-weight:600;border-top:1px solid #fecaca}
+.failed-urls-list{padding:6px 12px;background:#fef2f2;border-top:1px solid #fecaca;font-size:11px;
+  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-height:200px;overflow-y:auto}
+.failed-url-item{padding:2px 0;color:#991b1b;word-break:break-all}
+.failed-url-status{font-weight:700;margin-right:4px}
 .test-duration{font-size:12px;color:#9ca3af;flex-shrink:0;margin-top:2px}
 /* Failure Details */
 .failure-toggle{font-size:12px;color:#03b79c;cursor:pointer;margin-top:4px;
@@ -267,6 +298,34 @@ body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Rob
 .section-title{font-size:16px;font-weight:700;color:#171717;margin-bottom:12px;
   display:flex;align-items:center;gap:8px}
 .section-title::before{content:'';width:4px;height:18px;background:#03b79c;border-radius:2px}
+/* Artifacts Panel */
+.artifacts-panel{margin-top:10px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;
+  border-radius:8px}
+.artifacts-panel-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;
+  color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
+.artifacts-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
+/* Screenshot */
+.artifact-screenshot-wrap{display:flex;flex-direction:column;gap:4px;flex-shrink:0}
+.artifact-thumbnail{height:140px;width:auto;border-radius:6px;cursor:pointer;
+  border:1px solid #e5e7eb;transition:border-color .15s,box-shadow .15s;object-fit:cover;display:block}
+.artifact-thumbnail:hover{border-color:#03b79c;box-shadow:0 0 0 2px rgba(3,183,156,.2)}
+.artifact-label{font-size:10px;color:#9ca3af;text-align:center}
+/* Video */
+.artifact-video-wrap{flex:1;min-width:200px;max-width:480px;display:flex;flex-direction:column;gap:4px}
+.artifact-video-container{border-radius:6px;overflow:hidden;border:1px solid #e5e7eb;display:none}
+.artifact-video-container.show{display:block}
+.artifact-video{width:100%;max-height:320px;display:block;background:#000}
+.video-toggle{font-size:12px;color:#03b79c;cursor:pointer;
+  border:none;background:none;padding:0;text-decoration:underline;font-family:inherit}
+.video-toggle:hover{color:#028a75}
+/* Lightbox */
+.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:1000;
+  display:flex;align-items:center;justify-content:center;cursor:zoom-out}
+.lightbox-overlay img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.4)}
+.lightbox-close{position:fixed;top:16px;right:16px;z-index:1001;width:36px;height:36px;
+  border-radius:50%;border:none;background:rgba(255,255,255,.15);color:#fff;font-size:20px;
+  cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
+.lightbox-close:hover{background:rgba(255,255,255,.3)}
 `;
 var JS = `
 (function(){
@@ -311,6 +370,7 @@ var JS = `
   h+='<div class="summary-card card-failed"><div class="count">'+s.failed+'</div><div class="label">Failed</div></div>';
   h+='<div class="summary-card card-flaky"><div class="count">'+s.flaky+'</div><div class="label">Flaky</div></div>';
   h+='<div class="summary-card card-skipped"><div class="count">'+s.skipped+'</div><div class="label">Skipped</div></div>';
+  if(s.timedout!==undefined){h+='<div class="summary-card card-timedout"><div class="count">'+s.timedout+'</div><div class="label">Timed Out</div></div>';}
   h+='</div>';
 
   // Timeline
@@ -322,7 +382,8 @@ var JS = `
     for(var i=0;i<data.timeline.length;i++){
       var e=data.timeline[i];
       var hasFail=e.tests.some(function(t){return t.status==='failed'});
-      var cls='timeline-entry'+(hasFail?' timeline-entry--has-failures':'');
+      var allPassed=!hasFail&&e.tests.length>0&&e.tests.every(function(t){return t.status==='passed'||t.status==='flaky'});
+      var cls='timeline-entry'+(hasFail?' timeline-entry--has-failures':'')+(allPassed?' timeline-entry--all-passed':'');
       h+='<div class="'+cls+'" data-idx="'+i+'">';
       h+='<div class="timeline-header" onclick="toggleEntry(this)">';
       h+='<svg class="chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>';
@@ -347,23 +408,35 @@ var JS = `
     if(!tests||tests.length===0)return '';
     var out='<div class="tests-section">';
     // Spec summary
-    var pc=0,fc=0,fkc=0;
-    tests.forEach(function(t){if(t.status==='passed')pc++;else if(t.status==='failed')fc++;else if(t.status==='flaky')fkc++});
+    var pc=0,fc=0,fkc=0,sc=0,toc=0;
+    tests.forEach(function(t){if(t.status==='passed')pc++;else if(t.status==='failed')fc++;else if(t.status==='flaky')fkc++;else if(t.status==='skipped')sc++;else if(t.status==='timedout')toc++});
     out+='<div class="spec-summary">';
     if(pc>0)out+='<span class="spec-passed">'+pc+' passed</span>';
     if(fc>0)out+='<span class="spec-failed">'+fc+' failed</span>';
     if(fkc>0)out+='<span class="spec-flaky">'+fkc+' flaky</span>';
+    if(sc>0)out+='<span style="color:#6b7280;font-weight:600">'+sc+' skipped</span>';
+    if(toc>0)out+='<span style="color:#ea580c;font-weight:600">'+toc+' timed out</span>';
     out+='</div>';
     for(var j=0;j<tests.length;j++){
       var t=tests[j];
       out+='<div class="test-card">';
+      out+='<div class="test-card-row">';
       out+='<span class="status-badge status-'+t.status+'">'+t.status+'</span>';
       out+='<div class="test-info">';
       out+='<div class="test-title" title="'+esc(t.title)+'">'+esc(t.title)+'</div>';
       out+='<div class="test-meta">';
+      if(t.testType&&t.testType!=='unknown')out+='<span class="type-badge">'+esc(t.testType)+'</span>';
+      if(t.isFlaky)out+='<span class="flaky-badge">flaky</span>';
       if(t.retryCount>0)out+='<span class="retry-badge">'+t.retryCount+' retries</span>';
-      if(t.tags)t.tags.forEach(function(tag){if(tag)out+='<span class="tag-badge">'+esc(tag)+'</span>'});
+      if(t.retryStatus)out+='<span class="retry-badge">'+esc(t.retryStatus)+'</span>';
+      if(t.tags&&t.tags.length>0){out+='<span class="meta-prefix">Tags:</span>';t.tags.forEach(function(tag){if(tag)out+='<span class="tag-badge">'+esc(tag)+'</span>'});}
+      if(t.expectedStatus&&t.actualStatus&&t.expectedStatus!==t.actualStatus)out+='<span class="status-mismatch">expected: '+esc(t.expectedStatus)+' actual: '+esc(t.actualStatus)+'</span>';
       out+='</div>';
+      if(t.testId||t.filePath||t.suiteName){out+='<div class="test-meta">';
+      if(t.testId)out+='<span class="meta-prefix">ID:</span><span class="test-id" title="Full ID: '+esc(t.testId)+'">'+esc(t.testId.substring(0,12))+'</span>';
+      if(t.filePath)out+='<span class="meta-prefix">File:</span><span class="file-path">'+esc(t.filePath)+'</span>';
+      if(t.suiteName)out+='<span class="meta-prefix">Suite:</span><span class="suite-name">'+esc(t.suiteName)+'</span>';
+      out+='</div>';}
       if((t.status==='failed'||t.status==='flaky')&&t.failure){
         var fid='fail-'+Math.random().toString(36).substr(2,9);
         out+='<button class="failure-toggle" onclick="toggleFail(\\''+fid+'\\')">Show details</button>';
@@ -387,6 +460,26 @@ var JS = `
       out+='</div>';
       out+='<span class="test-duration">'+fmtDur(t.duration)+'</span>';
       out+='</div>';
+      if(t.artifacts&&(t.artifacts.screenshot||t.artifacts.video)){
+        out+='<div class="artifacts-panel">';
+        out+='<div class="artifacts-panel-header"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>Artifacts</div>';
+        out+='<div class="artifacts-row">';
+        if(t.artifacts.screenshot){
+          out+='<div class="artifact-screenshot-wrap">';
+          out+='<img class="artifact-thumbnail" src="'+esc(t.artifacts.screenshot)+'" loading="lazy" alt="Screenshot" onclick="openLightbox(this.src)">';
+          out+='<span class="artifact-label">Click to enlarge</span>';
+          out+='</div>';
+        }
+        if(t.artifacts.video){
+          var vid='video-'+Math.random().toString(36).substr(2,9);
+          out+='<div class="artifact-video-wrap">';
+          out+='<button class="video-toggle" onclick="toggleVideo(\\''+vid+'\\')">Show video</button>';
+          out+='<div class="artifact-video-container" id="'+vid+'"><video class="artifact-video" controls preload="none" src="'+esc(t.artifacts.video)+'"></video></div>';
+          out+='</div>';
+        }
+        out+='</div></div>';
+      }
+      out+='</div>';
     }
     out+='</div>';
     return out;
@@ -412,13 +505,17 @@ var JS = `
 
   function renderNetwork(stats){
     if(!stats)return '<div class="no-network">No network data captured</div>';
-    var out='<div class="network-panel">';
+    var hasFailedReqs=stats.failedRequests>0;
+    var out='<div class="network-panel'+(hasFailedReqs?' network-panel--has-failures':'')+'">';
     out+='<div class="network-header"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>Network</div>';
     out+='<div class="network-summary">';
     out+='<div class="net-stat"><span class="val">'+stats.totalRequests+'</span><span class="lbl">Requests</span></div>';
-    out+='<div class="net-stat'+(stats.failedRequests>0?' has-failed':'')+'"><span class="val">'+stats.failedRequests+'</span><span class="lbl">Failed</span></div>';
+    out+='<div class="net-stat'+(hasFailedReqs?' has-failed':'')+'"><span class="val">'+stats.failedRequests+'</span><span class="lbl">Failed</span></div>';
     out+='<div class="net-stat"><span class="val">'+fmtBytes(stats.totalBytes)+'</span><span class="lbl">Transferred</span></div>';
     out+='</div>';
+    if(hasFailedReqs){out+='<div class="failed-requests-banner"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 9v2m0 4h.01M10.29 3.86l-8.58 14.6A2 2 0 003.44 21h17.12a2 2 0 001.73-2.54l-8.58-14.6a2 2 0 00-3.42 0z"/></svg>'+stats.failedRequests+' network request'+(stats.failedRequests>1?'s':'')+' failed</div>';
+      if(stats.failedRequestUrls&&stats.failedRequestUrls.length>0){out+='<div class="failed-urls-list">';for(var fi=0;fi<stats.failedRequestUrls.length;fi++){var furl=stats.failedRequestUrls[fi];var spIdx=furl.indexOf(' ');var fStatus=spIdx>0?furl.substring(0,spIdx):'';var fPath=spIdx>0?furl.substring(spIdx+1):furl;out+='<div class="failed-url-item"><span class="failed-url-status">'+esc(fStatus)+'</span>'+esc(fPath)+'</div>';}out+='</div>';}
+    }
     if(stats.byType){
       var types=[['XHR','xhr'],['Document','document'],['Script','script'],['Stylesheet','stylesheet'],['Image','image'],['Font','font'],['Other','other']];
       out+='<div class="resource-breakdown">';
@@ -437,6 +534,21 @@ var JS = `
 function toggleEntry(el){el.closest('.timeline-entry').classList.toggle('expanded')}
 function toggleFail(id){document.getElementById(id).classList.toggle('show')}
 function toggleStack(id){document.getElementById(id).classList.toggle('show')}
+function openLightbox(src){var o=document.createElement('div');o.className='lightbox-overlay';
+  o.onclick=function(){closeLightbox()};o.innerHTML='<img src="'+src.replace(/"/g,'&quot;')+'" alt="Screenshot">';
+  var b=document.createElement('button');b.className='lightbox-close';b.innerHTML='&times;';
+  b.onclick=function(e){e.stopPropagation();closeLightbox()};
+  document.body.appendChild(o);document.body.appendChild(b);
+  document.addEventListener('keydown',lightboxEsc)}
+function closeLightbox(){var o=document.querySelector('.lightbox-overlay');if(o)o.remove();
+  var b=document.querySelector('.lightbox-close');if(b)b.remove();
+  document.removeEventListener('keydown',lightboxEsc)}
+function lightboxEsc(e){if(e.key==='Escape')closeLightbox()}
+function toggleVideo(id){var el=document.getElementById(id);if(!el)return;
+  var isShown=el.classList.toggle('show');
+  var btn=el.previousElementSibling;
+  if(btn)btn.textContent=isShown?'Hide video':'Show video';
+  if(!isShown){var v=el.querySelector('video');if(v)v.pause()}}
 `;
 function renderHtmlDocument(reportJson) {
   const jsWithLogo = JS.replace(/__LOGO_SVG__/g, LOGO_SVG.replace(/'/g, "\\'").replace(/\n/g, ""));
@@ -446,7 +558,7 @@ function renderHtmlDocument(reportJson) {
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
-<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'unsafe-inline'; img-src data:;">
+<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'unsafe-inline'; img-src data: blob: 'self'; media-src blob: 'self';">
 <title>TestRelic Report</title>
 <style>${CSS}</style>
 </head>
@@ -509,7 +621,108 @@ function writeHtmlReport(report, config) {
   }
 }
 
+// src/artifact-manager.ts
+import { mkdirSync as mkdirSync2, copyFileSync, existsSync } from "fs";
+import { join, extname } from "path";
+function sanitizeFolderName(title) {
+  let name = title.replace(/[^a-zA-Z0-9\-_ ]/g, "-").replace(/\s+/g, "-").replace(/-{2,}/g, "-").replace(/^-+|-+$/g, "");
+  if (name.length > 100) {
+    name = name.substring(0, 100).replace(/-+$/, "");
+  }
+  return name || "unnamed-test";
+}
+function copyArtifacts(attachments, testTitle, retryCount, outputDir) {
+  const screenshot = attachments.find(
+    (a) => a.name === "screenshot" && a.path
+  );
+  const video = attachments.find(
+    (a) => a.name === "video" && a.path
+  );
+  if (!screenshot && !video) {
+    return null;
+  }
+  let folderName = sanitizeFolderName(testTitle);
+  if (retryCount > 0) {
+    folderName += `--retry-${retryCount}`;
+  }
+  const artifactDir = join(outputDir, "artifacts", folderName);
+  const result = {};
+  try {
+    mkdirSync2(artifactDir, { recursive: true });
+  } catch {
+    return null;
+  }
+  if (screenshot?.path) {
+    try {
+      if (existsSync(screenshot.path)) {
+        const ext = extname(screenshot.path) || ".png";
+        const destName = `screenshot${ext}`;
+        copyFileSync(screenshot.path, join(artifactDir, destName));
+        result.screenshot = `artifacts/${folderName}/${destName}`;
+      }
+    } catch {
+    }
+  }
+  if (video?.path) {
+    try {
+      if (existsSync(video.path)) {
+        const ext = extname(video.path) || ".webm";
+        const destName = `video${ext}`;
+        copyFileSync(video.path, join(artifactDir, destName));
+        result.video = `artifacts/${folderName}/${destName}`;
+      }
+    } catch {
+    }
+  }
+  if (!result.screenshot && !result.video) {
+    return null;
+  }
+  return result;
+}
+
 // src/reporter.ts
+function mapPlaywrightStatus(status) {
+  switch (status) {
+    case "passed":
+      return "passed";
+    case "failed":
+      return "failed";
+    case "timedOut":
+      return "timedout";
+    case "skipped":
+      return "skipped";
+    case "interrupted":
+      return "failed";
+    default:
+      return "failed";
+  }
+}
+function generateTestId(filePath, suiteName, title) {
+  const input = `${filePath}::${suiteName}::${title}`;
+  return createHash("sha256").update(input).digest("hex").substring(0, 16);
+}
+function getSuiteName(titlePath) {
+  if (titlePath.length <= 4) return "";
+  return titlePath[titlePath.length - 2];
+}
+function getRetryStatus(results) {
+  const passedIndex = results.findIndex((r) => r.status === "passed");
+  return passedIndex > 0 ? `passed on retry ${passedIndex}` : null;
+}
+function getTestType(tags, filePath) {
+  const typeOrder = ["e2e", "api", "unit"];
+  for (const type of typeOrder) {
+    if (tags.some((tag) => tag === `@${type}` || tag === type)) {
+      return type;
+    }
+  }
+  for (const type of typeOrder) {
+    if (filePath.includes(`/${type}/`)) {
+      return type;
+    }
+  }
+  return "unknown";
+}
 var TestRelicReporter = class {
   constructor(options) {
     this.rootDir = "";
@@ -533,12 +746,11 @@ var TestRelicReporter = class {
       let status;
       if (outcome === "flaky") {
         status = "flaky";
-      } else if (lastResult.status === "passed") {
-        status = "passed";
+      } else if (outcome === "skipped") {
+        status = "skipped";
       } else {
-        status = "failed";
+        status = mapPlaywrightStatus(lastResult.status);
       }
-      if (outcome === "skipped") return;
       const startedAt = lastResult.startTime.toISOString();
       const completedAt = new Date(lastResult.startTime.getTime() + lastResult.duration).toISOString();
       const tags = test.tags ? [...test.tags] : test.annotations.filter((a) => a.type === "tag").map((a) => a.description ?? "");
@@ -575,9 +787,24 @@ var TestRelicReporter = class {
       }
       const titlePath = test.titlePath().filter(Boolean);
       const specFile = relative(this.rootDir || ".", test.location.file);
+      const suiteName = getSuiteName(titlePath);
+      const title = titlePath.join(" > ");
+      const filePath = specFile;
+      const testId = generateTestId(filePath, suiteName, title);
+      const testType = getTestType(tags, filePath);
+      const isFlaky = outcome === "flaky";
+      const retryStatus = getRetryStatus(test.results);
+      const expectedStatus = mapPlaywrightStatus(test.expectedStatus);
+      const actualStatus = mapPlaywrightStatus(lastResult.status);
+      let artifacts = null;
+      if (this.config.includeArtifacts && status !== "skipped" && lastResult.attachments) {
+        const outputDir = dirname2(this.config.outputPath);
+        const lastTitle = titlePath[titlePath.length - 1] ?? test.title;
+        artifacts = copyArtifacts(lastResult.attachments, lastTitle, lastResult.retry, outputDir);
+      }
       this.collectedTests.push({
         titlePath,
-        title: titlePath.join(" > "),
+        title,
         status,
         duration: lastResult.duration,
         startedAt,
@@ -586,7 +813,16 @@ var TestRelicReporter = class {
         tags,
         failure,
         specFile,
-        navigations
+        navigations,
+        testId,
+        filePath,
+        suiteName,
+        testType,
+        isFlaky,
+        retryStatus,
+        expectedStatus,
+        actualStatus,
+        artifacts
       });
     } catch {
     }
@@ -666,6 +902,7 @@ var TestRelicReporter = class {
     let failed = 0;
     let flaky = 0;
     let skipped = 0;
+    let timedout = 0;
     for (const test of this.collectedTests) {
       switch (test.status) {
         case "passed":
@@ -677,6 +914,12 @@ var TestRelicReporter = class {
         case "flaky":
           flaky++;
           break;
+        case "skipped":
+          skipped++;
+          break;
+        case "timedout":
+          timedout++;
+          break;
       }
     }
     return {
@@ -684,7 +927,8 @@ var TestRelicReporter = class {
       passed,
       failed,
       flaky,
-      skipped
+      skipped,
+      timedout
     };
   }
   toTestResult(test) {
@@ -696,7 +940,16 @@ var TestRelicReporter = class {
       completedAt: test.completedAt,
       retryCount: test.retryCount,
       tags: test.tags,
-      failure: test.failure
+      failure: test.failure,
+      testId: test.testId,
+      filePath: test.filePath,
+      suiteName: test.suiteName,
+      testType: test.testType,
+      isFlaky: test.isFlaky,
+      retryStatus: test.retryStatus,
+      expectedStatus: test.expectedStatus,
+      actualStatus: test.actualStatus,
+      artifacts: test.artifacts
     };
   }
   writeReport(report) {
@@ -704,7 +957,7 @@ var TestRelicReporter = class {
       const json = JSON.stringify(report, null, 2);
       const outputPath = this.config.outputPath;
       const dir = dirname2(outputPath);
-      mkdirSync2(dir, { recursive: true });
+      mkdirSync3(dir, { recursive: true });
       const tmpPath = outputPath + ".tmp";
       writeFileSync2(tmpPath, json, "utf-8");
       renameSync2(tmpPath, outputPath);