@applitools/eyes-playwright 1.46.8 → 1.47.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # Changelog
 
+## [1.47.0](https://github.com/Applitools-Dev/sdk/compare/js/eyes-playwright@1.46.8...js/eyes-playwright@1.47.0) (2026-04-29)
+
+
+### Features
+
+* new render target entities | AD 13251 ([#3775](https://github.com/Applitools-Dev/sdk/issues/3775)) ([18b6107](https://github.com/Applitools-Dev/sdk/commit/18b6107937ff0f18ba0a256fec1adc6d423f03dc))
+
+
+### Bug Fixes
+
+* support Playwright >= 1.59 template element in HTML report plugin | AD-13209 ([#3770](https://github.com/Applitools-Dev/sdk/issues/3770)) ([8f2ed26](https://github.com/Applitools-Dev/sdk/commit/8f2ed264298d91621ad898cf324bbbc208e15b65))
+
+
+### Dependencies
+
+* @applitools/ufg-client bumped to 1.22.0
+  #### Features
+
+  * new render target entities | AD 13251 ([#3775](https://github.com/Applitools-Dev/sdk/issues/3775)) ([18b6107](https://github.com/Applitools-Dev/sdk/commit/18b6107937ff0f18ba0a256fec1adc6d423f03dc))
+* @applitools/core bumped to 4.61.0
+  #### Features
+
+  * new render target entities | AD 13251 ([#3775](https://github.com/Applitools-Dev/sdk/issues/3775)) ([18b6107](https://github.com/Applitools-Dev/sdk/commit/18b6107937ff0f18ba0a256fec1adc6d423f03dc))
+
+
+
+* @applitools/eyes bumped to 1.40.0
+  #### Features
+
+  * new render target entities | AD 13251 ([#3775](https://github.com/Applitools-Dev/sdk/issues/3775)) ([18b6107](https://github.com/Applitools-Dev/sdk/commit/18b6107937ff0f18ba0a256fec1adc6d423f03dc))
+
+
+
+
 ## [1.46.8](https://github.com/Applitools-Dev/sdk/compare/js/eyes-playwright@1.46.7...js/eyes-playwright@1.46.8) (2026-04-23)
 
 

package/dist/fixture/report-plugin/data/dataParser.js

@@ -13,8 +13,12 @@ const logger = (0, log_js_1.default)('[Eyes Data Parser]');
 async function getTestResults() {
     var _a;
     // Step 1: Get Playwright report data from window object
+    // Playwright < 1.59 uses <script type="application/zip" id="playwrightReportBase64"> (readable via .textContent)
+    // Playwright >= 1.59 uses <template id="playwrightReportBase64"> (content lives in .content fragment, .textContent is empty)
     const reportData = window.playwrightReportBase64;
-    const playwrightReportBase64 = typeof reportData === 'string' ? reportData : (_a = reportData === null || reportData === void 0 ? void 0 : reportData.textContent) !== null && _a !== void 0 ? _a : '';
+    const playwrightReportBase64 = typeof reportData === 'string'
+        ? reportData
+        : (_a = (reportData instanceof HTMLTemplateElement ? reportData.content.textContent : reportData === null || reportData === void 0 ? void 0 : reportData.textContent)) !== null && _a !== void 0 ? _a : '';
     if (!playwrightReportBase64) {
         logger.error('[Eyes Data Parser] No playwrightReportBase64 found in window');
         return {

package/dist/fixture/report-plugin/reportRenderer.js

@@ -102,6 +102,8 @@ class ReportRenderer {
 }
 window.__initEyesReport = (options = {}) => {
     const useTestMode = options.useTestMode || false;
+    // Capture original element type while it's still in the DOM (before React removes it)
+    (0, scriptTagRestorer_js_1.initScriptTagRestorer)();
     logger.log('Before Initialized');
     const waitForResults = (0, dataParser_js_1.getTestResults)();
     const reportRenderer = new ReportRenderer(waitForResults, { useTestMode });

package/dist/fixture/report-plugin/utils/scriptTagRestorer.js

@@ -3,49 +3,78 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ensureScriptTagExists = void 0;
+exports.ensureScriptTagExists = exports.initScriptTagRestorer = void 0;
 const log_js_1 = __importDefault(require("../core/log.js"));
 const logger = (0, log_js_1.default)('[Script Tag Restorer]');
+const scriptTagId = 'playwrightReportBase64';
+// Captured once at init time, before React removes the element.
+// Defaults to 'SCRIPT' (Playwright < 1.59 format) so that c.textContent is readable.
+let originalElementTagName = 'SCRIPT';
 /**
- * Restores the playwrightReportBase64 script tag if it's been removed by Playwright's host code.
- * This is necessary for Playwright 1.57+ where the host removes the tag after reading it in window.onload.
+ * Must be called early (before window.onload / React mount) while the original
+ * playwrightReportBase64 element is still in the DOM. Records its tag name so
+ * ensureScriptTagExists() can recreate it in the same format:
+ *   <script type="application/zip">  – Playwright < 1.59: Playwright reads .textContent
+ *   <template>                       – Playwright >= 1.59: Playwright reads .content.textContent
+ */
+function initScriptTagRestorer() {
+    const el = document.getElementById(scriptTagId);
+    if (el != null) {
+        originalElementTagName = el.tagName; // 'SCRIPT' or 'TEMPLATE'
+        logger.log(`Original element tag: ${originalElementTagName}`);
+    }
+}
+exports.initScriptTagRestorer = initScriptTagRestorer;
+/**
+ * Restores the playwrightReportBase64 element if it's been removed by Playwright's host code.
+ * This is necessary for Playwright 1.57+ where the host removes the element after reading it.
  *
- * When we invoke window.onload() to trigger React re-renders, the host code expects the script tag
- * to exist. If it doesn't exist, we recreate it from the data stored in window.playwrightReportBase64.
+ * Recreates the element using the same tag that was originally in the HTML so Playwright's
+ * internal code can read it correctly on subsequent window.onload() calls.
  */
 function ensureScriptTagExists() {
     var _a;
-    const scriptTagId = 'playwrightReportBase64';
     let scriptTag = document.getElementById(scriptTagId);
-    // If the script tag already exists, no action needed
     if (scriptTag) {
         logger.log('Script tag already exists, no restoration needed');
         return;
     }
-    // Get the data from window.playwrightReportBase64
     const reportData = window.playwrightReportBase64;
     if (!reportData) {
         logger.warn('No playwrightReportBase64 data found in window, cannot restore script tag');
         return;
     }
-    // Extract the base64 string (handles both string and object with textContent)
-    const base64String = typeof reportData === 'string' ? reportData : (_a = reportData === null || reportData === void 0 ? void 0 : reportData.textContent) !== null && _a !== void 0 ? _a : '';
+    const base64String = typeof reportData === 'string'
+        ? reportData
+        : (_a = (reportData instanceof HTMLTemplateElement ? reportData.content.textContent : reportData === null || reportData === void 0 ? void 0 : reportData.textContent)) !== null && _a !== void 0 ? _a : '';
     if (!base64String) {
         logger.warn('playwrightReportBase64 data is empty, cannot restore script tag');
         return;
     }
-    // Create and insert the script tag
-    const applicationZipAttribute = document.createAttribute('type');
-    applicationZipAttribute.value = 'application/zip';
-    scriptTag = document.createElement('script');
-    scriptTag.id = scriptTagId;
-    scriptTag.attributes.setNamedItem(applicationZipAttribute);
-    scriptTag.textContent = base64String;
-    // Insert at the beginning of the head or body
+    // Recreate using the same element type that was originally in the HTML.
+    // Playwright < 1.59 uses <script type="application/zip"> and reads .textContent.
+    // Playwright >= 1.59 uses <template> and reads .content.textContent.
+    // Using the wrong element type causes .textContent to return "" for <template>,
+    // which makes Playwright fall through to the localStorage HMR path and show an alert.
+    if (originalElementTagName === 'TEMPLATE') {
+        const templateEl = document.createElement('template');
+        templateEl.id = scriptTagId;
+        // Use content.appendChild — do NOT use template.textContent= (setter behaviour varies)
+        templateEl.content.appendChild(document.createTextNode(base64String));
+        scriptTag = templateEl;
+    }
+    else {
+        // Default: <script type="application/zip"> for Playwright < 1.59
+        const scriptEl = document.createElement('script');
+        scriptEl.id = scriptTagId;
+        scriptEl.type = 'application/zip';
+        scriptEl.textContent = base64String;
+        scriptTag = scriptEl;
+    }
     const targetElement = document.head || document.body;
     if (targetElement) {
         targetElement.insertBefore(scriptTag, targetElement.firstChild);
-        logger.log('Successfully restored playwrightReportBase64 script tag');
+        logger.log(`Successfully restored playwrightReportBase64 as <${originalElementTagName.toLowerCase()}>`);
     }
     else {
         logger.error('Cannot find head or body element to insert script tag');