@applitools/eyes-playwright 1.41.2 → 1.42.2

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # Changelog
 
+## [1.42.2](https://github.com/Applitools-Dev/sdk/compare/js/eyes-playwright@1.42.1...js/eyes-playwright@1.42.2) (2025-12-07)
+
+
+### Dependencies
+
+* @applitools/dom-snapshot bumped to 4.15.3
+  #### Bug Fixes
+
+  * capture JavaScript-modified CSS selectors in nested [@layer](https://github.com/layer) rules ([#3391](https://github.com/Applitools-Dev/sdk/issues/3391)) ([b3bceb5](https://github.com/Applitools-Dev/sdk/commit/b3bceb5bfe894f3548173d23942e09d0e04b7e04))
+* @applitools/core bumped to 4.53.2
+  #### Bug Fixes
+
+  * Upgrade core version ([#3398](https://github.com/Applitools-Dev/sdk/issues/3398)) ([68858c7](https://github.com/Applitools-Dev/sdk/commit/68858c7024e0413c1cc6af68752b1c3a9a04bb0b))
+
+
+
+* @applitools/eyes bumped to 1.36.17
+  #### Bug Fixes
+
+  * capture JavaScript-modified CSS selectors in nested [@layer](https://github.com/layer) rules ([#3391](https://github.com/Applitools-Dev/sdk/issues/3391)) ([b3bceb5](https://github.com/Applitools-Dev/sdk/commit/b3bceb5bfe894f3548173d23942e09d0e04b7e04))
+
+
+
+
+## [1.42.1](https://github.com/Applitools-Dev/sdk/compare/js/eyes-playwright@1.42.0...js/eyes-playwright@1.42.1) (2025-11-25)
+
+
+### Bug Fixes
+
+* remove local storage in playwright reporter ([#3374](https://github.com/Applitools-Dev/sdk/issues/3374)) ([a030b42](https://github.com/Applitools-Dev/sdk/commit/a030b42371eec1bcfa6368dbeb340a95557b63d1))
+
+## [1.42.0](https://github.com/Applitools-Dev/sdk/compare/js/eyes-playwright@1.41.2...js/eyes-playwright@1.42.0) (2025-11-24)
+
+
+### Features
+
+* Add support for the playwright 1.57+ | AD-11932 ([#3369](https://github.com/Applitools-Dev/sdk/issues/3369)) ([7a42481](https://github.com/Applitools-Dev/sdk/commit/7a42481f4e6cf6af96954a1e5567d13d82c68d3a))
+
+
+### Bug Fixes
+
+* display missing PW report test details | AD-11932  ([#3368](https://github.com/Applitools-Dev/sdk/issues/3368)) ([1660412](https://github.com/Applitools-Dev/sdk/commit/16604124d1165b564b33d7b2f79336d7de37a4ec))
+* Playwright reporter not handling upload ETIMEOUT | FLD-3838 ([#3364](https://github.com/Applitools-Dev/sdk/issues/3364)) ([56d564a](https://github.com/Applitools-Dev/sdk/commit/56d564aa3cb6fadea547ed2b21b8adb3f34f4635))
+
 ## [1.41.2](https://github.com/Applitools-Dev/sdk/compare/js/eyes-playwright@1.41.1...js/eyes-playwright@1.41.2) (2025-11-19)
 
 

package/dist/fixture/index.js

@@ -22,7 +22,7 @@ exports.test = test_1.test.extend({
                 output(`Waiting on eyes results for worker #${workerInfo.parallelIndex}-${workerInfo.workerIndex} - it might take a while`);
             }
             try {
-                await Promise.all((_a = runner === null || runner === void 0 ? void 0 : runner.fixturePromises) !== null && _a !== void 0 ? _a : []);
+                await Promise.allSettled((_a = runner === null || runner === void 0 ? void 0 : runner.fixturePromises) !== null && _a !== void 0 ? _a : []);
                 await runner.getAllTestResults(eyesConfig.failTestsOnDiff === 'afterAll').catch(err => {
                     const newError = new Error(err.message);
                     newError.stack = undefined;
@@ -116,7 +116,7 @@ async function writeResultsWhenReady({ eyes, runner, testInfo, logger, }) {
         .catch((e) => {
         var _a;
         // TODO error handling
-        throw new Error(`Failed to get eyes test results: ${(_a = e === null || e === void 0 ? void 0 : e.message) !== null && _a !== void 0 ? _a : e} ${e === null || e === void 0 ? void 0 : e.stack}`);
+        logger.error(`Failed to get eyes test results: ${(_a = e === null || e === void 0 ? void 0 : e.message) !== null && _a !== void 0 ? _a : e} ${e === null || e === void 0 ? void 0 : e.stack}`);
     }));
 }
 async function getEyesConfigForWorker(workerInfo) {

package/dist/fixture/report-plugin/handlers/statusUpdateHandler.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatusUpdateHandler = void 0;
 const urlManager_js_1 = require("../data/urlManager.js");
+const scriptTagRestorer_js_1 = require("../utils/scriptTagRestorer.js");
 const log_1 = __importDefault(require("../core/log"));
 const logger = (0, log_1.default)();
 class StatusUpdateHandler {
@@ -12,6 +13,8 @@ class StatusUpdateHandler {
         this.handleStatusUpdate = async (testResults) => {
             // Capture scroll position before triggering window.onload
             this.scrollPreserver.captureScrollPosition();
+            // Ensure the script tag exists before calling window.onload (Playwright 1.57+ compatibility)
+            (0, scriptTagRestorer_js_1.ensureScriptTagExists)();
             if (typeof window.onload === 'function') {
                 const onloadHandler = window.onload;
                 onloadHandler(new Event('load'));

package/dist/fixture/report-plugin/management/reportDataManager.js

@@ -21,12 +21,5 @@ async function refreshReportData(testsFiles, report) {
     const generatedZip = await newZip.generateAsync({ type: 'base64' });
     window.playwrightReportBase64 = `data:application/zip;base64,${generatedZip}`;
     logger.log('[Report Data Manager] Report data refreshed.');
-    // Also store in localStorage for HMR support PW 1.55 and above
-    try {
-        localStorage.setItem('playwrightReportStorageForHMR', generatedZip);
-    }
-    catch (e) {
-        logger.warn('[Report Data Manager] Unable to access localStorage:', e);
-    }
 }
 exports.refreshReportData = refreshReportData;

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

@@ -22,6 +22,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const dataParser_js_1 = require("./data/dataParser.js");
 const navigationState_js_1 = require("./state/navigationState.js");
 const scrollPreserver_js_1 = require("./utils/scrollPreserver.js");
+const scriptTagRestorer_js_1 = require("./utils/scriptTagRestorer.js");
 const eyesResultsBatchLinkUI_js_1 = require("./ui/eyesResultsBatchLinkUI.js");
 const navigationUI_js_1 = require("./ui/navigationUI.js");
 const filterManager_js_1 = require("./ui/filterManager.js");
@@ -38,6 +39,8 @@ class ReportRenderer {
         this.updatePlaywrightWithEyesResults = () => {
             // Capture scroll position before triggering window.onload
             this.scrollPreserver.captureScrollPosition();
+            // Ensure the script tag exists before calling window.onload (Playwright 1.57+ compatibility)
+            (0, scriptTagRestorer_js_1.ensureScriptTagExists)();
             if (typeof window.onload === 'function') {
                 const onloadHandler = window.onload;
                 onloadHandler(new Event('load'));

package/dist/fixture/report-plugin/ui/eyesResultsBatchLinkUI.js

@@ -12,7 +12,6 @@ class EyesResultsBatchLinkUI {
         this._linkCreated = false;
     }
     createLinkToBatch(testResults) {
-        var _a, _b;
         if (!(0, urlManager_js_1.isListMode)()) {
             this.removeLinkToBatch();
             return;
@@ -26,14 +25,32 @@ class EyesResultsBatchLinkUI {
             logger.warn('No chip element found, cannot create link');
             return;
         }
-        const firstResult = (_a = Object.values(testResults.eyesTestResult)[0]) === null || _a === void 0 ? void 0 : _a.eyesResults[0];
-        if (!firstResult || !((_b = firstResult.appUrls) === null || _b === void 0 ? void 0 : _b.batch)) {
+        // Collect all distinct batch URLs
+        const batchesMap = new Map();
+        Object.values(testResults.eyesTestResult).forEach(testResult => {
+            testResult === null || testResult === void 0 ? void 0 : testResult.eyesResults.forEach(result => {
+                var _a;
+                if ((_a = result.appUrls) === null || _a === void 0 ? void 0 : _a.batch) {
+                    batchesMap.set(result.batchName, result.appUrls.batch);
+                }
+            });
+        });
+        if (batchesMap.size === 0) {
             logger.warn('No Eyes results with batch URL found');
             return;
         }
         const linkContainer = document.createElement('div');
         linkContainer.classList.add('eyes-batch-link');
-        linkContainer.innerHTML = `<a target='_blank' href='${firstResult.appUrls.batch}'>Results in Eyes Dashboard</a>`;
+        // Create a link for each distinct batch
+        Array.from(batchesMap).forEach((batchEntry, index) => {
+            const link = document.createElement('a');
+            const batchName = batchEntry[0] !== '' ? ` - ${batchEntry[0]}` : batchesMap.size > 1 ? ` (Batch ${index + 1})` : '';
+            link.target = '_blank';
+            link.href = batchEntry[1];
+            link.textContent =
+                batchesMap.size > 1 ? `Results in Eyes Dashboard${batchName}` : `Results in Eyes Dashboard${batchName}`;
+            linkContainer.appendChild(link);
+        });
         firstChip.parentNode.insertBefore(linkContainer, firstChip);
         this._linkCreated = true;
     }

package/dist/fixture/report-plugin/ui/navigationUI.js

@@ -21,7 +21,8 @@ class NavigationUI {
             return;
         }
         const allFilters = document.getElementsByClassName('subnav-item');
-        const navTextButtons = Array.from(allFilters).filter(filter => filter.tagName === 'A');
+        const navTextButtons = Array.from(allFilters).filter(filter => filter.tagName === 'A' &&
+            (filter.querySelector('.subnav-item-label') !== null || filter.querySelector('.d-inline') !== null));
         const lastFilter = navTextButtons[navTextButtons.length - 1];
         if (!lastFilter) {
             logger.warn('[Eyes Navigation] No subnav items found, cannot create filters');

package/dist/fixture/report-plugin/ui/testDetailUI.js

@@ -155,7 +155,9 @@ class TestDetailUI {
         }
     }
     createTemplateChip() {
-        const firstChip = document.getElementsByClassName('chip')[0];
+        const testResultElement = document.querySelector('.test-result');
+        const firstChip = ((testResultElement === null || testResultElement === void 0 ? void 0 : testResultElement.querySelector('.chip')) ||
+            document.getElementsByClassName('chip')[0]);
         const chipTemplate = firstChip.cloneNode(true);
         chipTemplate.classList.add('eyes-test-results');
         const chipTemplateHeader = chipTemplate.querySelector('.chip-header');
@@ -168,9 +170,11 @@ class TestDetailUI {
             const target = event.currentTarget;
             target.classList.toggle('expanded-false');
             target.classList.toggle('expanded-true');
-            target.parentNode.querySelector('.chip-body').classList.toggle('hidden');
+            const bodyElement = target.parentNode.querySelector('.test-result') || target.parentNode.querySelector('.chip-body');
+            bodyElement.classList.toggle('hidden');
         };
-        const chipTemplateBody = chipTemplate.querySelector('.chip-body');
+        const chipTemplateBody = (chipTemplate.querySelector('.test-result') ||
+            chipTemplate.querySelector('.chip-body'));
         chipTemplateBody.innerHTML = '';
         return { chipTemplate, chipTemplateHeader, firstChip };
     }
@@ -240,7 +244,7 @@ class TestDetailUI {
             if (shouldFilterUnresolved && (0, statusUtils_js_1.getSingleSessionStatus)(result).status !== 'unresolved')
                 return;
             const chip = this.createChipForTest(result, chipTemplate, chipTemplateHeader);
-            const chipBody = chip.querySelector('.chip-body');
+            const chipBody = (chip.querySelector('.test-result') || chip.querySelector('.chip-body'));
             let bodyElement;
             if (result.steps === 0) {
                 bodyElement = document.createElement('div');

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

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ensureScriptTagExists = void 0;
+const log_js_1 = __importDefault(require("../core/log.js"));
+const logger = (0, log_js_1.default)('[Script Tag Restorer]');
+/**
+ * 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.
+ *
+ * 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.
+ */
+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 : '';
+    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
+    const targetElement = document.head || document.body;
+    if (targetElement) {
+        targetElement.insertBefore(scriptTag, targetElement.firstChild);
+        logger.log('Successfully restored playwrightReportBase64 script tag');
+    }
+    else {
+        logger.error('Cannot find head or body element to insert script tag');
+    }
+}
+exports.ensureScriptTagExists = ensureScriptTagExists;