@reportforge/playwright-pdf 0.14.2 → 0.14.3

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
+## [0.14.3] - 2026-07-06
+
+### Fixed
+
+- **Watermark now shows on every page instead of only one.** Chromium's print-to-PDF doesn't repeat `position: fixed` elements per page (only paged-media renderers like Prince/WeasyPrint do), so a single watermark div only ever printed once for the whole document. An inline script now measures the rendered page height and stamps one `position: absolute` copy per page. Also changed from `z-index: -1` to painting above content — at 4% opacity it doesn't affect legibility, and the negative z-index made it invisible on any page dense enough to have no background gaps.
+- **Executive report now leads with the pass-rate/suite-results charts, trend chart second.** Previously the trend chart was promoted above the doughnut/bar row; both now render in the same order as the other templates, landing on the same page as the summary stats.
+
+---
+
 ## [0.14.2] - 2026-07-06
 
 ### Fixed

package/dist/cli/index.js

@@ -6590,7 +6590,7 @@ function deriveOptions(s) {
     showFullFailures: s.fullFailures
   };
 }
-var import_handlebars, import_fs, import_path, SLOW_MEDIAN_FACTOR, TemplateEngine;
+var import_handlebars, import_fs, import_path, A4_HEIGHT_MM, PAGE_MARGIN_Y_MM, PX_PER_MM, PAGE_CONTENT_HEIGHT_PX, SLOW_MEDIAN_FACTOR, TemplateEngine;
 var init_engine = __esm({
   "src/templates/engine.ts"() {
     "use strict";
@@ -6602,6 +6602,10 @@ var init_engine = __esm({
     init_duration();
     init_SummaryWriter();
     init_sections();
+    A4_HEIGHT_MM = 297;
+    PAGE_MARGIN_Y_MM = 16;
+    PX_PER_MM = 96 / 25.4;
+    PAGE_CONTENT_HEIGHT_PX = (A4_HEIGHT_MM - 2 * PAGE_MARGIN_Y_MM) * PX_PER_MM;
     SLOW_MEDIAN_FACTOR = 2;
     TemplateEngine = class {
       constructor() {
@@ -6661,7 +6665,8 @@ var init_engine = __esm({
           slowTests: slow.ranked,
           baseCSS: this.fontsBundleCss + "\n" + this.readStyle("base.css"),
           templateCSS: "",
-          chartjsScript: this.buildChartjsScript()
+          chartjsScript: this.buildChartjsScript(),
+          watermarkPageHeightPx: PAGE_CONTENT_HEIGHT_PX
         };
       }
       buildContext(data, template, userSections, slowTestThreshold) {
@@ -6684,7 +6689,8 @@ var init_engine = __esm({
           slowTests: slow.ranked,
           baseCSS,
           templateCSS,
-          chartjsScript: this.buildChartjsScript()
+          chartjsScript: this.buildChartjsScript(),
+          watermarkPageHeightPx: PAGE_CONTENT_HEIGHT_PX
         };
       }
       buildChartjsScript() {

package/dist/index.js

@@ -12365,6 +12365,10 @@ function formatDuration(ms) {
 function jsonForInlineScript(value) {
   return JSON.stringify(value).replace(/<\//g, "<\\/");
 }
+var A4_HEIGHT_MM = 297;
+var PAGE_MARGIN_Y_MM = 16;
+var PX_PER_MM = 96 / 25.4;
+var PAGE_CONTENT_HEIGHT_PX = (A4_HEIGHT_MM - 2 * PAGE_MARGIN_Y_MM) * PX_PER_MM;
 function isUnknownValue(v) {
   return !v || v === "unknown";
 }
@@ -12438,7 +12442,8 @@ var TemplateEngine = class {
       slowTests: slow.ranked,
       baseCSS: this.fontsBundleCss + "\n" + this.readStyle("base.css"),
       templateCSS: "",
-      chartjsScript: this.buildChartjsScript()
+      chartjsScript: this.buildChartjsScript(),
+      watermarkPageHeightPx: PAGE_CONTENT_HEIGHT_PX
     };
   }
   buildContext(data, template, userSections, slowTestThreshold) {
@@ -12461,7 +12466,8 @@ var TemplateEngine = class {
       slowTests: slow.ranked,
       baseCSS,
       templateCSS,
-      chartjsScript: this.buildChartjsScript()
+      chartjsScript: this.buildChartjsScript(),
+      watermarkPageHeightPx: PAGE_CONTENT_HEIGHT_PX
     };
   }
   buildChartjsScript() {
@@ -14056,7 +14062,7 @@ var PdfReporter = class {
     this.liveConsole = false;
     this.options = parseOptions(rawOptions);
     this.dataCollector = new DataCollector(this.options.capture);
-    const version = true ? "0.14.2" : "0.x";
+    const version = true ? "0.14.3" : "0.x";
     logger.info(`@reportforge/playwright-pdf v${version} initialised`);
     this.licenseClient = new LicenseClient({
       licenseKey: this.options.licenseKey,

package/dist/index.mjs

@@ -12366,6 +12366,10 @@ function formatDuration(ms) {
 function jsonForInlineScript(value) {
   return JSON.stringify(value).replace(/<\//g, "<\\/");
 }
+var A4_HEIGHT_MM = 297;
+var PAGE_MARGIN_Y_MM = 16;
+var PX_PER_MM = 96 / 25.4;
+var PAGE_CONTENT_HEIGHT_PX = (A4_HEIGHT_MM - 2 * PAGE_MARGIN_Y_MM) * PX_PER_MM;
 function isUnknownValue(v) {
   return !v || v === "unknown";
 }
@@ -12439,7 +12443,8 @@ var TemplateEngine = class {
       slowTests: slow.ranked,
       baseCSS: this.fontsBundleCss + "\n" + this.readStyle("base.css"),
       templateCSS: "",
-      chartjsScript: this.buildChartjsScript()
+      chartjsScript: this.buildChartjsScript(),
+      watermarkPageHeightPx: PAGE_CONTENT_HEIGHT_PX
     };
   }
   buildContext(data, template, userSections, slowTestThreshold) {
@@ -12462,7 +12467,8 @@ var TemplateEngine = class {
       slowTests: slow.ranked,
       baseCSS,
       templateCSS,
-      chartjsScript: this.buildChartjsScript()
+      chartjsScript: this.buildChartjsScript(),
+      watermarkPageHeightPx: PAGE_CONTENT_HEIGHT_PX
     };
   }
   buildChartjsScript() {
@@ -14057,7 +14063,7 @@ var PdfReporter = class {
     this.liveConsole = false;
     this.options = parseOptions(rawOptions);
     this.dataCollector = new DataCollector(this.options.capture);
-    const version = true ? "0.14.2" : "0.x";
+    const version = true ? "0.14.3" : "0.x";
     logger.info(`@reportforge/playwright-pdf v${version} initialised`);
     this.licenseClient = new LicenseClient({
       licenseKey: this.options.licenseKey,

package/dist/templates/partials/charts.hbs

@@ -1,7 +1,7 @@
 {{#if options.showCharts}}
 {{#if options.heroTrend}}
-{{> chart-trend-card options=options}}
 {{> chart-summary-grid options=options}}
+{{> chart-trend-card options=options}}
 {{else}}
 {{> chart-summary-grid options=options}}
 {{> chart-trend-card options=options}}

package/dist/templates/partials/watermark.hbs

@@ -1,3 +1,24 @@
 {{#if meta.branding.watermark}}
-<div class="watermark" aria-hidden="true">{{meta.branding.watermark}}</div>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  // Chromium's print-to-PDF doesn't repeat position:fixed elements per page, so a
+  // single watermark div only ever prints on one page. Instead, measure the fully
+  // parsed document (this listener fires after all content above is in the DOM)
+  // and stamp one absolutely-positioned copy per page slot.
+  var text = {{{safeJsonData meta.branding.watermark}}};
+  var pageHeightPx = {{watermarkPageHeightPx}};
+  // +1: print pagination avoids breaking cards/rows mid-way, so each physical
+  // page is often a little under pageHeightPx of raw content — that nudges the
+  // real page count above what scrollHeight / pageHeightPx alone predicts.
+  var pageCount = Math.min(500, Math.max(1, Math.ceil(document.body.scrollHeight / pageHeightPx) + 1));
+  for (var i = 0; i < pageCount; i++) {
+    var el = document.createElement('div');
+    el.className = 'watermark';
+    el.setAttribute('aria-hidden', 'true');
+    el.style.top = (i * pageHeightPx + pageHeightPx / 2) + 'px';
+    el.textContent = text;
+    document.body.appendChild(el);
+  }
+});
+</script>
 {{/if}}

package/dist/templates/styles/base.css

@@ -43,8 +43,8 @@ html, body {
   color: var(--text-1);
   background: var(--bg);
 }
-/* Establish a stacking context on the body so the fixed watermark (z-index:-1)
-   paints behind all content instead of on top of cards, charts and screenshots. */
+/* Positioned so it's the containing block for the watermark's `position: absolute`
+   copies (see below) — without this they'd position relative to the document root. */
 body { position: relative; z-index: 0; }
 
 /* ── Typography ─────────────────────────────────────────────────────────── */
@@ -142,11 +142,17 @@ tr:last-child td { border-bottom: none; }
 .severity--low      { color: var(--text-3);  }
 
 /* ── Watermark ──────────────────────────────────────────────────────────── */
+/* `top` is set inline per copy (see watermark.hbs) — Chromium's print-to-PDF
+   doesn't repeat `position: fixed` elements per page, so one copy is stamped
+   at each page's vertical centre in document-flow coordinates instead.
+   z-index is high (not negative) so it paints over cards/badges too — at
+   4% opacity it doesn't hurt legibility, and a negative z-index made it
+   invisible on any page dense enough to have no gaps in the content. */
 .watermark {
-  position: fixed; top: 50%; left: 50%;
+  position: absolute; left: 50%;
   transform: translate(-50%, -50%) rotate(-30deg);
   font-family: 'Source Serif Pro', Georgia, serif; font-size: 60px; font-weight: 700;
-  color: rgba(31,31,28,0.04); pointer-events: none; z-index: -1;
+  color: rgba(31,31,28,0.04); pointer-events: none; z-index: 999;
   white-space: nowrap; letter-spacing: 8px; text-transform: uppercase;
   user-select: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportforge/playwright-pdf",
-  "version": "0.14.2",
+  "version": "0.14.3",
   "description": "Playwright Test reporter that generates designed PDF reports: minimal, detailed, and executive templates with CI/CD integrations",
   "license": "MIT",
   "author": "ReportForge",