shiplightai 0.1.21 → 0.1.22

package/dist/reporter.js

@@ -0,0 +1,723 @@
+import { createRequire as __createRequire } from "module";
+const require = __createRequire(import.meta.url);
+import{a as T}from"./chunk-4MP3EHVU.js";import{Aa as b}from"./chunk-47OHTDHW.js";import"./chunk-CSINHOOD.js";import*as u from"fs";import*as c from"path";function p(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function k(e){if(e<1e3)return`${e}ms`;if(e<6e4)return`${(e/1e3).toFixed(1)}s`;let r=Math.floor(e/6e4),s=(e%6e4/1e3).toFixed(0);return`${r}m ${s}s`}function I(e){switch(e){case"passed":case"success":return'<span class="status-icon passed">&#x2714;</span>';case"failed":case"failure":case"timedOut":return'<span class="status-icon failed">&#x2718;</span>';case"skipped":return'<span class="status-icon skipped">&#x2500;</span>';case"interrupted":return'<span class="status-icon failed">&#x26A0;</span>';default:return'<span class="status-icon pending">&#x25CB;</span>'}}function F(e){return`<span class="badge badge-${e}">${e}</span>`}function B(e){let r=e.duration!=null?`<span class="step-duration">${k(e.duration)}</span>`:"",s=I(e.status);if(e.screenshot||e.message||e.error){let l="";e.screenshot&&(l=`<img src="${p(e.screenshot)}" alt="Step screenshot" class="step-screenshot" />`);let i="";e.error&&(i=`<div class="step-error"><pre>${p(e.error)}</pre></div>`);let o="";e.message&&!e.error&&(o=`<div class="step-message">${p(e.message)}</div>`);let d=e.status==="failure"?" open":"";return`
+    <details class="step-details step step-${e.status}"${d}>
+      <summary class="step-header">
+        ${s}
+        <span class="step-id">${p(e.stepId)}</span>
+        <span class="step-description-collapsed">${p(e.description)}</span>
+        ${r}
+      </summary>
+      <div class="step-expanded">
+        ${l}
+        <div class="step-description-full">${p(e.description)}</div>
+        ${o}
+        ${i}
+      </div>
+    </details>`}return`
+    <div class="step step-${e.status}">
+      <div class="step-header">
+        ${s}
+        <span class="step-id">${p(e.stepId)}</span>
+        <span class="step-description">${p(e.description)}</span>
+        ${r}
+      </div>
+    </div>`}function D(e,r){let s=I(e.status),g=e.steps.map(B).join(`
+`),l="";e.error&&!e.steps.some(a=>a.error)&&(l=`<div class="test-error"><pre>${p(e.error)}</pre></div>`);let i=[];e.videoPath&&i.push(`
+      <details class="artifact-section">
+        <summary class="artifact-summary">Video</summary>
+        <div class="artifact-content">
+          <div class="video-container">
+            <video controls preload="metadata" class="artifact-video">
+              <source src="${p(e.videoPath)}" type="video/webm" />
+            </video>
+            <button class="enlarge-btn" onclick="openVideoOverlay(this)" title="Enlarge">&#x26F6;</button>
+          </div>
+        </div>
+      </details>`);let o=e.steps.filter(a=>a.screenshot).map(a=>({src:a.screenshot,stepId:a.stepId,description:a.description,status:a.status,message:a.message||a.error||""}));if(o.length>0){let a=p(JSON.stringify(o)),t=o.map((n,y)=>`
+      <div class="screenshot-thumb" onclick="openGalleryAt(this, ${y})" data-gallery="${a}">
+        <img src="${p(n.src)}" alt="${p(n.stepId)}" />
+        <span class="thumb-label">${p(n.stepId)}</span>
+      </div>`).join("");i.push(`
+      <details class="artifact-section">
+        <summary class="artifact-summary">Screenshots (${o.length})</summary>
+        <div class="artifact-content">
+          <div class="screenshot-grid">${t}</div>
+        </div>
+      </details>`)}if(e.tracePath){let a=p(e.tracePath);i.push(`
+      <details class="artifact-section">
+        <summary class="artifact-summary">Trace</summary>
+        <div class="artifact-content">
+          <div class="trace-actions">
+            <code class="trace-command" id="trace-cmd-${r}">npx playwright show-trace ${a}</code>
+            <button class="copy-btn" onclick="copyTraceCmd(${r})" title="Copy command">Copy</button>
+          </div>
+          <p class="trace-hint">Run this command in your terminal to open the interactive Trace Viewer</p>
+          <p class="trace-hint"><a href="${a}" class="attachment-link" download>Download trace.zip</a></p>
+        </div>
+      </details>`)}let d="";return i.length>0&&(d=`<div class="test-artifacts">${i.join("")}</div>`),`
+    <details class="test-details" ${e.status==="failed"||e.status==="timedOut"?"open":""}>
+      <summary class="test-summary test-${e.status}">
+        ${s}
+        <span class="test-title">${p(e.title)}</span>
+        <span class="test-file">${p(e.file)}</span>
+        ${F(e.status)}
+        <span class="test-duration">${k(e.duration)}</span>
+      </summary>
+      <div class="test-body">
+        ${l}
+        <div class="steps-list">
+          ${g||'<div class="no-steps">No YAML step details available</div>'}
+        </div>
+        ${d}
+      </div>
+    </details>`}function R(e){let r=e.tests.filter(o=>o.status==="passed").length,s=e.tests.filter(o=>o.status==="failed"||o.status==="timedOut").length,g=e.tests.filter(o=>o.status==="skipped").length,l=e.tests.length,i=e.tests.map((o,d)=>D(o,d)).join(`
+`);return`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Shiplight Test Report</title>
+  <style>
+    :root {
+      --color-bg: #1a1a2e;
+      --color-surface: #16213e;
+      --color-surface-hover: #1a2744;
+      --color-border: #2a3a5c;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #8892a4;
+      --color-passed: #4caf50;
+      --color-failed: #f44336;
+      --color-skipped: #ff9800;
+      --color-pending: #9e9e9e;
+      --color-accent: #64b5f6;
+    }
+
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: var(--color-bg);
+      color: var(--color-text);
+      line-height: 1.5;
+      padding: 24px;
+    }
+
+    .container { max-width: 960px; margin: 0 auto; }
+
+    .header {
+      margin-bottom: 24px;
+      padding-bottom: 16px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .header h1 {
+      font-size: 24px;
+      font-weight: 600;
+      margin-bottom: 12px;
+    }
+
+    .summary {
+      display: flex;
+      gap: 16px;
+      flex-wrap: wrap;
+      align-items: center;
+    }
+
+    .summary-stat {
+      font-size: 14px;
+      padding: 4px 12px;
+      border-radius: 4px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+    }
+
+    .summary-stat.passed { border-color: var(--color-passed); }
+    .summary-stat.failed { border-color: var(--color-failed); }
+    .summary-stat.skipped { border-color: var(--color-skipped); }
+
+    .test-list { display: flex; flex-direction: column; gap: 8px; }
+
+    .test-details {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      overflow: hidden;
+    }
+
+    .test-summary {
+      padding: 12px 16px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      user-select: none;
+      list-style: none;
+    }
+
+    .test-summary::-webkit-details-marker { display: none; }
+
+    .test-summary:hover { background: var(--color-surface-hover); }
+
+    .test-title { font-weight: 500; flex: 1; }
+
+    .test-file {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      max-width: 200px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .test-duration {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      min-width: 50px;
+      text-align: right;
+    }
+
+    .badge {
+      font-size: 11px;
+      padding: 2px 8px;
+      border-radius: 4px;
+      text-transform: uppercase;
+      font-weight: 600;
+    }
+
+    .badge-passed { background: rgba(76,175,80,0.2); color: var(--color-passed); }
+    .badge-failed, .badge-timedOut { background: rgba(244,67,54,0.2); color: var(--color-failed); }
+    .badge-skipped { background: rgba(255,152,0,0.2); color: var(--color-skipped); }
+    .badge-interrupted { background: rgba(244,67,54,0.2); color: var(--color-failed); }
+
+    .test-body { padding: 0 16px 16px; }
+
+    .step-message {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin: 4px 0;
+      line-height: 1.4;
+    }
+
+    .test-error, .step-error {
+      background: rgba(244,67,54,0.1);
+      border: 1px solid rgba(244,67,54,0.3);
+      border-radius: 4px;
+      padding: 8px 12px;
+      margin: 8px 0;
+    }
+
+    .test-error pre, .step-error pre {
+      font-size: 12px;
+      white-space: pre-wrap;
+      word-break: break-word;
+      color: #ef9a9a;
+    }
+
+    .steps-list {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-top: 8px;
+    }
+
+    .step, .step-details {
+      padding: 6px 12px;
+      border-radius: 4px;
+      border-left: 3px solid transparent;
+    }
+
+    .step-success { border-left-color: var(--color-passed); }
+    .step-failure { border-left-color: var(--color-failed); }
+    .step-skipped { border-left-color: var(--color-skipped); }
+    .step-pending { border-left-color: var(--color-pending); }
+
+    .step-details { cursor: pointer; }
+    .step-details > summary { list-style: none; }
+    .step-details > summary::-webkit-details-marker { display: none; }
+    .step-details > summary::before {
+      content: '\\25B6';
+      font-size: 9px;
+      color: var(--color-text-secondary);
+      margin-right: 4px;
+      display: inline-block;
+      transition: transform 0.15s;
+    }
+    .step-details[open] > summary::before {
+      transform: rotate(90deg);
+    }
+    .step-details:hover { background: var(--color-surface-hover); }
+
+    .step-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 13px;
+    }
+
+    .step-expanded {
+      padding: 8px 0 4px 26px;
+    }
+
+    .step-id {
+      font-family: monospace;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      min-width: 60px;
+    }
+
+    .step-description { flex: 1; }
+    .step-description-collapsed { flex: 1; }
+    .step-details[open] .step-description-collapsed { display: none; }
+
+    .step-description-full {
+      font-size: 13px;
+      margin-bottom: 4px;
+    }
+
+    .step-duration {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      min-width: 40px;
+      text-align: right;
+    }
+
+    .status-icon { font-size: 14px; width: 18px; text-align: center; display: inline-block; }
+    .status-icon.passed { color: var(--color-passed); }
+    .status-icon.failed { color: var(--color-failed); }
+    .status-icon.skipped { color: var(--color-skipped); }
+    .status-icon.pending { color: var(--color-pending); }
+
+    .step-screenshot {
+      max-width: 100%;
+      border-radius: 4px;
+      margin-bottom: 8px;
+      border: 1px solid var(--color-border);
+    }
+
+    .test-artifacts {
+      margin-top: 12px;
+      padding-top: 8px;
+      border-top: 1px solid var(--color-border);
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    .artifact-section {
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      overflow: hidden;
+    }
+    .artifact-summary {
+      padding: 8px 12px;
+      font-size: 13px;
+      font-weight: 500;
+      cursor: pointer;
+      user-select: none;
+      color: var(--color-accent);
+      list-style: none;
+    }
+    .artifact-summary::-webkit-details-marker { display: none; }
+    .artifact-summary::before {
+      content: '\\25B6';
+      font-size: 9px;
+      color: var(--color-text-secondary);
+      margin-right: 6px;
+      display: inline-block;
+      transition: transform 0.15s;
+    }
+    .artifact-section[open] > .artifact-summary::before {
+      transform: rotate(90deg);
+    }
+    .artifact-summary:hover { background: var(--color-surface-hover); }
+    .artifact-content { padding: 8px 12px 12px; }
+
+    .video-container { position: relative; display: inline-block; max-width: 100%; }
+    .artifact-video {
+      max-width: 100%;
+      max-height: 400px;
+      border-radius: 4px;
+      border: 1px solid var(--color-border);
+      display: block;
+    }
+    .enlarge-btn {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      background: rgba(0,0,0,0.6);
+      border: 1px solid rgba(255,255,255,0.2);
+      color: white;
+      font-size: 16px;
+      width: 32px;
+      height: 32px;
+      border-radius: 4px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0;
+      transition: opacity 0.15s;
+    }
+    .video-container:hover .enlarge-btn { opacity: 1; }
+    .enlarge-btn:hover { background: rgba(0,0,0,0.8); }
+
+    .screenshot-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+      gap: 8px;
+    }
+    .screenshot-thumb {
+      cursor: pointer;
+      border-radius: 4px;
+      border: 1px solid var(--color-border);
+      overflow: hidden;
+      transition: border-color 0.15s;
+    }
+    .screenshot-thumb:hover { border-color: var(--color-accent); }
+    .screenshot-thumb img {
+      width: 100%;
+      display: block;
+      aspect-ratio: 16/9;
+      object-fit: cover;
+    }
+    .thumb-label {
+      display: block;
+      font-size: 10px;
+      font-family: monospace;
+      color: var(--color-text-secondary);
+      padding: 3px 6px;
+      text-align: center;
+      background: var(--color-surface);
+    }
+
+    .trace-actions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .trace-command {
+      flex: 1;
+      background: var(--color-bg);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      padding: 8px 12px;
+      font-size: 12px;
+      color: var(--color-text);
+      white-space: nowrap;
+      overflow-x: auto;
+    }
+    .copy-btn {
+      background: var(--color-surface-hover);
+      border: 1px solid var(--color-border);
+      color: var(--color-accent);
+      font-size: 12px;
+      padding: 6px 12px;
+      border-radius: 4px;
+      cursor: pointer;
+      white-space: nowrap;
+    }
+    .copy-btn:hover { background: var(--color-border); }
+    .trace-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 6px;
+    }
+
+    .attachment-link { color: var(--color-accent); text-decoration: none; }
+    .attachment-link:hover { text-decoration: underline; }
+
+    /* Video overlay */
+    .video-overlay {
+      display: none;
+      position: fixed;
+      inset: 0;
+      z-index: 1000;
+      background: rgba(0,0,0,0.92);
+      align-items: center;
+      justify-content: center;
+    }
+    .video-overlay.active { display: flex; }
+    .video-overlay video {
+      max-width: 90vw;
+      max-height: 90vh;
+      border-radius: 4px;
+    }
+    .video-overlay .gallery-close {
+      position: absolute;
+      top: 12px;
+      right: 16px;
+    }
+
+    .no-steps {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      font-style: italic;
+      padding: 8px 0;
+    }
+
+    .footer {
+      margin-top: 24px;
+      padding-top: 12px;
+      border-top: 1px solid var(--color-border);
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      text-align: center;
+    }
+
+    /* Gallery lightbox */
+    .gallery-overlay {
+      display: none;
+      position: fixed;
+      inset: 0;
+      z-index: 1000;
+      background: rgba(0,0,0,0.92);
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+    }
+    .gallery-overlay.active { display: flex; }
+
+    .gallery-top {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      padding: 16px 24px;
+      background: linear-gradient(rgba(0,0,0,0.6), transparent);
+      text-align: center;
+    }
+    .gallery-step-id {
+      font-family: monospace;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-right: 8px;
+    }
+    .gallery-description {
+      font-size: 15px;
+      color: var(--color-text);
+    }
+    .gallery-counter {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    .gallery-img-container {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 60px 80px;
+      min-height: 0;
+      width: 100%;
+    }
+    .gallery-img-container img {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+      border-radius: 4px;
+    }
+
+    .gallery-bottom {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      padding: 16px 24px;
+      background: linear-gradient(transparent, rgba(0,0,0,0.6));
+      text-align: center;
+    }
+    .gallery-message {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      max-height: 80px;
+      overflow-y: auto;
+      line-height: 1.4;
+    }
+
+    .gallery-nav {
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      background: rgba(255,255,255,0.1);
+      border: 1px solid rgba(255,255,255,0.2);
+      color: white;
+      font-size: 24px;
+      width: 44px;
+      height: 44px;
+      border-radius: 50%;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      user-select: none;
+    }
+    .gallery-nav:hover { background: rgba(255,255,255,0.2); }
+    .gallery-nav.prev { left: 16px; }
+    .gallery-nav.next { right: 16px; }
+
+    .gallery-close {
+      position: absolute;
+      top: 12px;
+      right: 16px;
+      background: none;
+      border: none;
+      color: white;
+      font-size: 28px;
+      cursor: pointer;
+      opacity: 0.7;
+      z-index: 1;
+    }
+    .gallery-close:hover { opacity: 1; }
+
+    .gallery-status {
+      display: inline-block;
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      margin-right: 6px;
+      vertical-align: middle;
+    }
+    .gallery-status.success { background: var(--color-passed); }
+    .gallery-status.failure { background: var(--color-failed); }
+    .gallery-status.skipped { background: var(--color-skipped); }
+    .gallery-status.pending { background: var(--color-pending); }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="header">
+      <h1>Shiplight Test Report</h1>
+      <div class="summary">
+        <span class="summary-stat">${l} test${l!==1?"s":""}</span>
+        ${r>0?`<span class="summary-stat passed">${r} passed</span>`:""}
+        ${s>0?`<span class="summary-stat failed">${s} failed</span>`:""}
+        ${g>0?`<span class="summary-stat skipped">${g} skipped</span>`:""}
+        <span class="summary-stat">${k(e.totalDuration)}</span>
+      </div>
+    </div>
+    <div class="test-list">
+      ${i}
+    </div>
+    <div class="footer">
+      Generated by Shiplight Reporter
+    </div>
+  </div>
+
+  <!-- Video overlay -->
+  <div class="video-overlay" id="videoOverlay">
+    <button class="gallery-close" onclick="closeVideoOverlay()">&times;</button>
+    <video controls autoplay id="overlayVideo"><source src="" type="video/webm" /></video>
+  </div>
+
+  <!-- Gallery lightbox -->
+  <div class="gallery-overlay" id="gallery">
+    <button class="gallery-close" onclick="closeGallery()">&times;</button>
+    <div class="gallery-top">
+      <div>
+        <span class="gallery-status" id="gallery-status"></span>
+        <span class="gallery-step-id" id="gallery-step-id"></span>
+        <span class="gallery-description" id="gallery-description"></span>
+      </div>
+      <div class="gallery-counter" id="gallery-counter"></div>
+    </div>
+    <button class="gallery-nav prev" onclick="galleryNav(-1)">&#x2039;</button>
+    <div class="gallery-img-container">
+      <img id="gallery-img" src="" alt="" />
+    </div>
+    <button class="gallery-nav next" onclick="galleryNav(1)">&#x203A;</button>
+    <div class="gallery-bottom">
+      <div class="gallery-message" id="gallery-message"></div>
+    </div>
+  </div>
+
+  <script>
+    /* Trace */
+    function copyTraceCmd(idx) {
+      const el = document.getElementById('trace-cmd-' + idx);
+      navigator.clipboard.writeText(el.textContent).then(function() {
+        const btn = el.nextElementSibling;
+        btn.textContent = 'Copied!';
+        setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
+      });
+    }
+
+    /* Gallery */
+    let galleryData = [];
+    let galleryIndex = 0;
+
+    function openGalleryAt(el, idx) {
+      galleryData = JSON.parse(el.dataset.gallery);
+      galleryIndex = idx || 0;
+      document.getElementById('gallery').classList.add('active');
+      renderGallerySlide();
+    }
+
+    function closeGallery() {
+      document.getElementById('gallery').classList.remove('active');
+    }
+
+    function galleryNav(dir) {
+      galleryIndex = (galleryIndex + dir + galleryData.length) % galleryData.length;
+      renderGallerySlide();
+    }
+
+    function renderGallerySlide() {
+      const s = galleryData[galleryIndex];
+      document.getElementById('gallery-img').src = s.src;
+      document.getElementById('gallery-step-id').textContent = s.stepId;
+      document.getElementById('gallery-description').textContent = s.description;
+      document.getElementById('gallery-counter').textContent =
+        (galleryIndex + 1) + ' / ' + galleryData.length;
+      document.getElementById('gallery-status').className = 'gallery-status ' + s.status;
+      const msgEl = document.getElementById('gallery-message');
+      msgEl.textContent = s.message || '';
+      msgEl.style.display = s.message ? 'block' : 'none';
+    }
+
+    document.getElementById('gallery').addEventListener('click', function(e) {
+      if (e.target === this) closeGallery();
+    });
+
+    /* Video overlay */
+    function openVideoOverlay(btn) {
+      const video = btn.closest('.video-container').querySelector('video');
+      const src = video.querySelector('source').src;
+      const overlay = document.getElementById('videoOverlay');
+      const overlayVideo = document.getElementById('overlayVideo');
+      overlayVideo.querySelector('source').src = src;
+      overlayVideo.load();
+      overlayVideo.currentTime = video.currentTime;
+      overlay.classList.add('active');
+    }
+
+    function closeVideoOverlay() {
+      const overlay = document.getElementById('videoOverlay');
+      overlay.classList.remove('active');
+      document.getElementById('overlayVideo').pause();
+    }
+
+    document.getElementById('videoOverlay').addEventListener('click', function(e) {
+      if (e.target === this) closeVideoOverlay();
+    });
+
+    /* Keyboard */
+    document.addEventListener('keydown', function(e) {
+      const galleryActive = document.getElementById('gallery').classList.contains('active');
+      const videoActive = document.getElementById('videoOverlay').classList.contains('active');
+      if (e.key === 'Escape') {
+        if (galleryActive) closeGallery();
+        if (videoActive) closeVideoOverlay();
+      }
+      if (galleryActive) {
+        if (e.key === 'ArrowLeft') galleryNav(-1);
+        else if (e.key === 'ArrowRight') galleryNav(1);
+      }
+    });
+  </script>
+</body>
+</html>`}var C={before:0,main:1,teardown:2,after:3};function z(e){let r=e.split(".")[0];return C[r]??1}function E(e){return e.split(".").map(r=>{let s=Number(r);return Number.isNaN(s)?0:s})}function A(e){return[...e].sort(([r],[s])=>{let g=z(r),l=z(s);if(g!==l)return g-l;let i=E(r),o=E(s);for(let d=0;d<Math.max(i.length,o.length);d++){let a=i[d]??-1,t=o[d]??-1;if(a!==t)return a-t}return 0})}var w=class{outputFolder;openMode;collected=[];config;constructor(r={}){this.outputFolder=r.outputFolder||"shiplight-report",this.openMode=r.open||"on-failure"}onBegin(r,s){this.config=r}onTestEnd(r,s){this.collected.push({test:r,result:s})}async onEnd(r){if(this.collected.length===0)return;let s=[];for(let{test:t,result:n}of this.collected){let y=t.location.file,m=await this.buildReportTest(t,n,y);s.push(m)}let g={tests:s,totalDuration:r.duration},l=c.isAbsolute(this.outputFolder)?this.outputFolder:c.join(process.cwd(),this.outputFolder);u.mkdirSync(l,{recursive:!0});let i=c.join(l,"screenshots"),o=!1;for(let t of g.tests)for(let n of t.steps)if(n.screenshot&&c.isAbsolute(n.screenshot))try{o||(u.mkdirSync(i,{recursive:!0}),o=!0);let y=`${n.stepId.replace(/\./g,"-")}.png`,m=c.join(i,y);u.copyFileSync(n.screenshot,m),n.screenshot=`screenshots/${y}`}catch{}let d=c.join(l,"report-data.json");u.writeFileSync(d,JSON.stringify(g,null,2),"utf-8");let a=c.join(l,"index.html");u.writeFileSync(a,R(g),"utf-8");for(let{result:t}of this.collected)for(let n of t.attachments)if(n.path&&(n.name==="video"||n.name==="trace")){let y=c.basename(n.path),m=c.join(l,y);try{u.copyFileSync(n.path,m)}catch{}}if(console.log(`
+Shiplight report written to: ${a}`),this.openMode==="always"||this.openMode==="on-failure"&&r.status!=="passed")try{let t=(await import("open")).default;await t(a)}catch{}}printsToStdio(){return!1}async buildReportTest(r,s,g){let l={title:r.title,file:c.relative(process.cwd(),g),status:s.status,duration:s.duration,steps:[]};s.errors.length>0&&(l.error=s.errors.map(t=>t.message||t.stack||String(t)).join(`
+
+`));for(let t of s.attachments)t.name==="video"&&t.path&&(l.videoPath=c.basename(t.path)),t.name==="trace"&&t.path&&(l.tracePath=c.basename(t.path));let i=s.attachments.find(t=>t.name==="shiplight-results"),o=null;if(i)try{if(i.body)o=JSON.parse(i.body.toString("utf-8"));else if(i.path){let t=u.readFileSync(i.path,"utf-8");o=JSON.parse(t)}}catch{}let d=g.replace(/\.yaml\.spec\.ts$/,".test.yaml"),a={};if(u.existsSync(d))try{let t=u.readFileSync(d,"utf-8"),n=T(t,d);if(n.suite){let y=n.suite.tests.find(m=>m.name===r.title);y&&(a=b(y.testFlow))}else n.testFlow&&(a=b(n.testFlow))}catch{}if(o||Object.keys(a).length>0){let t=new Set([...Object.keys(a),...Object.keys(o||{})]),n=Array.from(t).map(m=>[m,null]),y=A(n);for(let[m]of y){let $=a[m],f=o?.[m],h=$?.description;if(!h||h==="Action"||h==="Draft"){let v=$?.action_entity;h=v?.action_description||v?.action_data?.kwargs?.description||f?.description||m}let x={stepId:m,description:h,status:f?.status||"pending",duration:f?.duration};if(f?.message){let v=typeof f.message=="string"?f.message:JSON.stringify(f.message,null,2);f.status==="failure"?x.error=v:x.message=v}if(f?.screenshot){let v=f.screenshot,O=i?.path?c.dirname(i.path):"",S=c.isAbsolute(v)?v:c.join(O,v);u.existsSync(S)&&(x.screenshot=S)}l.steps.push(x)}}return l}},j=w;export{j as default};