@reportforge/playwright-pdf 0.23.0 → 0.25.0

package/dist/templates/partials/ci-environment.hbs

@@ -1,56 +1,56 @@
-<div class="section">
-  <h2>Environment &amp; CI</h2>
-  {{#if options.showFullEnvironment}}
-  <table class="env-table">
-    <tbody>
-      <tr><td>CI Provider</td><td class="env-value">{{environment.ciProvider}}</td></tr>
-      <tr><td>Branch</td>     <td class="env-value">{{gitVal environment.branch}}</td></tr>
-      <tr><td>Commit</td>     <td class="env-value">{{gitVal environment.commit}}</td></tr>
-      {{#if environment.buildUrl}}
-      <tr><td>Build URL</td>  <td class="env-value"><a href="{{environment.buildUrl}}" style="color:var(--primary,#CC785C);">{{environment.buildUrl}}</a></td></tr>
-      {{/if}}
-      <tr><td>Browsers</td>   <td class="env-value">{{join environment.browsers ", "}}</td></tr>
-      <tr><td>OS</td>         <td class="env-value">{{environment.os}}</td></tr>
-      <tr><td>Node.js</td>    <td class="env-value">{{environment.nodeVersion}}</td></tr>
-      <tr><td>Playwright</td> <td class="env-value">v{{environment.playwrightVersion}}</td></tr>
-      <tr><td>Projects</td>   <td class="env-value">{{environment.projectCount}}</td></tr>
-      <tr><td>Workers</td>    <td class="env-value">{{environment.workerCount}}</td></tr>
-    </tbody>
-  </table>
-  {{else}}
-  <div class="env-grid">
-    <div class="env-item">
-      <span class="env-item__key">Branch</span>
-      <span class="env-item__val">{{gitVal environment.branch}}</span>
-    </div>
-    <div class="env-item">
-      <span class="env-item__key">Commit</span>
-      <span class="env-item__val">{{gitVal environment.commit}}</span>
-    </div>
-    <div class="env-item">
-      <span class="env-item__key">Browsers</span>
-      <span class="env-item__val">{{join environment.browsers ", "}}</span>
-    </div>
-    <div class="env-item">
-      <span class="env-item__key">CI</span>
-      <span class="env-item__val">{{environment.ciProvider}}</span>
-    </div>
-    <div class="env-item">
-      <span class="env-item__key">Node</span>
-      <span class="env-item__val">{{environment.nodeVersion}}</span>
-    </div>
-    <div class="env-item">
-      <span class="env-item__key">Playwright</span>
-      <span class="env-item__val">v{{environment.playwrightVersion}}</span>
-    </div>
-    <div class="env-item">
-      <span class="env-item__key">Projects</span>
-      <span class="env-item__val">{{environment.projectCount}}</span>
-    </div>
-    <div class="env-item">
-      <span class="env-item__key">Workers</span>
-      <span class="env-item__val">{{environment.workerCount}}</span>
-    </div>
-  </div>
-  {{/if}}
-</div>
+<div class="section">
+  <h2>Environment &amp; CI</h2>
+  {{#if options.showFullEnvironment}}
+  <table class="env-table">
+    <tbody>
+      <tr><td>CI Provider</td><td class="env-value">{{environment.ciProvider}}</td></tr>
+      <tr><td>Branch</td>     <td class="env-value">{{gitVal environment.branch}}</td></tr>
+      <tr><td>Commit</td>     <td class="env-value">{{gitVal environment.commit}}</td></tr>
+      {{#if environment.buildUrl}}
+      <tr><td>Build URL</td>  <td class="env-value"><a href="{{environment.buildUrl}}" style="color:var(--primary,#CC785C);">{{environment.buildUrl}}</a></td></tr>
+      {{/if}}
+      <tr><td>Browsers</td>   <td class="env-value">{{join environment.browsers ", "}}</td></tr>
+      <tr><td>OS</td>         <td class="env-value">{{environment.os}}</td></tr>
+      <tr><td>Node.js</td>    <td class="env-value">{{environment.nodeVersion}}</td></tr>
+      <tr><td>Playwright</td> <td class="env-value">v{{environment.playwrightVersion}}</td></tr>
+      <tr><td>Projects</td>   <td class="env-value">{{environment.projectCount}}</td></tr>
+      <tr><td>Workers</td>    <td class="env-value">{{environment.workerCount}}</td></tr>
+    </tbody>
+  </table>
+  {{else}}
+  <div class="env-grid">
+    <div class="env-item">
+      <span class="env-item__key">Branch</span>
+      <span class="env-item__val">{{gitVal environment.branch}}</span>
+    </div>
+    <div class="env-item">
+      <span class="env-item__key">Commit</span>
+      <span class="env-item__val">{{gitVal environment.commit}}</span>
+    </div>
+    <div class="env-item">
+      <span class="env-item__key">Browsers</span>
+      <span class="env-item__val">{{join environment.browsers ", "}}</span>
+    </div>
+    <div class="env-item">
+      <span class="env-item__key">CI</span>
+      <span class="env-item__val">{{environment.ciProvider}}</span>
+    </div>
+    <div class="env-item">
+      <span class="env-item__key">Node</span>
+      <span class="env-item__val">{{environment.nodeVersion}}</span>
+    </div>
+    <div class="env-item">
+      <span class="env-item__key">Playwright</span>
+      <span class="env-item__val">v{{environment.playwrightVersion}}</span>
+    </div>
+    <div class="env-item">
+      <span class="env-item__key">Projects</span>
+      <span class="env-item__val">{{environment.projectCount}}</span>
+    </div>
+    <div class="env-item">
+      <span class="env-item__key">Workers</span>
+      <span class="env-item__val">{{environment.workerCount}}</span>
+    </div>
+  </div>
+  {{/if}}
+</div>

package/dist/templates/partials/cover-page.hbs

@@ -1,48 +1,48 @@
-<div class="cover-page">
-  {{#if meta.branding.logoBase64}}
-    <img class="cover-page__logo" src="{{meta.branding.logoBase64}}" alt="Logo">
-  {{/if}}
-
-  <div class="cover-page__title">{{meta.title}}</div>
-  <div class="cover-page__subtitle">{{meta.projectName}}</div>
-
-  <div class="cover-page__divider"></div>
-
-  <span class="cover-page__verdict cover-page__verdict--{{stats.verdict}}">
-    {{verdictLabel stats.verdict}}
-  </span>
-
-  <div class="cover-page__stats-strip">
-    <div class="cover-page__stat">
-      <div class="cover-page__stat-val">{{stats.total}}</div>
-      <div class="cover-page__stat-lbl">Tests</div>
-    </div>
-    <div class="cover-page__stat">
-      <div class="cover-page__stat-val" style="color:var(--pass);">{{stats.passed}}</div>
-      <div class="cover-page__stat-lbl">Passed</div>
-    </div>
-    <div class="cover-page__stat">
-      <div class="cover-page__stat-val" style="color:var(--fail);">{{stats.failed}}</div>
-      <div class="cover-page__stat-lbl">Failed</div>
-    </div>
-    <div class="cover-page__stat">
-      <div class="cover-page__stat-val" style="color:var(--pass);">{{stats.passRate}}%</div>
-      <div class="cover-page__stat-lbl">Pass Rate</div>
-    </div>
-    <div class="cover-page__stat">
-      <div class="cover-page__stat-val">{{formatDuration stats.duration}}</div>
-      <div class="cover-page__stat-lbl">Duration</div>
-    </div>
-  </div>
-
-  <div class="cover-page__meta">
-    Generated {{formatDate meta.generatedAt}}
-  </div>
-  {{#unless (and (isUnknown environment.branch) (isUnknown environment.commit))}}
-  <div class="cover-page__meta">
-    {{#unless (isUnknown environment.branch)}}Branch: <strong style="color:var(--text-1);">{{environment.branch}}</strong>{{/unless}}
-    {{#unless (or (isUnknown environment.branch) (isUnknown environment.commit))}}&nbsp;·&nbsp;{{/unless}}
-    {{#unless (isUnknown environment.commit)}}Commit: <strong style="color:var(--text-1);">{{environment.commit}}</strong>{{/unless}}
-  </div>
-  {{/unless}}
-</div>
+<div class="cover-page">
+  {{#if meta.branding.logoBase64}}
+    <img class="cover-page__logo" src="{{meta.branding.logoBase64}}" alt="Logo">
+  {{/if}}
+
+  <div class="cover-page__title">{{meta.title}}</div>
+  <div class="cover-page__subtitle">{{meta.projectName}}</div>
+
+  <div class="cover-page__divider"></div>
+
+  <span class="cover-page__verdict cover-page__verdict--{{stats.verdict}}">
+    {{verdictLabel stats.verdict}}
+  </span>
+
+  <div class="cover-page__stats-strip">
+    <div class="cover-page__stat">
+      <div class="cover-page__stat-val">{{stats.total}}</div>
+      <div class="cover-page__stat-lbl">Tests</div>
+    </div>
+    <div class="cover-page__stat">
+      <div class="cover-page__stat-val" style="color:var(--pass);">{{stats.passed}}</div>
+      <div class="cover-page__stat-lbl">Passed</div>
+    </div>
+    <div class="cover-page__stat">
+      <div class="cover-page__stat-val" style="color:var(--fail);">{{stats.failed}}</div>
+      <div class="cover-page__stat-lbl">Failed</div>
+    </div>
+    <div class="cover-page__stat">
+      <div class="cover-page__stat-val" style="color:var(--pass);">{{stats.passRate}}%</div>
+      <div class="cover-page__stat-lbl">Pass Rate</div>
+    </div>
+    <div class="cover-page__stat">
+      <div class="cover-page__stat-val">{{formatDuration stats.duration}}</div>
+      <div class="cover-page__stat-lbl">Duration</div>
+    </div>
+  </div>
+
+  <div class="cover-page__meta">
+    Generated {{formatDate meta.generatedAt}}
+  </div>
+  {{#unless (and (isUnknown environment.branch) (isUnknown environment.commit))}}
+  <div class="cover-page__meta">
+    {{#unless (isUnknown environment.branch)}}Branch: <strong style="color:var(--text-1);">{{environment.branch}}</strong>{{/unless}}
+    {{#unless (or (isUnknown environment.branch) (isUnknown environment.commit))}}&nbsp;·&nbsp;{{/unless}}
+    {{#unless (isUnknown environment.commit)}}Commit: <strong style="color:var(--text-1);">{{environment.commit}}</strong>{{/unless}}
+  </div>
+  {{/unless}}
+</div>

package/dist/templates/partials/defect-log.hbs

@@ -1,79 +1,79 @@
-{{#if failures.length}}
-<div class="section">
-  <h2>Defect Log</h2>
-  <table>
-    <thead>
-      <tr>
-        <th style="width:58px;">ID</th>
-        <th>Title</th>
-        <th style="width:100px;">Suite</th>
-        <th style="width:80px;">Severity</th>
-        <th style="width:72px;text-align:right;">Duration</th>
-      </tr>
-    </thead>
-      {{#each failures}}
-      <tbody class="defect-row-group">
-      <tr class="no-break">
-        <td class="defect-id">DEF-{{addOne @index}}</td>
-        <td style="font-weight:500;">{{testTitle}}</td>
-        <td style="font-size:9px;color:var(--text-3);font-family:'JetBrains Mono',monospace;">{{lastItem suitePath}}</td>
-        <td><span class="severity--{{severity}}">{{upperCase severity}}</span></td>
-        <td style="text-align:right;color:var(--text-3);font-family:'JetBrains Mono',monospace;">{{formatDuration durationMs}}</td>
-      </tr>
-      {{#if execution}}
-      <tr class="defect-detail-row">
-        <td colspan="5">
-          <div class="defect-detail">
-            {{! Error sits at the failing step inside the trail. Only when there is no
-                identified failing step (capture.steps off, or no errored step) is it
-                shown here under the title as a fallback. }}
-            {{#unless execution.failingStep}}
-            {{#if error.message}}
-            <div class="defect-detail__error">{{error.message}}</div>
-            {{/if}}
-            {{/unless}}
-
-            {{#if execution.steps.length}}
-            <div class="repro">
-              <div class="repro__tag">Steps to Reproduce</div>
-              {{! Each row is a real Markdown list line — `'  '×depth + '- ' + title` rendered
-                  pre-wrap — so the outline both displays indented and survives a copy-paste
-                  into a bug tracker as a nested list. }}
-              <div class="repro-steps">
-                {{#each execution.steps}}
-                <div class="repro-step{{#if failed}} repro-step--failed{{/if}}">
-                  <span class="repro-step__line">{{repeat "  " depth}}- {{title}}{{#if failed}} [FAILED]{{#if location}}  ({{location}}){{/if}}{{/if}}</span>
-                  {{! Error renders once, at the failing leaf: the step's own message, else the
-                      authoritative record error so an empty step message never hides it. }}
-                  {{#if failingLeaf}}<div class="repro-step__error">{{#if errorMessage}}{{errorMessage}}{{else}}{{../error.message}}{{/if}}</div>{{/if}}
-                </div>
-                {{/each}}
-              </div>
-            </div>
-            {{/if}}
-
-            {{#if execution.console}}
-            <div class="console-tail">
-              <div class="console-tail__tag">Console</div>
-              {{#if execution.console.stdoutTruncated}}<div class="console-tail__more">… earlier stdout truncated</div>{{/if}}
-              {{#each execution.console.stdout}}<div class="console-tail__line"><span class="console-tail__stream">out</span>{{this}}</div>{{/each}}
-              {{#if execution.console.stderrTruncated}}<div class="console-tail__more">… earlier stderr truncated</div>{{/if}}
-              {{#each execution.console.stderr}}<div class="console-tail__line console-tail__line--err"><span class="console-tail__stream">err</span>{{this}}</div>{{/each}}
-            </div>
-            {{/if}}
-
-            {{#if execution.evidence}}
-            <div class="evidence-links">
-              {{#if execution.evidence.tracePath}}<span class="evidence-link"><span class="evidence-link__tag">Trace</span><span class="evidence-link__path">{{execution.evidence.tracePath}}</span></span>{{/if}}
-              {{#if execution.evidence.videoPath}}<span class="evidence-link"><span class="evidence-link__tag">Video</span><span class="evidence-link__path">{{execution.evidence.videoPath}}</span></span>{{/if}}
-            </div>
-            {{/if}}
-          </div>
-        </td>
-      </tr>
-      {{/if}}
-      </tbody>
-      {{/each}}
-  </table>
-</div>
-{{/if}}
+{{#if failures.length}}
+<div class="section">
+  <h2>Defect Log</h2>
+  <table>
+    <thead>
+      <tr>
+        <th style="width:58px;">ID</th>
+        <th>Title</th>
+        <th style="width:100px;">Suite</th>
+        <th style="width:80px;">Severity</th>
+        <th style="width:72px;text-align:right;">Duration</th>
+      </tr>
+    </thead>
+      {{#each failures}}
+      <tbody class="defect-row-group">
+      <tr class="no-break">
+        <td class="defect-id">DEF-{{addOne @index}}</td>
+        <td style="font-weight:500;">{{testTitle}}</td>
+        <td style="font-size:9px;color:var(--text-3);font-family:'JetBrains Mono',monospace;">{{lastItem suitePath}}</td>
+        <td><span class="severity--{{severity}}">{{upperCase severity}}</span></td>
+        <td style="text-align:right;color:var(--text-3);font-family:'JetBrains Mono',monospace;">{{formatDuration durationMs}}</td>
+      </tr>
+      {{#if execution}}
+      <tr class="defect-detail-row">
+        <td colspan="5">
+          <div class="defect-detail">
+            {{! Error sits at the failing step inside the trail. Only when there is no
+                identified failing step (capture.steps off, or no errored step) is it
+                shown here under the title as a fallback. }}
+            {{#unless execution.failingStep}}
+            {{#if error.message}}
+            <div class="defect-detail__error">{{error.message}}</div>
+            {{/if}}
+            {{/unless}}
+
+            {{#if execution.steps.length}}
+            <div class="repro">
+              <div class="repro__tag">Steps to Reproduce</div>
+              {{! Each row is a real Markdown list line — `'  '×depth + '- ' + title` rendered
+                  pre-wrap — so the outline both displays indented and survives a copy-paste
+                  into a bug tracker as a nested list. }}
+              <div class="repro-steps">
+                {{#each execution.steps}}
+                <div class="repro-step{{#if failed}} repro-step--failed{{/if}}">
+                  <span class="repro-step__line">{{repeat "  " depth}}- {{title}}{{#if failed}} [FAILED]{{#if location}}  ({{location}}){{/if}}{{/if}}</span>
+                  {{! Error renders once, at the failing leaf: the step's own message, else the
+                      authoritative record error so an empty step message never hides it. }}
+                  {{#if failingLeaf}}<div class="repro-step__error">{{#if errorMessage}}{{errorMessage}}{{else}}{{../error.message}}{{/if}}</div>{{/if}}
+                </div>
+                {{/each}}
+              </div>
+            </div>
+            {{/if}}
+
+            {{#if execution.console}}
+            <div class="console-tail">
+              <div class="console-tail__tag">Console</div>
+              {{#if execution.console.stdoutTruncated}}<div class="console-tail__more">… earlier stdout truncated</div>{{/if}}
+              {{#each execution.console.stdout}}<div class="console-tail__line"><span class="console-tail__stream">out</span>{{this}}</div>{{/each}}
+              {{#if execution.console.stderrTruncated}}<div class="console-tail__more">… earlier stderr truncated</div>{{/if}}
+              {{#each execution.console.stderr}}<div class="console-tail__line console-tail__line--err"><span class="console-tail__stream">err</span>{{this}}</div>{{/each}}
+            </div>
+            {{/if}}
+
+            {{#if execution.evidence}}
+            <div class="evidence-links">
+              {{#if execution.evidence.tracePath}}<span class="evidence-link"><span class="evidence-link__tag">Trace</span><span class="evidence-link__path">{{execution.evidence.tracePath}}</span></span>{{/if}}
+              {{#if execution.evidence.videoPath}}<span class="evidence-link"><span class="evidence-link__tag">Video</span><span class="evidence-link__path">{{execution.evidence.videoPath}}</span></span>{{/if}}
+            </div>
+            {{/if}}
+          </div>
+        </td>
+      </tr>
+      {{/if}}
+      </tbody>
+      {{/each}}
+  </table>
+</div>
+{{/if}}

package/dist/templates/partials/executive-hero-summary.hbs

@@ -1,66 +1,66 @@
-<div class="section">
-  {{#unless options.releaseGateShown}}
-  <span class="verdict verdict--{{stats.verdict}}">
-    {{verdictLabel stats.verdict}}
-  </span>
-  {{/unless}}
-
-  <div class="hero-summary">
-    <div class="hero-summary__value">{{stats.passRate}}<span class="hero-summary__pct">%</span></div>
-    <div class="hero-summary__label">Pass Rate</div>
-  </div>
-
-  <div class="hero-stat-row">
-    <div class="hero-stat">
-      <span class="hero-stat__value">{{stats.total}}</span>
-      <span class="hero-stat__label">Total</span>
-    </div>
-    <div class="hero-stat{{#unless stats.failed}} hero-stat--zero{{/unless}}">
-      <span class="hero-stat__value" style="color:var(--fail);">{{stats.failed}}</span>
-      <span class="hero-stat__label">Failed</span>
-    </div>
-    <div class="hero-stat{{#unless stats.timedOut}} hero-stat--zero{{/unless}}">
-      <span class="hero-stat__value" style="color:var(--timeout);">{{stats.timedOut}}</span>
-      <span class="hero-stat__label">Timed Out</span>
-    </div>
-    <div class="hero-stat{{#unless stats.skipped}} hero-stat--zero{{/unless}}">
-      <span class="hero-stat__value" style="color:var(--skip);">{{stats.skipped}}</span>
-      <span class="hero-stat__label">Skipped</span>
-    </div>
-    <div class="hero-stat{{#unless stats.flaky}} hero-stat--zero{{/unless}}">
-      <span class="hero-stat__value" style="color:var(--flaky);">{{stats.flaky}}</span>
-      <span class="hero-stat__label">Flaky</span>
-    </div>
-  </div>
-
-  <div class="summary-row">
-    <div class="summary-row__item">
-      <span class="summary-row__label">Duration</span>
-      <span class="summary-row__value">{{formatDuration stats.duration}}</span>
-    </div>
-    {{#unless (or options.showPassRate @root.sections.charts)}}
-    <div class="summary-row__item">
-      <span class="summary-row__label">Pass Rate</span>
-      <span class="summary-row__value" style="color:var(--pass);">{{stats.passRate}}%</span>
-    </div>
-    {{/unless}}
-    <div class="summary-row__item">
-      <span class="summary-row__label">Generated</span>
-      <span class="summary-row__value">{{formatDate meta.generatedAt}}</span>
-    </div>
-    <div class="summary-row__item">
-      <span class="summary-row__label">Project</span>
-      <span class="summary-row__value">{{meta.projectName}}</span>
-    </div>
-  </div>
-
-  {{#if stats.flaky}}
-  <div class="flaky-callout">
-    <span class="flaky-callout__icon">&#9888;</span>
-    <div class="flaky-callout__body">
-      <span class="flaky-callout__title">{{stats.flaky}} Flaky Test{{#if (gt stats.flaky 1)}}s{{/if}} Detected</span>
-      <span class="flaky-callout__text">These tests passed on retry. Results may vary across re-runs. Investigate before shipping to production.</span>
-    </div>
-  </div>
-  {{/if}}
-</div>
+<div class="section">
+  {{#unless options.releaseGateShown}}
+  <span class="verdict verdict--{{stats.verdict}}">
+    {{verdictLabel stats.verdict}}
+  </span>
+  {{/unless}}
+
+  <div class="hero-summary">
+    <div class="hero-summary__value">{{stats.passRate}}<span class="hero-summary__pct">%</span></div>
+    <div class="hero-summary__label">Pass Rate</div>
+  </div>
+
+  <div class="hero-stat-row">
+    <div class="hero-stat">
+      <span class="hero-stat__value">{{stats.total}}</span>
+      <span class="hero-stat__label">Total</span>
+    </div>
+    <div class="hero-stat{{#unless stats.failed}} hero-stat--zero{{/unless}}">
+      <span class="hero-stat__value" style="color:var(--fail);">{{stats.failed}}</span>
+      <span class="hero-stat__label">Failed</span>
+    </div>
+    <div class="hero-stat{{#unless stats.timedOut}} hero-stat--zero{{/unless}}">
+      <span class="hero-stat__value" style="color:var(--timeout);">{{stats.timedOut}}</span>
+      <span class="hero-stat__label">Timed Out</span>
+    </div>
+    <div class="hero-stat{{#unless stats.skipped}} hero-stat--zero{{/unless}}">
+      <span class="hero-stat__value" style="color:var(--skip);">{{stats.skipped}}</span>
+      <span class="hero-stat__label">Skipped</span>
+    </div>
+    <div class="hero-stat{{#unless stats.flaky}} hero-stat--zero{{/unless}}">
+      <span class="hero-stat__value" style="color:var(--flaky);">{{stats.flaky}}</span>
+      <span class="hero-stat__label">Flaky</span>
+    </div>
+  </div>
+
+  <div class="summary-row">
+    <div class="summary-row__item">
+      <span class="summary-row__label">Duration</span>
+      <span class="summary-row__value">{{formatDuration stats.duration}}</span>
+    </div>
+    {{#unless (or options.showPassRate @root.sections.charts)}}
+    <div class="summary-row__item">
+      <span class="summary-row__label">Pass Rate</span>
+      <span class="summary-row__value" style="color:var(--pass);">{{stats.passRate}}%</span>
+    </div>
+    {{/unless}}
+    <div class="summary-row__item">
+      <span class="summary-row__label">Generated</span>
+      <span class="summary-row__value">{{formatDate meta.generatedAt}}</span>
+    </div>
+    <div class="summary-row__item">
+      <span class="summary-row__label">Project</span>
+      <span class="summary-row__value">{{meta.projectName}}</span>
+    </div>
+  </div>
+
+  {{#if stats.flaky}}
+  <div class="flaky-callout">
+    <span class="flaky-callout__icon">&#9888;</span>
+    <div class="flaky-callout__body">
+      <span class="flaky-callout__title">{{stats.flaky}} Flaky Test{{#if (gt stats.flaky 1)}}s{{/if}} Detected</span>
+      <span class="flaky-callout__text">These tests passed on retry. Results may vary across re-runs. Investigate before shipping to production.</span>
+    </div>
+  </div>
+  {{/if}}
+</div>