@reportforge/playwright-pdf 0.24.0 → 0.25.0

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

@@ -1,78 +1,78 @@
-<div class="section">
-  {{!-- The release gate (when the layout renders it) already states the verdict
-        prominently, so the chip would just repeat it — suppress it then. The layout
-        passes options.releaseGateShown; it is absent for custom templates, so the
-        chip renders by default there (a custom template may not include a gate). --}}
-  {{#unless options.releaseGateShown}}
-  <span class="verdict verdict--{{stats.verdict}}">
-    {{verdictLabel stats.verdict}}
-  </span>
-  {{/unless}}
-
-  <div class="kpi-strip">
-    <div class="kpi-card kpi-card--total">
-      <div class="kpi-card__value">{{stats.total}}</div>
-      <div class="kpi-card__label">Total</div>
-    </div>
-    <div class="kpi-card kpi-card--pass">
-      <div class="kpi-card__value">{{stats.passed}}</div>
-      <div class="kpi-card__label">Passed</div>
-      {{#if options.showPassRate}}
-      <div class="kpi-card__rate">{{stats.passRate}}%</div>
-      {{/if}}
-    </div>
-    {{!-- Zero-value status cards are dimmed: a coloured "0" for an absent status
-          draws the eye to nothing and dilutes the counts that matter. --}}
-    <div class="kpi-card kpi-card--fail{{#unless stats.failed}} kpi-card--zero{{/unless}}">
-      <div class="kpi-card__value">{{stats.failed}}</div>
-      <div class="kpi-card__label">Failed</div>
-    </div>
-    <div class="kpi-card kpi-card--timedout{{#unless stats.timedOut}} kpi-card--zero{{/unless}}">
-      <div class="kpi-card__value">{{stats.timedOut}}</div>
-      <div class="kpi-card__label">Timed Out</div>
-    </div>
-    <div class="kpi-card kpi-card--skip{{#unless stats.skipped}} kpi-card--zero{{/unless}}">
-      <div class="kpi-card__value">{{stats.skipped}}</div>
-      <div class="kpi-card__label">Skipped</div>
-    </div>
-    <div class="kpi-card kpi-card--flaky{{#unless stats.flaky}} kpi-card--zero{{/unless}}">
-      <div class="kpi-card__value">{{stats.flaky}}</div>
-      <div class="kpi-card__label">Flaky</div>
-    </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>
-    {{!-- Pass rate normally shows on the Passed KPI card and the doughnut centre, so
-          it is omitted here to avoid a third restatement on one page. Fallback: if
-          BOTH of those are off (passRate modifier off AND charts off, e.g. a stripped
-          minimal), show it here so the headline metric never disappears entirely. --}}
-    {{#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">
+  {{!-- The release gate (when the layout renders it) already states the verdict
+        prominently, so the chip would just repeat it — suppress it then. The layout
+        passes options.releaseGateShown; it is absent for custom templates, so the
+        chip renders by default there (a custom template may not include a gate). --}}
+  {{#unless options.releaseGateShown}}
+  <span class="verdict verdict--{{stats.verdict}}">
+    {{verdictLabel stats.verdict}}
+  </span>
+  {{/unless}}
+
+  <div class="kpi-strip">
+    <div class="kpi-card kpi-card--total">
+      <div class="kpi-card__value">{{stats.total}}</div>
+      <div class="kpi-card__label">Total</div>
+    </div>
+    <div class="kpi-card kpi-card--pass">
+      <div class="kpi-card__value">{{stats.passed}}</div>
+      <div class="kpi-card__label">Passed</div>
+      {{#if options.showPassRate}}
+      <div class="kpi-card__rate">{{stats.passRate}}%</div>
+      {{/if}}
+    </div>
+    {{!-- Zero-value status cards are dimmed: a coloured "0" for an absent status
+          draws the eye to nothing and dilutes the counts that matter. --}}
+    <div class="kpi-card kpi-card--fail{{#unless stats.failed}} kpi-card--zero{{/unless}}">
+      <div class="kpi-card__value">{{stats.failed}}</div>
+      <div class="kpi-card__label">Failed</div>
+    </div>
+    <div class="kpi-card kpi-card--timedout{{#unless stats.timedOut}} kpi-card--zero{{/unless}}">
+      <div class="kpi-card__value">{{stats.timedOut}}</div>
+      <div class="kpi-card__label">Timed Out</div>
+    </div>
+    <div class="kpi-card kpi-card--skip{{#unless stats.skipped}} kpi-card--zero{{/unless}}">
+      <div class="kpi-card__value">{{stats.skipped}}</div>
+      <div class="kpi-card__label">Skipped</div>
+    </div>
+    <div class="kpi-card kpi-card--flaky{{#unless stats.flaky}} kpi-card--zero{{/unless}}">
+      <div class="kpi-card__value">{{stats.flaky}}</div>
+      <div class="kpi-card__label">Flaky</div>
+    </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>
+    {{!-- Pass rate normally shows on the Passed KPI card and the doughnut centre, so
+          it is omitted here to avoid a third restatement on one page. Fallback: if
+          BOTH of those are off (passRate modifier off AND charts off, e.g. a stripped
+          minimal), show it here so the headline metric never disappears entirely. --}}
+    {{#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>

package/dist/templates/partials/failure-card.hbs

@@ -1,35 +1,35 @@
-{{!-- Inline failure detail, rendered inside the single .failure-detail block in
-      the suite breakdown (which provides the rail, indent, and page-break guard).
-      The test row already shows the title/location, so this is error + screenshot
-      + retry history only. Caller passes the context:
-        failure   — the FailureRecord for this test
-        showFull  — include the screenshot (compact templates pass false)
-        showStack — render the stack trace instead of the bare message --}}
-{{#if (and failure.error.stack showStack)}}
-  <pre>{{failure.error.stack}}</pre>
-{{else}}
-  <div class="failure-item__message">{{failure.error.message}}</div>
-{{/if}}
-
-{{#if (and showFull failure.execution.failingStep)}}
-<div class="failing-step">
-  <span class="failing-step__tag">Failed at</span>
-  <span class="failing-step__title">{{failure.execution.failingStep.title}}</span>
-  {{#if failure.execution.failingStep.location}}<span class="failing-step__loc">{{failure.execution.failingStep.location}}</span>{{/if}}
-</div>
-{{/if}}
-
-{{#if (and showFull failure.screenshotBase64)}}
-  <img class="screenshot" src="{{failure.screenshotBase64}}" alt="Screenshot at failure">
-{{/if}}
-
-{{#if failure.retryHistory.length}}
-<div class="retry-history">
-  Retry history:&nbsp;
-  {{#each failure.retryHistory}}
-    <span class="retry-attempt retry-attempt--{{status}}">
-      #{{addOne attempt}} {{status}} · {{formatDuration duration}}
-    </span>
-  {{/each}}
-</div>
-{{/if}}
+{{!-- Inline failure detail, rendered inside the single .failure-detail block in
+      the suite breakdown (which provides the rail, indent, and page-break guard).
+      The test row already shows the title/location, so this is error + screenshot
+      + retry history only. Caller passes the context:
+        failure   — the FailureRecord for this test
+        showFull  — include the screenshot (compact templates pass false)
+        showStack — render the stack trace instead of the bare message --}}
+{{#if (and failure.error.stack showStack)}}
+  <pre>{{failure.error.stack}}</pre>
+{{else}}
+  <div class="failure-item__message">{{failure.error.message}}</div>
+{{/if}}
+
+{{#if (and showFull failure.execution.failingStep)}}
+<div class="failing-step">
+  <span class="failing-step__tag">Failed at</span>
+  <span class="failing-step__title">{{failure.execution.failingStep.title}}</span>
+  {{#if failure.execution.failingStep.location}}<span class="failing-step__loc">{{failure.execution.failingStep.location}}</span>{{/if}}
+</div>
+{{/if}}
+
+{{#if (and showFull failure.screenshotBase64)}}
+  <img class="screenshot" src="{{failure.screenshotBase64}}" alt="Screenshot at failure">
+{{/if}}
+
+{{#if failure.retryHistory.length}}
+<div class="retry-history">
+  Retry history:&nbsp;
+  {{#each failure.retryHistory}}
+    <span class="retry-attempt retry-attempt--{{status}}">
+      #{{addOne attempt}} {{status}} · {{formatDuration duration}}
+    </span>
+  {{/each}}
+</div>
+{{/if}}

package/dist/templates/partials/head.hbs

@@ -1,17 +1,17 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>{{meta.title}}</title>
-  <style>
-    :root {
-      --primary: {{meta.branding.primaryColor}};
-      --accent:  {{meta.branding.accentColor}};
-    }
-    {{{baseCSS}}}
-    {{{templateCSS}}}
-  </style>
-  {{{chartjsScript}}}
-</head>
-<body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{meta.title}}</title>
+  <style>
+    :root {
+      --primary: {{meta.branding.primaryColor}};
+      --accent:  {{meta.branding.accentColor}};
+    }
+    {{{baseCSS}}}
+    {{{templateCSS}}}
+  </style>
+  {{{chartjsScript}}}
+</head>
+<body>

package/dist/templates/partials/release-gate.hbs

@@ -1,84 +1,84 @@
-{{#unless (gt stats.total 0)}}
-{{!-- Zero tests executed (e.g. a --grep that matched nothing): there is nothing
-      to assess, so the gate must be NEUTRAL — never "APPROVED TO SHIP" over an
-      empty run. --}}
-<div class="release-gate release-gate--neutral">
-  <div class="release-gate__icon">&#x25CB;</div>
-  <div class="release-gate__body">
-    <div class="release-gate__label">Release Recommendation</div>
-    <div class="release-gate__verdict release-gate__verdict--neutral">NO TESTS RAN</div>
-    <div class="release-gate__detail">
-      0 tests were executed &mdash; nothing to assess. Check your test filters
-      (e.g. --grep), project selection, or test discovery before relying on this report.
-    </div>
-  </div>
-  <div class="release-gate__meta">
-    {{#unless (isUnknown environment.branch)}}<span>{{environment.branch}}</span>{{/unless}}
-    {{#unless (isUnknown environment.commit)}}<span>{{environment.commit}}</span>{{/unless}}
-  </div>
-</div>
-{{else}}
-{{#if (gt stats.failed 0)}}
-<div class="release-gate release-gate--fail">
-  <div class="release-gate__icon">&#x2715;</div>
-  <div class="release-gate__body">
-    <div class="release-gate__label">Release Recommendation</div>
-    <div class="release-gate__verdict release-gate__verdict--fail">
-      HOLD: {{stats.failed}} FAILURE{{#if (gt stats.failed 1)}}S{{/if}}
-    </div>
-    <div class="release-gate__detail">
-      {{stats.failed}} of {{stats.total}} tests failed{{#if releaseGateTally}} ({{releaseGateTally}}){{/if}}.
-      Each failure may be a product defect or an automation script issue.
-      Review and verify manually before shipping.
-      {{#if stats.flaky}} &nbsp;&middot;&nbsp; {{stats.flaky}} flaky (additional risk).{{/if}}
-    </div>
-  </div>
-  <div class="release-gate__meta">
-    {{#unless (isUnknown environment.branch)}}<span>{{environment.branch}}</span>{{/unless}}
-    {{#unless (isUnknown environment.commit)}}<span>{{environment.commit}}</span>{{/unless}}
-  </div>
-</div>
-{{else}}
-  {{#if (gt stats.timedOut 0)}}
-  <div class="release-gate release-gate--fail">
-    <div class="release-gate__icon">&#x23F1;</div>
-    <div class="release-gate__body">
-      <div class="release-gate__label">Release Recommendation</div>
-      <div class="release-gate__verdict release-gate__verdict--fail">
-        HOLD: {{stats.timedOut}} TIMED OUT
-      </div>
-      <div class="release-gate__detail">
-        {{stats.timedOut}} test{{#if (gt stats.timedOut 1)}}s{{/if}} exceeded timeout.
-        Timeouts are often environment or automation issues.
-        Review and verify manually before shipping.
-      </div>
-    </div>
-    <div class="release-gate__meta">
-      {{#unless (isUnknown environment.branch)}}<span>{{environment.branch}}</span>{{/unless}}
-      {{#unless (isUnknown environment.commit)}}<span>{{environment.commit}}</span>{{/unless}}
-    </div>
-  </div>
-  {{else}}
-  <div class="release-gate release-gate--pass">
-    <div class="release-gate__icon">&#x2713;</div>
-    <div class="release-gate__body">
-      <div class="release-gate__label">Release Recommendation</div>
-      <div class="release-gate__verdict release-gate__verdict--pass">APPROVED TO SHIP</div>
-      <div class="release-gate__detail">
-        {{stats.passed}} of {{stats.total}} tests passed
-        {{#if stats.skipped}}&nbsp;&middot;&nbsp; {{stats.skipped}} skipped{{/if}}
-        {{#if stats.flaky}}&nbsp;&middot;&nbsp; {{stats.flaky}} flaky (monitor){{/if}}
-        &nbsp;&middot;&nbsp; {{formatDuration stats.duration}}
-      </div>
-    </div>
-    <div class="release-gate__meta">
-      {{#unless (isUnknown environment.branch)}}<span>{{environment.branch}}</span>{{/unless}}
-      {{#unless (isUnknown environment.commit)}}<span>{{environment.commit}}</span>{{/unless}}
-      {{#if stats.flaky}}
-      <span class="release-gate__flaky-warn">&#9888; {{stats.flaky}} flaky</span>
-      {{/if}}
-    </div>
-  </div>
-  {{/if}}
-{{/if}}
-{{/unless}}
+{{#unless (gt stats.total 0)}}
+{{!-- Zero tests executed (e.g. a --grep that matched nothing): there is nothing
+      to assess, so the gate must be NEUTRAL — never "APPROVED TO SHIP" over an
+      empty run. --}}
+<div class="release-gate release-gate--neutral">
+  <div class="release-gate__icon">&#x25CB;</div>
+  <div class="release-gate__body">
+    <div class="release-gate__label">Release Recommendation</div>
+    <div class="release-gate__verdict release-gate__verdict--neutral">NO TESTS RAN</div>
+    <div class="release-gate__detail">
+      0 tests were executed &mdash; nothing to assess. Check your test filters
+      (e.g. --grep), project selection, or test discovery before relying on this report.
+    </div>
+  </div>
+  <div class="release-gate__meta">
+    {{#unless (isUnknown environment.branch)}}<span>{{environment.branch}}</span>{{/unless}}
+    {{#unless (isUnknown environment.commit)}}<span>{{environment.commit}}</span>{{/unless}}
+  </div>
+</div>
+{{else}}
+{{#if (gt stats.failed 0)}}
+<div class="release-gate release-gate--fail">
+  <div class="release-gate__icon">&#x2715;</div>
+  <div class="release-gate__body">
+    <div class="release-gate__label">Release Recommendation</div>
+    <div class="release-gate__verdict release-gate__verdict--fail">
+      HOLD: {{stats.failed}} FAILURE{{#if (gt stats.failed 1)}}S{{/if}}
+    </div>
+    <div class="release-gate__detail">
+      {{stats.failed}} of {{stats.total}} tests failed{{#if releaseGateTally}} ({{releaseGateTally}}){{/if}}.
+      Each failure may be a product defect or an automation script issue.
+      Review and verify manually before shipping.
+      {{#if stats.flaky}} &nbsp;&middot;&nbsp; {{stats.flaky}} flaky (additional risk).{{/if}}
+    </div>
+  </div>
+  <div class="release-gate__meta">
+    {{#unless (isUnknown environment.branch)}}<span>{{environment.branch}}</span>{{/unless}}
+    {{#unless (isUnknown environment.commit)}}<span>{{environment.commit}}</span>{{/unless}}
+  </div>
+</div>
+{{else}}
+  {{#if (gt stats.timedOut 0)}}
+  <div class="release-gate release-gate--fail">
+    <div class="release-gate__icon">&#x23F1;</div>
+    <div class="release-gate__body">
+      <div class="release-gate__label">Release Recommendation</div>
+      <div class="release-gate__verdict release-gate__verdict--fail">
+        HOLD: {{stats.timedOut}} TIMED OUT
+      </div>
+      <div class="release-gate__detail">
+        {{stats.timedOut}} test{{#if (gt stats.timedOut 1)}}s{{/if}} exceeded timeout.
+        Timeouts are often environment or automation issues.
+        Review and verify manually before shipping.
+      </div>
+    </div>
+    <div class="release-gate__meta">
+      {{#unless (isUnknown environment.branch)}}<span>{{environment.branch}}</span>{{/unless}}
+      {{#unless (isUnknown environment.commit)}}<span>{{environment.commit}}</span>{{/unless}}
+    </div>
+  </div>
+  {{else}}
+  <div class="release-gate release-gate--pass">
+    <div class="release-gate__icon">&#x2713;</div>
+    <div class="release-gate__body">
+      <div class="release-gate__label">Release Recommendation</div>
+      <div class="release-gate__verdict release-gate__verdict--pass">APPROVED TO SHIP</div>
+      <div class="release-gate__detail">
+        {{stats.passed}} of {{stats.total}} tests passed
+        {{#if stats.skipped}}&nbsp;&middot;&nbsp; {{stats.skipped}} skipped{{/if}}
+        {{#if stats.flaky}}&nbsp;&middot;&nbsp; {{stats.flaky}} flaky (monitor){{/if}}
+        &nbsp;&middot;&nbsp; {{formatDuration stats.duration}}
+      </div>
+    </div>
+    <div class="release-gate__meta">
+      {{#unless (isUnknown environment.branch)}}<span>{{environment.branch}}</span>{{/unless}}
+      {{#unless (isUnknown environment.commit)}}<span>{{environment.commit}}</span>{{/unless}}
+      {{#if stats.flaky}}
+      <span class="release-gate__flaky-warn">&#9888; {{stats.flaky}} flaky</span>
+      {{/if}}
+    </div>
+  </div>
+  {{/if}}
+{{/if}}
+{{/unless}}

package/dist/templates/partials/requirements-matrix.hbs

@@ -1,51 +1,51 @@
-{{#if tagGroups.length}}
-<div class="section">
-  <h2>Requirements Traceability</h2>
-  <p style="font-size:10px;color:var(--text-3);margin-bottom:12px;">
-    {{#if requirementTagGroups.length}}Tests grouped by requirement ID tags.{{else}}No requirement ID tags found.{{/if}}
-    Add <code>{ tag: '@REQ-001' }</code> to link tests to requirements.
-  </p>
-  {{#if requirementTagGroups.length}}
-  <table>
-    <thead>
-      <tr>
-        <th>Requirement / Tag</th>
-        <th style="width:60px;">Tests</th>
-        <th style="width:60px;">Passed</th>
-        <th style="width:60px;">Failed</th>
-        <th style="width:120px;">Pass Rate</th>
-      </tr>
-    </thead>
-    <tbody>
-      {{#each requirementTagGroups}}
-      <tr class="no-break">
-        <td><code class="req-matrix__tag" style="font-size:9.5px;">{{tag}}</code></td>
-        <td>{{total}}</td>
-        <td style="color:var(--pass);font-weight:600;">{{passed}}</td>
-        <td style="color:{{#if failed}}var(--fail){{else}}var(--pass){{/if}};font-weight:600;">{{failed}}</td>
-        <td>
-          <div class="coverage-bar">
-            <div class="coverage-bar__fill coverage-bar__fill--{{coverageBand coveragePct}}" style="width:{{coveragePct}}%;"></div>
-          </div>
-          <span style="font-size:9.5px;color:var(--text-3);">{{coveragePct}}%</span>
-        </td>
-      </tr>
-      {{/each}}
-    </tbody>
-  </table>
-  {{/if}}
-  {{#if categoryTagGroups.length}}
-  <div class="tag-summary no-break">
-    <div class="tag-summary__label">Tag Summary</div>
-    <div class="tag-summary__items">
-      {{#each categoryTagGroups}}
-      <span class="tag-summary__item{{#if failed}} tag-summary__item--fail{{/if}}">
-        <code class="tag-summary__tag">{{tag}}</code>
-        <span class="tag-summary__counts">{{passed}}/{{total}}</span>
-      </span>
-      {{/each}}
-    </div>
-  </div>
-  {{/if}}
-</div>
-{{/if}}
+{{#if tagGroups.length}}
+<div class="section">
+  <h2>Requirements Traceability</h2>
+  <p style="font-size:10px;color:var(--text-3);margin-bottom:12px;">
+    {{#if requirementTagGroups.length}}Tests grouped by requirement ID tags.{{else}}No requirement ID tags found.{{/if}}
+    Add <code>{ tag: '@REQ-001' }</code> to link tests to requirements.
+  </p>
+  {{#if requirementTagGroups.length}}
+  <table>
+    <thead>
+      <tr>
+        <th>Requirement / Tag</th>
+        <th style="width:60px;">Tests</th>
+        <th style="width:60px;">Passed</th>
+        <th style="width:60px;">Failed</th>
+        <th style="width:120px;">Pass Rate</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{#each requirementTagGroups}}
+      <tr class="no-break">
+        <td><code class="req-matrix__tag" style="font-size:9.5px;">{{tag}}</code></td>
+        <td>{{total}}</td>
+        <td style="color:var(--pass);font-weight:600;">{{passed}}</td>
+        <td style="color:{{#if failed}}var(--fail){{else}}var(--pass){{/if}};font-weight:600;">{{failed}}</td>
+        <td>
+          <div class="coverage-bar">
+            <div class="coverage-bar__fill coverage-bar__fill--{{coverageBand coveragePct}}" style="width:{{coveragePct}}%;"></div>
+          </div>
+          <span style="font-size:9.5px;color:var(--text-3);">{{coveragePct}}%</span>
+        </td>
+      </tr>
+      {{/each}}
+    </tbody>
+  </table>
+  {{/if}}
+  {{#if categoryTagGroups.length}}
+  <div class="tag-summary no-break">
+    <div class="tag-summary__label">Tag Summary</div>
+    <div class="tag-summary__items">
+      {{#each categoryTagGroups}}
+      <span class="tag-summary__item{{#if failed}} tag-summary__item--fail{{/if}}">
+        <code class="tag-summary__tag">{{tag}}</code>
+        <span class="tag-summary__counts">{{passed}}/{{total}}</span>
+      </span>
+      {{/each}}
+    </div>
+  </div>
+  {{/if}}
+</div>
+{{/if}}