@applitools/eyes-browser 1.6.5 → 1.6.7

package/CHANGELOG.md

@@ -1,5 +1,86 @@
 # Changelog
 
+## [1.6.7](https://github.com/Applitools-Dev/sdk/compare/js/eyes-browser@1.6.6...js/eyes-browser@1.6.7) (2026-03-16)
+
+
+### Dependencies
+
+* @applitools/nml-client bumped to 1.11.21
+
+* @applitools/core-base bumped to 1.32.3
+  #### Bug Fixes
+
+  * pass gzip content encoding | FLD-4293 ([#3649](https://github.com/Applitools-Dev/sdk/issues/3649)) ([b78ebaa](https://github.com/Applitools-Dev/sdk/commit/b78ebaa0bb0d9aeae0d5b7031d320ca10b5f608b))
+* @applitools/ec-client bumped to 1.12.23
+
+* @applitools/core bumped to 4.58.1
+
+* @applitools/eyes bumped to 1.38.10
+
+
+## [1.6.6](https://github.com/Applitools-Dev/sdk/compare/js/eyes-browser@1.6.5...js/eyes-browser@1.6.6) (2026-03-12)
+
+
+### Dependencies
+
+* @applitools/dom-snapshot bumped to 4.16.0
+  #### Features
+
+  * support coded regions within iframes and shadow DOM | FLD-4019 ([#3542](https://github.com/Applitools-Dev/sdk/issues/3542)) ([7c5639a](https://github.com/Applitools-Dev/sdk/commit/7c5639a8a4c135bc9331d9ff93f1824906549568))
+
+
+
+* @applitools/snippets bumped to 2.8.0
+  #### Features
+
+  * support coded regions within iframes and shadow DOM | FLD-4019 ([#3542](https://github.com/Applitools-Dev/sdk/issues/3542)) ([7c5639a](https://github.com/Applitools-Dev/sdk/commit/7c5639a8a4c135bc9331d9ff93f1824906549568))
+* @applitools/dom-capture bumped to 11.6.12
+  #### Bug Fixes
+
+  * prevent [object Object] in DOM capture for CORS iframes | FLD-4181 ([#3620](https://github.com/Applitools-Dev/sdk/issues/3620)) ([afe91e7](https://github.com/Applitools-Dev/sdk/commit/afe91e7b26e9ad5d37d2098b17ecf139794075ef))
+* @applitools/driver bumped to 1.25.3
+  #### Bug Fixes
+
+  * enhance NML error messages for better user-facing diagnostics | FLD-4279 ([#3622](https://github.com/Applitools-Dev/sdk/issues/3622)) ([2aef039](https://github.com/Applitools-Dev/sdk/commit/2aef0395875fd0ff0b4f657d769bda23d66660ad))
+
+
+
+* @applitools/ufg-client bumped to 1.20.0
+  #### Features
+
+  * support coded regions within iframes and shadow DOM | FLD-4019 ([#3542](https://github.com/Applitools-Dev/sdk/issues/3542)) ([7c5639a](https://github.com/Applitools-Dev/sdk/commit/7c5639a8a4c135bc9331d9ff93f1824906549568))
+* @applitools/core bumped to 4.58.0
+  #### Features
+
+  * support coded regions within iframes and shadow DOM | FLD-4019 ([#3542](https://github.com/Applitools-Dev/sdk/issues/3542)) ([7c5639a](https://github.com/Applitools-Dev/sdk/commit/7c5639a8a4c135bc9331d9ff93f1824906549568))
+
+
+  #### Bug Fixes
+
+  * enhance NML error messages for better user-facing diagnostics | FLD-4279 ([#3622](https://github.com/Applitools-Dev/sdk/issues/3622)) ([2aef039](https://github.com/Applitools-Dev/sdk/commit/2aef0395875fd0ff0b4f657d769bda23d66660ad))
+  * logEventBatch leaks to console | FLD-4175 ([#3608](https://github.com/Applitools-Dev/sdk/issues/3608)) ([f749d28](https://github.com/Applitools-Dev/sdk/commit/f749d287bf8a8e91ab819c04b13f8246f3d3a244))
+
+
+
+* @applitools/spec-driver-webdriver bumped to 1.5.8
+
+* @applitools/spec-driver-selenium bumped to 1.7.14
+
+* @applitools/spec-driver-puppeteer bumped to 1.7.3
+
+* @applitools/screenshoter bumped to 3.12.16
+
+* @applitools/nml-client bumped to 1.11.20
+
+* @applitools/core-base bumped to 1.32.2
+  #### Bug Fixes
+
+  * logEventBatch leaks to console | FLD-4175 ([#3608](https://github.com/Applitools-Dev/sdk/issues/3608)) ([f749d28](https://github.com/Applitools-Dev/sdk/commit/f749d287bf8a8e91ab819c04b13f8246f3d3a244))
+* @applitools/ec-client bumped to 1.12.22
+
+* @applitools/eyes bumped to 1.38.9
+
+
 ## [1.6.5](https://github.com/Applitools-Dev/sdk/compare/js/eyes-browser@1.6.4...js/eyes-browser@1.6.5) (2026-03-08)
 
 

package/dist/index.js

@@ -28154,7 +28154,8 @@ var require_upload = __commonJS({
           method: "PUT",
           headers: {
             "Content-Type": "application/octet-stream",
-            Date: (/* @__PURE__ */ new Date()).toISOString(),
+            ...gzip && { "Content-Encoding": "gzip" },
+            Date: (/* @__PURE__ */ new Date()).toUTCString(),
             "x-ms-blob-type": "BlockBlob"
           },
           body,
@@ -28823,7 +28824,8 @@ var require_requests = __commonJS({
                     },
                     eyesServerUrl: settings2.eyesServerUrl,
                     apiKey: settings2.apiKey
-                  }
+                  },
+                  logger: logger2
                 }).catch((err) => logger2.log("Error logging event", { error: err, event: `UFG 'serviceUrlNew' is available` }));
                 return resolve(serviceUrl);
               } else {
@@ -28838,7 +28840,8 @@ var require_requests = __commonJS({
                     },
                     eyesServerUrl: settings2.eyesServerUrl,
                     apiKey: settings2.apiKey
-                  }
+                  },
+                  logger: logger2
                 }).catch((err) => logger2.log("Error logging event", { error: err, event: `UFG 'serviceUrlNew' is blocked` }));
                 return resolve(void 0);
               }
@@ -28855,7 +28858,8 @@ var require_requests = __commonJS({
                   },
                   eyesServerUrl: settings2.eyesServerUrl,
                   apiKey: settings2.apiKey
-                }
+                },
+                logger: logger2
               }).catch((err) => logger2.log("Error logging event", {
                 error: err,
                 event: `an error occured while accessing to UFG 'serviceUrlNew', the url is probably blocked`
@@ -28925,7 +28929,7 @@ var require_requests = __commonJS({
         logger.log('Request "deleteTest" finished successfully');
       }
       async function logEventBatch(batch) {
-        const logger = batch.map(([{ logger: logger2 }]) => logger2).reduce((acc, logger2) => logger2 ? acc.extend(logger2) : acc, mainLogger).extend({ tags: [`core-request-${utils2.general.shortid()}`] });
+        const logger = batch.map(([{ logger: logger2 }]) => logger2).reduce((acc, logger2) => acc.extend(logger2)).extend({ tags: [`core-request-${utils2.general.shortid()}`] });
         const req2 = (0, req_eyes_1.makeReqEyes)({ settings: batch[0][0].settings, fetch: fetch2, logger });
         logger.log('Request "logEventBatch" called with settings', batch);
         const events = batch.map(([{ settings }]) => {
@@ -74524,43 +74528,43 @@ var require_dist3 = __commonJS({
     exports.addElementIds = function(arg) {
       var s = function() {
         "use strict";
-        function t(t2) {
-          return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
+        function e(e2) {
+          return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
         }
-        var e = function(t2) {
-          var e2 = t2 && t2[0] || null;
-          return !e2 || ("isConnected" in window.Node.prototype ? !e2.isConnected : document.documentElement.contains ? !document.documentElement.contains(e2) : !e2.ownerDocument.documentElement.contains(e2));
-        }, r = e;
-        var o = function(t2) {
-          if (!t2.hasAttribute("data-applitools-fallback-selector")) {
-            if (r([t2]))
-              throw new Error("The element is not connected to the DOM: " + function(t3) {
-                var e2 = t3.attributes, r2 = t3.tagName, o2 = t3.children.length, n2 = [].slice.call(e2).map(function(t4) {
-                  return t4.name + '="' + t4.value + '"';
+        var t = function(e2) {
+          var t2 = e2 && e2[0] || null;
+          return !t2 || ("isConnected" in window.Node.prototype ? !t2.isConnected : document.documentElement.contains ? !document.documentElement.contains(t2) : !t2.ownerDocument.documentElement.contains(t2));
+        }, r = t;
+        var n = function(e2) {
+          if (!e2.hasAttribute("data-applitools-fallback-selector")) {
+            if (r([e2]))
+              throw new Error("The element is not connected to the DOM: " + function(e3) {
+                var t2 = e3.attributes, r2 = e3.tagName, n2 = e3.children.length, o2 = [].slice.call(t2).map(function(e4) {
+                  return e4.name + '="' + e4.value + '"';
                 }).join(" ");
-                return "<" + r2 + " " + n2 + (o2 ? ">" : "/>");
-              }(t2));
-            t2.setAttribute("data-applitools-fallback-selector", function(t3) {
-              var e2 = [];
-              for (; t3 && t3.nodeType === Node.ELEMENT_NODE; )
+                return "<" + r2 + " " + o2 + (n2 ? ">" : "/>");
+              }(e2));
+            e2.setAttribute("data-applitools-fallback-selector", function(e3) {
+              var t2 = [];
+              for (; e3 && e3.nodeType === Node.ELEMENT_NODE; )
                 try {
-                  var r2, o2 = t3.tagName.toLowerCase(), n2 = [].slice.call((null == (r2 = t3.parentNode) ? void 0 : r2.children) || []).indexOf(t3);
-                  n2 > -1 && (o2 += ":nth-child(" + (n2 + 1) + ")"), e2.unshift(o2), t3 = t3.parentNode;
-                } catch (t4) {
+                  var r2, n2 = e3.tagName.toLowerCase(), o2 = [].slice.call((null == (r2 = e3.parentNode) ? void 0 : r2.children) || []).indexOf(e3);
+                  o2 > -1 && (n2 += ":nth-child(" + (o2 + 1) + ")"), t2.unshift(n2), e3 = e3.parentNode;
+                } catch (e4) {
                   break;
                 }
-              return e2.length ? e2.join(" > ") : "html";
-            }(t2));
-          }
-        }, n = e;
-        function a(t2, e2) {
-          if (n([t2])) {
-            var r2 = function(t3) {
-              if (null == t3 || !t3.getAttribute)
-                return { error: "invalid element: " + JSON.stringify(t3) };
-              var e3 = t3.getAttribute("data-applitools-fallback-selector");
-              return e3;
-            }(t2);
+              return t2.length ? t2.join(" > ") : "html";
+            }(e2));
+          }
+        }, o = t;
+        function a(e2, t2) {
+          if (o([e2])) {
+            var r2 = function(e3) {
+              if (null == e3 || !e3.getAttribute)
+                return { error: "invalid element: " + JSON.stringify(e3) };
+              var t3 = e3.getAttribute("data-applitools-fallback-selector");
+              return t3;
+            }(e2);
             if (!r2)
               return { error: "Failed to recover from stale element" };
             if (r2.error)
@@ -74569,25 +74573,32 @@ var require_dist3 = __commonJS({
             if (!l || 1 !== l.length)
               return { error: "Failed to recover from stale element - selector found: " + r2 };
             var i = l[0];
-            return i.setAttribute("data-applitools-selector", e2), i.setAttribute("data-applitools-recovered", true), a(i, e2);
+            return i.setAttribute("data-applitools-selector", t2), i.setAttribute("data-applitools-recovered", true), a(i, t2);
           }
-          o(t2);
-          var u = t2.getAttribute("data-applitools-selector"), c = u ? u + " " + e2 : e2;
-          return t2.setAttribute("data-applitools-selector", c), '[data-applitools-selector~="' + e2 + '"]';
+          n(e2);
+          var u = e2.getAttribute("data-applitools-selector"), c = u ? u + " " + t2 : t2;
+          return e2.setAttribute("data-applitools-selector", c), '[data-applitools-selector~="' + t2 + '"]';
         }
-        return t(function(t2) {
-          return t2.map(function(t3) {
-            var e2 = t3[0], r2 = t3[1];
-            return e2.map(function(t4) {
-              var e3 = function(t5) {
-                var e4 = [t5];
-                if (t5.getRootNode)
-                  for (var r3 = t5.getRootNode(); r3 !== document && r3.constructor && "ShadowRoot" === r3.constructor.name; r3 = r3.host.getRootNode())
-                    e4.push(r3.host);
-                return e4;
-              }(t4);
-              return e3.map(function(t5) {
-                return a(t5, r2);
+        return e(function(e2) {
+          return e2.map(function(e3) {
+            var t2 = e3[0], r2 = e3[1];
+            return t2.map(function(e4) {
+              var t3 = function(e5) {
+                var t4 = [{ element: e5, kind: "root" }], r3 = /* @__PURE__ */ new Set([e5]), n2 = e5;
+                for (; n2; ) {
+                  var o2, a2 = n2.getRootNode && n2.getRootNode();
+                  if (!a2)
+                    break;
+                  if (a2.constructor && "ShadowRoot" === a2.constructor.name ? (n2 = a2.host, o2 = "shadow") : (n2 = a2.defaultView ? a2.defaultView.frameElement : null, o2 = "frame"), n2) {
+                    if (r3.has(n2))
+                      break;
+                    r3.add(n2), t4.push({ element: n2, kind: o2 });
+                  }
+                }
+                return t4;
+              }(e4);
+              return t3.map(function(e5) {
+                return { selector: a(e5.element, r2), kind: e5.kind };
               });
             });
           });
@@ -74680,10 +74691,16 @@ var require_dist3 = __commonJS({
         }
         return t(function(t2) {
           (t2 = t2 && t2[0]) && "function" == typeof t2.forEach && t2.forEach(function(t3) {
-            if (t3.removeAttribute("data-applitools-selector"), t3.getRootNode)
+            t3.removeAttribute("data-applitools-selector");
+            var o = t3;
+            if (o.getRootNode)
               try {
-                for (var o = t3.getRootNode(); o !== document && o.constructor && "ShadowRoot" === o.constructor.name; o = o.host.getRootNode())
-                  o.host.removeAttribute("data-applitools-selector");
+                for (; o; ) {
+                  var e = o.getRootNode();
+                  if (!e)
+                    break;
+                  (o = e.constructor && "ShadowRoot" === e.constructor.name ? e.host : e.defaultView ? e.defaultView.frameElement : null) && o.removeAttribute("data-applitools-selector");
+                }
               } catch (t4) {
               }
           });
@@ -78193,7 +78210,12 @@ var require_driver = __commonJS({
         (_a = (_b = this._state).nmlElement) !== null && _a !== void 0 ? _a : _b.nmlElement = await this.waitFor({ type: "accessibility id", selector: "Applitools_View" }, { timeout: 1e4 }).catch(() => null);
         if (!this._state.nmlElement) {
           this._logger.log("Broker url extraction is failed due to absence of nml element");
-          return null;
+          return {
+            error: (
+              // user facing error - doesn't mention broker on purpose to avoid confusion
+              "NML not found - please make sure that the Application has NML library instrumented or contact support for more details"
+            )
+          };
         }
         try {
           let result;
@@ -78206,7 +78228,7 @@ var require_driver = __commonJS({
             await utils2.general.sleep(1e3);
           } while (!result.error);
           this._logger.error("Broker url extraction has failed with error", result.error);
-          return null;
+          return { error: `NML initialization has failed with error: ${result.error}` };
         } catch (error) {
           this._logger.error("Broker url extraction has failed with error and will be retried", error);
           this._state.nmlElement = null;
@@ -80358,15 +80380,15 @@ var require_captureDomPollCjs = __commonJS({
             const o2 = [];
             let r2 = 0;
             for (let s2 = 0; s2 < e4.length; ++s2) {
-              const c2 = n2(e4, s2);
-              let a2 = 0;
-              c2 > 0 && (a2 = c2 < 128 ? 1 : c2 < 2048 ? 2 : c2 < 65536 ? 3 : c2 < 2097152 ? 4 : c2 < 67108864 ? 5 : 6), r2 + a2 > t4 ? (o2.push(s2), r2 = a2) : r2 += a2;
+              const a2 = n2(e4, s2);
+              let c2 = 0;
+              a2 > 0 && (c2 = a2 < 128 ? 1 : a2 < 2048 ? 2 : a2 < 65536 ? 3 : a2 < 2097152 ? 4 : a2 < 67108864 ? 5 : 6), r2 + c2 > t4 ? (o2.push(s2), r2 = c2) : r2 += c2;
             }
             return o2;
           };
           const r = function(e4) {
             return e4 && e4.__esModule ? e4 : { default: e4 };
-          }(o), s = "WIP", c = "SUCCESS", a = "SUCCESS_CHUNKED", u = "ERROR";
+          }(o), s = "WIP", a = "SUCCESS", c = "SUCCESS_CHUNKED", u = "ERROR";
           var i = function(e4, t4, n3 = {}) {
             const o2 = function(e5, { chunkByteLength: t5 = 0 } = {}) {
               if (e5) {
@@ -80380,15 +80402,15 @@ var require_captureDomPollCjs = __commonJS({
                         return { status: u, error: e6.message };
                       }
                     if (e5.from >= 0)
-                      return { status: a, value: e5.value.substring(e5.from, e5.from = e5.chunks.shift()), done: !e5.from };
+                      return { status: c, value: e5.value.substring(e5.from, e5.from = e5.chunks.shift()), done: !e5.from };
                   }
-                  return { status: c, value: e5.value };
+                  return { status: a, value: e5.value };
                 }
                 return e5.error ? { status: u, error: e5.error } : { status: s };
               }
               return { status: u, error: "unexpected poll request received - cannot find state of current operation" };
             }((e4 = e4 || {})[t4], n3);
-            return (o2.status === c || o2.status === u || o2.status === a && o2.done) && delete e4[t4], o2;
+            return (o2.status === a || o2.status === u || o2.status === c && o2.done) && delete e4[t4], o2;
           };
           const l = i;
           var d = function(e4) {
@@ -80444,25 +80466,25 @@ var require_captureDomPollCjs = __commonJS({
           var w = { EYES_NAMESPACE: "__EYES__APPLITOOLS__", DOM_CAPTURE_KEY: "domCaptureResult", NODE_TYPES: { ELEMENT: 1, TEXT: 3, DOCUMENT_FRAGMENT: 11 }, DEFAULT_STYLE_PROPS: ["background-color", "background-image", "background-origin", "background-position", "background-repeat", "background-size", "border-color", "border-radius", "border-style", "border-width", "color", "cursor", "display", "font-family", "font-size", "font-weight", "font-style", "line-height", "margin", "opacity", "overflow", "padding", "pointer-events", "position", "text-align", "visibility", "z-index"], DEFAULT_RECT_PROPS: ["width", "height", "top", "left"], DEFAULT_IGNORED_TAG_NAMES: ["HEAD", "SCRIPT"] };
           const E = /url\((?!['"]?:)['"]?([^'")]*)['"]?\)/;
           const { NODE_TYPES: C } = w;
-          function T(e4) {
+          function b(e4) {
             return Array.prototype.filter.call(e4.parentNode.childNodes, (t4) => t4.tagName === e4.tagName).indexOf(e4) + 1;
           }
-          var b = function(t4) {
+          var T = function(t4) {
             var n3 = e3.implementation.createHTMLDocument(""), o2 = n3.createElement("style");
             return o2.textContent = t4, n3.body.appendChild(o2), o2.sheet;
-          }, N = function(e4) {
+          }, S = function(e4) {
             const t4 = Array.from(e4.attributes).find((e5) => "href" === e5.name.toLowerCase());
             return t4 && t4.value;
-          }, S = function(e4) {
+          }, N = function(e4) {
             if (e4.nodeName && "LINK" === e4.nodeName.toUpperCase() && e4.attributes) {
               const t4 = new Map(Array.from(e4.attributes, (e5) => [e5.name.toLowerCase(), e5.value.toLowerCase()]));
               return "stylesheet" === t4.get("rel") || "style" === t4.get("as") && ["preload", "prefetch"].includes(t4.get("rel"));
             }
             return false;
           };
-          const A = N, _ = S;
-          const { absolutizeUrl: v, isInlineFrame: P } = t3, R = b, $ = N, U = S, { NODE_TYPES: D } = w;
-          const { absolutizeUrl: O, isInlineFrame: k } = t3, F = function(e4) {
+          const A = S, v = N;
+          const { absolutizeUrl: _, isInlineFrame: P } = t3, R = T, $ = S, U = N, { NODE_TYPES: O } = w;
+          const { absolutizeUrl: D, isInlineFrame: k } = t3, F = function(e4) {
             const t4 = e4 ? e4.match(E) : void 0;
             return t4 ? t4[1] : t4;
           }, I = async function({ bgImages: e4, timeout: t4 = 5e3, Image: n3 = window.Image }) {
@@ -80480,32 +80502,32 @@ var require_captureDomPollCjs = __commonJS({
               return "";
             let n3 = "", o2 = t4, r2 = t4.ownerDocument, s2 = r2.defaultView.frameElement;
             for (; o2 !== r2 && (!o2 || o2.nodeType !== C.DOCUMENT_FRAGMENT); )
-              n3 = `${o2.tagName}[${T(o2)}]/${n3}`, o2 = o2.parentNode;
+              n3 = `${o2.tagName}[${b(o2)}]/${n3}`, o2 = o2.parentNode;
             return s2 && (n3 = `${e4(s2)},${n3}`), n3.replace(/\/$/, "");
           }, x = function({ parseCss: e4, CSSImportRule: t4, absolutizeUrl: n3, getCssFromCache: o2, unfetchedToken: r2 }) {
-            return function s2(c2, a2) {
+            return function s2(a2, c2) {
               let u2, i2 = "";
               try {
-                const l3 = e4(c2);
+                const l3 = e4(a2);
                 for (const e5 of Array.from(l3.cssRules))
                   if (e5 instanceof t4) {
-                    const t5 = n3(e5.href, a2), c3 = o2(t5);
-                    if (void 0 !== c3) {
-                      const { bundledCss: e6, unfetchedResources: n4 } = s2(c3, t5);
+                    const t5 = n3(e5.href, c2), a3 = o2(t5);
+                    if (void 0 !== a3) {
+                      const { bundledCss: e6, unfetchedResources: n4 } = s2(a3, t5);
                       n4 && (u2 = new Set(n4)), i2 = `${i2}${e6}`;
                     } else
                       u2 = /* @__PURE__ */ new Set([t5]), i2 = `
 ${r2}${t5}${r2}`;
                   }
               } catch (e5) {
-                console.log(`error during getBundledCssFromCssText, styleBaseUrl=${a2}`, e5);
+                console.log(`error during getBundledCssFromCssText, styleBaseUrl=${c2}`, e5);
               }
               var l2, d2;
-              return i2 = `${i2}${l2 = c2, d2 = a2, `
+              return i2 = `${i2}${l2 = a2, d2 = c2, `
 /** ${d2} **/
 ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
             };
-          }, M = b, V = function(e4, t4) {
+          }, M = T, V = function(e4, t4) {
             try {
               return ["before", "after"].reduce((n3, o2) => {
                 const r2 = e4.ownerDocument.defaultView.getComputedStyle(e4, `:${o2}`);
@@ -80519,7 +80541,7 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
             } catch (e5) {
               return;
             }
-          }, z = function(e4, { fetchTimeLimit: t4 } = {}) {
+          }, j = function(e4, { fetchTimeLimit: t4 } = {}) {
             return async function(n3) {
               const o2 = new AbortController(), r2 = [e4(n3, { cache: "force-cache", signal: o2.signal }).then((e5) => {
                 if (e5.ok)
@@ -80530,54 +80552,54 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
               })];
               return Number.isNaN(Number(t4)) || r2.push(new Promise((e5) => setTimeout(e5, t4)).then(() => o2.abort())), Promise.race(r2);
             };
-          }, B = function({ getCssFromCache: e4, absolutizeUrl: t4 }) {
+          }, z = function({ getCssFromCache: e4, absolutizeUrl: t4 }) {
             return function(n3, o2) {
-              let r2, s2, c2;
+              let r2, s2, a2;
               if (n3 && function(e5) {
                 return e5.nodeName && "STYLE" === e5.nodeName.toUpperCase();
               }(n3))
                 r2 = Array.from(n3.childNodes).map((e5) => e5.nodeValue).join(""), s2 = o2;
-              else if (n3 && _(n3)) {
-                const a2 = A(n3);
-                if (a2)
+              else if (n3 && v(n3)) {
+                const c2 = A(n3);
+                if (c2)
                   if (function(e5) {
                     return e5 && e5.startsWith("data:");
-                  }(a2)) {
+                  }(c2)) {
                     s2 = o2;
-                    const e5 = a2.match(/,(.*)/);
+                    const e5 = c2.match(/,(.*)/);
                     r2 = e5 ? e5[1] : "";
                   } else
-                    s2 = t4(a2, o2), r2 = e4(s2);
+                    s2 = t4(c2, o2), r2 = e4(s2);
                 else
                   r2 = "";
-                c2 = void 0 === r2;
+                a2 = void 0 === r2;
               }
-              return { cssText: r2, styleBaseUrl: s2, isUnfetched: c2 };
+              return { cssText: r2, styleBaseUrl: s2, isUnfetched: a2 };
             };
-          }, Y = function({ extractCssFromNode: e4, getBundledCssFromCssText: t4, unfetchedToken: n3 }) {
+          }, B = function({ extractCssFromNode: e4, getBundledCssFromCssText: t4, unfetchedToken: n3 }) {
             return function(o2, r2) {
-              const { styleBaseUrl: s2, cssText: c2, isUnfetched: a2 } = e4(o2, r2);
+              const { styleBaseUrl: s2, cssText: a2, isUnfetched: c2 } = e4(o2, r2);
               let u2, i2 = "";
-              if (c2) {
-                const { bundledCss: e5, unfetchedResources: n4 } = t4(c2, s2);
+              if (a2) {
+                const { bundledCss: e5, unfetchedResources: n4 } = t4(a2, s2);
                 i2 += e5, u2 = new Set(n4);
               } else
-                a2 && (i2 += `${n3}${s2}${n3}`, u2 = /* @__PURE__ */ new Set([s2]));
+                c2 && (i2 += `${n3}${s2}${n3}`, u2 = /* @__PURE__ */ new Set([s2]));
               return { bundledCss: i2, unfetchedResources: u2 };
             };
-          }, j = function(t4) {
+          }, Y = function(t4) {
             return async function(n3 = e3) {
               const o2 = {}, r2 = Date.now(), s2 = [];
               return function e4(n4, o3, r3, s3) {
-                function a2(e5) {
+                function c2(e5) {
                   if (s3.push(async function(e6, n5, o4) {
                     let r4, s4;
-                    e6 && U(e6) && (s4 = v($(e6), n5), r4 = await t4(s4), void 0 !== r4 && (o4[s4] = r4)), r4 && await c2(r4, s4, o4);
-                  }(e5, o3, r3)), e5.nodeType === D.ELEMENT)
+                    e6 && U(e6) && (s4 = _($(e6), n5), r4 = await t4(s4), void 0 !== r4 && (o4[s4] = r4)), r4 && await a2(r4, s4, o4);
+                  }(e5, o3, r3)), e5.nodeType === O.ELEMENT)
                     return "IFRAME" === e5.tagName.toUpperCase() ? i2(e5) : u2(e5);
                 }
                 function u2(e5) {
-                  Array.prototype.map.call(e5.childNodes, a2);
+                  Array.prototype.map.call(e5.childNodes, c2);
                 }
                 function i2(t5) {
                   if (u2(t5), t5.contentDocument)
@@ -80588,17 +80610,17 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
                       console.log(t6);
                     }
                 }
-                a2(n4.documentElement);
+                c2(n4.documentElement);
               }(n3, n3.location.href, o2, s2), await Promise.all(s2), console.log("[prefetchAllCss]", Date.now() - r2), function(e4) {
                 return o2[e4];
               };
-              async function c2(e4, n4, o3) {
+              async function a2(e4, n4, o3) {
                 try {
                   const r3 = R(e4), s3 = [];
                   for (const e5 of Array.from(r3.cssRules))
                     e5 instanceof CSSImportRule && s3.push((async () => {
-                      const r4 = v(e5.href, n4), s4 = await t4(r4);
-                      o3[r4] = s4, void 0 !== s4 && await c2(s4, r4, o3);
+                      const r4 = _(e5.href, n4), s4 = await t4(r4);
+                      o3[r4] = s4, void 0 !== s4 && await a2(s4, r4, o3);
                     })());
                   await Promise.all(s3);
                 } catch (e5) {
@@ -80606,9 +80628,51 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
                 }
               }
             };
-          }, { NODE_TYPES: G, DEFAULT_STYLE_PROPS: J, DEFAULT_RECT_PROPS: K, DEFAULT_IGNORED_TAG_NAMES: H } = w;
-          const { pollify: W } = t3, { EYES_NAMESPACE: X, DOM_CAPTURE_KEY: q } = w, Q = async function({ doc: t4 = e3, styleProps: n3 = J, rectProps: o2 = K, elementProps: r2 = [], ignoredTagNames: s2 = H, capturePseudo: c2 = false, addStats: a2 = false, fetchTimeLimit: u2 = 3e4 } = {}) {
-            arguments[1] && (t4 = arguments[1]), arguments[2] && (a2 = arguments[2]), arguments[3] && (u2 = arguments[3]), true === n3 && (n3 = [...getComputedStyle(t4.body)]);
+          }, G = function(e4) {
+            const t4 = /* @__PURE__ */ new WeakSet();
+            return function e5(n3) {
+              if (void 0 !== n3) {
+                if (null === n3)
+                  return "null";
+                if ("boolean" == typeof n3)
+                  return n3 ? "true" : "false";
+                if ("number" == typeof n3)
+                  return isFinite(n3) ? String(n3) : "null";
+                if ("string" == typeof n3)
+                  return '"' + n3.replace(/[\u0000-\u001f\u007f-\u009f\u2028\u2029\\"]/g, (e6) => {
+                    switch (e6) {
+                      case '"':
+                        return '\\"';
+                      case "\\":
+                        return "\\\\";
+                      case "\n":
+                        return "\\n";
+                      case "\r":
+                        return "\\r";
+                      case "	":
+                        return "\\t";
+                      case "\b":
+                        return "\\b";
+                      case "\f":
+                        return "\\f";
+                      default:
+                        return "\\u" + ("0000" + e6.charCodeAt(0).toString(16)).slice(-4);
+                    }
+                  }) + '"';
+                if ("object" == typeof n3) {
+                  if (t4.has(n3))
+                    throw new TypeError("Converting circular structure to JSON");
+                  let o2;
+                  return t4.add(n3), o2 = Array.isArray(n3) ? "[" + Array.from(n3, (t5) => {
+                    var _a;
+                    return (_a = e5(t5)) != null ? _a : "null";
+                  }).join(",") + "]" : "{" + Object.keys(n3).filter((e6) => void 0 !== n3[e6]).map((t5) => e5(t5) + ":" + e5(n3[t5])).join(",") + "}", t4.delete(n3), o2;
+                }
+              }
+            }(e4);
+          }, { NODE_TYPES: J, DEFAULT_STYLE_PROPS: K, DEFAULT_RECT_PROPS: W, DEFAULT_IGNORED_TAG_NAMES: H } = w;
+          const { pollify: X } = t3, { EYES_NAMESPACE: q, DOM_CAPTURE_KEY: Q } = w, Z = async function({ doc: t4 = e3, styleProps: n3 = K, rectProps: o2 = W, elementProps: r2 = [], ignoredTagNames: s2 = H, capturePseudo: a2 = false, addStats: c2 = false, fetchTimeLimit: u2 = 3e4 } = {}) {
+            arguments[1] && (t4 = arguments[1]), arguments[2] && (c2 = arguments[2]), arguments[3] && (u2 = arguments[3]), true === n3 && (n3 = [...getComputedStyle(t4.body)]);
             const i2 = { total: {}, prefetchCss: {}, doCaptureDoc: {}, waitForImages: {} };
             function l2(e4) {
               e4.startTime = Date.now();
@@ -80620,11 +80684,11 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
             l2(i2.total);
             const m2 = /* @__PURE__ */ new Set(), h2 = [], p2 = "@@@@@", g2 = "#####", y2 = "-----";
             l2(i2.prefetchCss);
-            const w2 = j(z(fetch, { fetchTimeLimit: u2 })), E2 = await w2(t4);
+            const w2 = Y(j(fetch, { fetchTimeLimit: u2 })), E2 = await w2(t4);
             d2(i2.prefetchCss);
-            const C2 = x({ parseCss: M, CSSImportRule, getCssFromCache: E2, absolutizeUrl: O, unfetchedToken: g2 }), T2 = B({ getCssFromCache: E2, absolutizeUrl: O }), b2 = Y({ extractCssFromNode: T2, getBundledCssFromCssText: C2, unfetchedToken: g2 });
+            const C2 = x({ parseCss: M, CSSImportRule, getCssFromCache: E2, absolutizeUrl: D, unfetchedToken: g2 }), b2 = z({ getCssFromCache: E2, absolutizeUrl: D }), T2 = B({ extractCssFromNode: b2, getBundledCssFromCssText: C2, unfetchedToken: g2 });
             l2(i2.doCaptureDoc);
-            const N2 = function a3(u3, i3 = u3.location && u3.location.href) {
+            const S2 = function c3(u3, i3 = u3.location && u3.location.href) {
               const l3 = /* @__PURE__ */ new Set();
               let d3 = "";
               const g3 = y3(u3.documentElement || u3);
@@ -80632,12 +80696,12 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
               function y3(t5) {
                 if (t5.hasAttribute && t5.hasAttribute("data-applitools-skip"))
                   return null;
-                const { bundledCss: n4, unfetchedResources: r3 } = b2(t5, i3);
+                const { bundledCss: n4, unfetchedResources: r3 } = T2(t5, i3);
                 if (d3 += n4, r3)
                   for (const e4 of r3)
                     m2.add(e4);
                 switch (t5.nodeType) {
-                  case G.TEXT:
+                  case J.TEXT:
                     return function(t6) {
                       const n5 = e3.createRange();
                       n5.selectNode(t6);
@@ -80649,7 +80713,7 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
                         return t7;
                       }) : void 0 };
                     }(t5);
-                  case G.ELEMENT:
+                  case J.ELEMENT:
                     return "IFRAME" === t5.tagName.toUpperCase() ? function(e4) {
                       const t6 = w3(e4);
                       let n5;
@@ -80659,7 +80723,7 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
                         return o3(), t6;
                       }
                       try {
-                        n5 ? t6.childNodes = [a3(n5, k(e4) ? e4.baseURI : n5.location.href)] : o3();
+                        n5 ? t6.childNodes = [c3(n5, k(e4) ? e4.baseURI : n5.location.href)] : o3();
                       } catch (e5) {
                         console.log("error in iframeToJSON", e5);
                       }
@@ -80669,14 +80733,14 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
                         h2.push(n6), t6.childNodes = [`${p2}${n6}${p2}`];
                       }
                     }(t5) : w3(t5);
-                  case G.DOCUMENT_FRAGMENT:
+                  case J.DOCUMENT_FRAGMENT:
                     return { childNodes: Array.prototype.map.call(t5.childNodes, y3).filter(Boolean) };
                   default:
                     return null;
                 }
               }
               function w3(e4) {
-                const u4 = Array.prototype.map.call(e4.childNodes, y3).filter(Boolean), d4 = e4.shadowRoot && a3(e4.shadowRoot, i3), f3 = e4.tagName.toUpperCase();
+                const u4 = Array.prototype.map.call(e4.childNodes, y3).filter(Boolean), d4 = e4.shadowRoot && c3(e4.shadowRoot, i3), f3 = e4.tagName.toUpperCase();
                 if (s2.indexOf(f3) > -1)
                   return null;
                 const m3 = t4.defaultView.getComputedStyle(e4), h3 = e4.getBoundingClientRect(), p3 = {};
@@ -80690,38 +80754,38 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
                 "INPUT" !== f3 && "TEXTAREA" !== f3 || !e4.value || (w4.value && console.log(`[captureFrame] Overriding element attributes value from ${w4.value} to ${e4.value}`), w4.value = e4.value);
                 const E3 = F(m3.getPropertyValue("background-image"));
                 E3 && l3.add(E3);
-                const C3 = V(e4, n3), T3 = c2 ? C3 : void 0;
+                const C3 = V(e4, n3), b3 = a2 ? C3 : void 0;
                 C3 && (w4["data-applitools-has-pseudo"] = Object.keys(C3).join("_and_"));
-                const b3 = {};
+                const T3 = {};
                 for (const t5 of r2)
-                  b3[t5] = e4[t5];
-                "SELECT" === f3 && e4.selectedOptions && e4.selectedOptions.length > 0 && (b3.selectedText = Array.from(e4.selectedOptions).map((e5) => e5.innerText));
-                const N3 = { tagName: f3, style: P2(p3), rect: P2(g4), attributes: P2(w4), properties: P2(b3), childNodes: u4, pseudo: T3 };
-                return d4 && (N3.shadowRoot = d4), N3;
+                  T3[t5] = e4[t5];
+                "SELECT" === f3 && e4.selectedOptions && e4.selectedOptions.length > 0 && (T3.selectedText = Array.from(e4.selectedOptions).map((e5) => e5.innerText));
+                const S3 = { tagName: f3, style: R2(p3), rect: R2(g4), attributes: R2(w4), properties: R2(T3), childNodes: u4, pseudo: b3 };
+                return d4 && (S3.shadowRoot = d4), S3;
               }
             }(t4);
-            d2(i2.doCaptureDoc), l2(i2.waitForImages), await Promise.all(f2), d2(i2.waitForImages), N2.version = "1.3.0", N2.scriptVersion = "11.6.11";
-            const S2 = h2.length ? `${h2.join("\n")}
+            d2(i2.doCaptureDoc), l2(i2.waitForImages), await Promise.all(f2), d2(i2.waitForImages), S2.version = "1.3.0", S2.scriptVersion = "11.6.12";
+            const N2 = h2.length ? `${h2.join("\n")}
 ` : "", A2 = m2.size ? `${Array.from(m2).join("\n")}
-` : "", _2 = JSON.stringify({ separator: y2, cssStartToken: g2, cssEndToken: g2, iframeStartToken: `"${p2}`, iframeEndToken: `${p2}"` });
+` : "", v2 = JSON.stringify({ separator: y2, cssStartToken: g2, cssEndToken: g2, iframeStartToken: `"${p2}`, iframeEndToken: `${p2}"` });
             d2(i2.total);
-            const v2 = `${_2}
+            const _2 = JSON.stringify(S2), P2 = `${v2}
 ${A2}${y2}
-${S2}${y2}
-${JSON.stringify(N2)}${a2 ? `
+${N2}${y2}
+${"string" == typeof _2 ? _2 : G(S2)}${c2 ? `
 ${y2}
 ${JSON.stringify(i2)}` : ""}`;
-            return console.log("[captureFrame]", JSON.stringify(i2)), v2;
-            function P2(e4) {
+            return console.log("[captureFrame]", JSON.stringify(i2)), P2;
+            function R2(e4) {
               return Object.keys(e4).length ? e4 : void 0;
             }
           };
-          window[X] = window[X] || {};
-          const Z = W(Q, window[X], q);
+          window[q] = window[q] || {};
+          const ee = X(Z, window[q], Q);
           return function(e4) {
             return e4 && e4.__esModule && Object.prototype.hasOwnProperty.call(e4, "default") ? e4.default : e4;
           }(function(e4) {
-            return JSON.stringify(Z(e4)(e4));
+            return JSON.stringify(ee(e4)(e4));
           });
         }();
       };
@@ -87484,15 +87548,61 @@ var require_captureDomPollForIE = __commonJS({
                 return r3.apply(this, arguments);
               };
             }();
-          }, G0 = s0.NODE_TYPES, H0 = s0.DEFAULT_STYLE_PROPS, q0 = s0.DEFAULT_RECT_PROPS, W0 = s0.DEFAULT_IGNORED_TAG_NAMES;
-          function Y0() {
-            return Y0 = h0(d0().mark(function e4(r3) {
-              var n3, o3, i3, a2, u2, c2, s2, f2, l2, h2, p2, d2, v2, g2, y2, m2, b2, w2, E2, A2, S2, O2, x2, T2, R2, _2, P2, I2, L2, j2, k2, C2, M2, N2, U2, D2, F2, B2, z2, V2, G2 = arguments;
+          }, G0 = function(t4) {
+            var e4 = /* @__PURE__ */ new WeakSet();
+            return function t5(r3) {
+              if (void 0 !== r3) {
+                if (null === r3)
+                  return "null";
+                if ("boolean" == typeof r3)
+                  return r3 ? "true" : "false";
+                if ("number" == typeof r3)
+                  return isFinite(r3) ? String(r3) : "null";
+                if ("string" == typeof r3)
+                  return '"' + r3.replace(/[\u0000-\u001f\u007f-\u009f\u2028\u2029\\"]/g, function(t6) {
+                    switch (t6) {
+                      case '"':
+                        return '\\"';
+                      case "\\":
+                        return "\\\\";
+                      case "\n":
+                        return "\\n";
+                      case "\r":
+                        return "\\r";
+                      case "	":
+                        return "\\t";
+                      case "\b":
+                        return "\\b";
+                      case "\f":
+                        return "\\f";
+                      default:
+                        return "\\u" + ("0000" + t6.charCodeAt(0).toString(16)).slice(-4);
+                    }
+                  }) + '"';
+                if ("object" == typeof r3) {
+                  if (e4.has(r3))
+                    throw new TypeError("Converting circular structure to JSON");
+                  var n3;
+                  return e4.add(r3), n3 = Array.isArray(r3) ? "[" + Array.from(r3, function(e5) {
+                    var r4;
+                    return null != (r4 = t5(e5)) ? r4 : "null";
+                  }).join(",") + "]" : "{" + Object.keys(r3).filter(function(t6) {
+                    return void 0 !== r3[t6];
+                  }).map(function(e5) {
+                    return t5(e5) + ":" + t5(r3[e5]);
+                  }).join(",") + "}", e4.delete(r3), n3;
+                }
+              }
+            }(t4);
+          }, H0 = s0.NODE_TYPES, q0 = s0.DEFAULT_STYLE_PROPS, W0 = s0.DEFAULT_RECT_PROPS, Y0 = s0.DEFAULT_IGNORED_TAG_NAMES;
+          function $0() {
+            return $0 = h0(d0().mark(function e4(r3) {
+              var n3, o3, i3, a2, u2, c2, s2, f2, l2, h2, p2, d2, v2, g2, y2, m2, b2, w2, E2, A2, S2, O2, x2, T2, R2, _2, P2, I2, L2, j2, k2, C2, M2, N2, U2, D2, F2, B2, z2, V2, G2, H2 = arguments;
               return d0().wrap(function(e5) {
                 for (; ; )
                   switch (e5.prev = e5.next) {
                     case 0:
-                      return V2 = function(t4, e6) {
+                      return G2 = function(t4, e6) {
                         void 0 === e6 && (e6 = t4.location && t4.location.href);
                         var r4 = /* @__PURE__ */ new Set(), n4 = "", o4 = a3(t4.documentElement || t4);
                         return o4.css = n4, S2.push(C0({ bgImages: r4 }).then(function(t5) {
@@ -87508,9 +87618,9 @@ var require_captureDomPollForIE = __commonJS({
                               O2.add(f3);
                             }
                           switch (t5.nodeType) {
-                            case G0.TEXT:
-                              return z2(t5);
-                            case G0.ELEMENT:
+                            case H0.TEXT:
+                              return V2(t5);
+                            case H0.ELEMENT:
                               return "IFRAME" === t5.tagName.toUpperCase() ? function(t6) {
                                 var e7, r6 = c3(t6);
                                 try {
@@ -87519,7 +87629,7 @@ var require_captureDomPollForIE = __commonJS({
                                   return n5(), r6;
                                 }
                                 try {
-                                  e7 ? r6.childNodes = [V2(e7, j0(t6) ? t6.baseURI : e7.location.href)] : n5();
+                                  e7 ? r6.childNodes = [G2(e7, j0(t6) ? t6.baseURI : e7.location.href)] : n5();
                                 } catch (t7) {
                                   console.log("error in iframeToJSON", t7);
                                 }
@@ -87529,14 +87639,14 @@ var require_captureDomPollForIE = __commonJS({
                                   x2.push(e8), r6.childNodes = ["" + T2 + e8 + T2];
                                 }
                               }(t5) : c3(t5);
-                            case G0.DOCUMENT_FRAGMENT:
+                            case H0.DOCUMENT_FRAGMENT:
                               return { childNodes: Array.prototype.map.call(t5.childNodes, a3).filter(Boolean) };
                             default:
                               return null;
                           }
                         }
                         function c3(t5) {
-                          var n5 = Array.prototype.map.call(t5.childNodes, a3).filter(Boolean), o5 = t5.shadowRoot && V2(t5.shadowRoot, e6), c4 = t5.tagName.toUpperCase();
+                          var n5 = Array.prototype.map.call(t5.childNodes, a3).filter(Boolean), o5 = t5.shadowRoot && G2(t5.shadowRoot, e6), c4 = t5.tagName.toUpperCase();
                           if (p2.indexOf(c4) > -1)
                             return null;
                           for (var f3, h3 = i3.defaultView.getComputedStyle(t5), d3 = t5.getBoundingClientRect(), g3 = {}, y3 = p0(u2); !(f3 = y3()).done; ) {
@@ -87565,10 +87675,10 @@ var require_captureDomPollForIE = __commonJS({
                           "SELECT" === c4 && t5.selectedOptions && t5.selectedOptions.length > 0 && (_3.selectedText = Array.from(t5.selectedOptions).map(function(t6) {
                             return t6.innerText;
                           }));
-                          var L3 = { tagName: c4, style: B2(g3), rect: B2(w3), attributes: B2(S3), properties: B2(_3), childNodes: n5, pseudo: T3 };
+                          var L3 = { tagName: c4, style: z2(g3), rect: z2(w3), attributes: z2(S3), properties: z2(_3), childNodes: n5, pseudo: T3 };
                           return o5 && (L3.shadowRoot = o5), L3;
                         }
-                      }, z2 = function(e6) {
+                      }, V2 = function(e6) {
                         var r4 = t3.createRange();
                         r4.selectNode(e6);
                         var n4 = r4.getClientRects();
@@ -87579,7 +87689,7 @@ var require_captureDomPollForIE = __commonJS({
                           }
                           return r5;
                         }) : void 0 };
-                      }, B2 = function(t4) {
+                      }, z2 = function(t4) {
                         return Object.keys(t4).length ? t4 : void 0;
                       }, D2 = function() {
                         return y2 ? "\n" + _2 + "\n" + JSON.stringify(w2) : "";
@@ -87587,28 +87697,28 @@ var require_captureDomPollForIE = __commonJS({
                         t4.endTime = Date.now(), t4.elapsedTime = t4.endTime - t4.startTime;
                       }, E2 = function(t4) {
                         t4.startTime = Date.now();
-                      }, o3 = (n3 = void 0 === r3 ? {} : r3).doc, i3 = void 0 === o3 ? t3 : o3, a2 = n3.styleProps, u2 = void 0 === a2 ? H0 : a2, c2 = n3.rectProps, s2 = void 0 === c2 ? q0 : c2, f2 = n3.elementProps, l2 = void 0 === f2 ? [] : f2, h2 = n3.ignoredTagNames, p2 = void 0 === h2 ? W0 : h2, d2 = n3.capturePseudo, v2 = void 0 !== d2 && d2, g2 = n3.addStats, y2 = void 0 !== g2 && g2, m2 = n3.fetchTimeLimit, b2 = void 0 === m2 ? 3e4 : m2, /* MARKER FOR TEST - DO NOT DELETE */
-                      G2[1] && (i3 = G2[1]), G2[2] && (y2 = G2[2]), G2[3] && (b2 = G2[3]), true === u2 && (u2 = [].concat(getComputedStyle(i3.body))), S2 = [], E2((w2 = { total: {}, prefetchCss: {}, doCaptureDoc: {}, waitForImages: {} }).total), O2 = /* @__PURE__ */ new Set(), x2 = [], T2 = "@@@@@", R2 = "#####", _2 = "-----", E2(w2.prefetchCss), P2 = V0(F0(fetch, { fetchTimeLimit: b2 })), e5.next = 23, P2(i3);
+                      }, o3 = (n3 = void 0 === r3 ? {} : r3).doc, i3 = void 0 === o3 ? t3 : o3, a2 = n3.styleProps, u2 = void 0 === a2 ? q0 : a2, c2 = n3.rectProps, s2 = void 0 === c2 ? W0 : c2, f2 = n3.elementProps, l2 = void 0 === f2 ? [] : f2, h2 = n3.ignoredTagNames, p2 = void 0 === h2 ? Y0 : h2, d2 = n3.capturePseudo, v2 = void 0 !== d2 && d2, g2 = n3.addStats, y2 = void 0 !== g2 && g2, m2 = n3.fetchTimeLimit, b2 = void 0 === m2 ? 3e4 : m2, /* MARKER FOR TEST - DO NOT DELETE */
+                      H2[1] && (i3 = H2[1]), H2[2] && (y2 = H2[2]), H2[3] && (b2 = H2[3]), true === u2 && (u2 = [].concat(getComputedStyle(i3.body))), S2 = [], E2((w2 = { total: {}, prefetchCss: {}, doCaptureDoc: {}, waitForImages: {} }).total), O2 = /* @__PURE__ */ new Set(), x2 = [], T2 = "@@@@@", R2 = "#####", _2 = "-----", E2(w2.prefetchCss), P2 = V0(F0(fetch, { fetchTimeLimit: b2 })), e5.next = 23, P2(i3);
                     case 23:
-                      return I2 = e5.sent, A2(w2.prefetchCss), L2 = N0({ parseCss: U0, CSSImportRule, getCssFromCache: I2, absolutizeUrl: L0, unfetchedToken: R2 }), j2 = B0({ getCssFromCache: I2, absolutizeUrl: L0 }), k2 = z0({ extractCssFromNode: j2, getBundledCssFromCssText: L2, unfetchedToken: R2 }), E2(w2.doCaptureDoc), C2 = V2(i3), A2(w2.doCaptureDoc), E2(w2.waitForImages), e5.next = 34, Promise.all(S2);
+                      return I2 = e5.sent, A2(w2.prefetchCss), L2 = N0({ parseCss: U0, CSSImportRule, getCssFromCache: I2, absolutizeUrl: L0, unfetchedToken: R2 }), j2 = B0({ getCssFromCache: I2, absolutizeUrl: L0 }), k2 = z0({ extractCssFromNode: j2, getBundledCssFromCssText: L2, unfetchedToken: R2 }), E2(w2.doCaptureDoc), C2 = G2(i3), A2(w2.doCaptureDoc), E2(w2.waitForImages), e5.next = 34, Promise.all(S2);
                     case 34:
-                      return A2(w2.waitForImages), C2.version = "1.3.0", C2.scriptVersion = "11.6.11", M2 = x2.length ? x2.join("\n") + "\n" : "", N2 = O2.size ? Array.from(O2).join("\n") + "\n" : "", U2 = JSON.stringify({ separator: _2, cssStartToken: R2, cssEndToken: R2, iframeStartToken: '"' + T2, iframeEndToken: T2 + '"' }), A2(w2.total), F2 = U2 + "\n" + N2 + _2 + "\n" + M2 + _2 + "\n" + JSON.stringify(C2) + D2(), console.log("[captureFrame]", JSON.stringify(w2)), e5.abrupt("return", F2);
-                    case 44:
+                      return A2(w2.waitForImages), C2.version = "1.3.0", C2.scriptVersion = "11.6.12", M2 = x2.length ? x2.join("\n") + "\n" : "", N2 = O2.size ? Array.from(O2).join("\n") + "\n" : "", U2 = JSON.stringify({ separator: _2, cssStartToken: R2, cssEndToken: R2, iframeStartToken: '"' + T2, iframeEndToken: T2 + '"' }), A2(w2.total), F2 = JSON.stringify(C2), B2 = U2 + "\n" + N2 + _2 + "\n" + M2 + _2 + "\n" + ("string" == typeof F2 ? F2 : G0(C2)) + D2(), console.log("[captureFrame]", JSON.stringify(w2)), e5.abrupt("return", B2);
+                    case 45:
                     case "end":
                       return e5.stop();
                   }
               }, e4);
-            })), Y0.apply(this, arguments);
+            })), $0.apply(this, arguments);
           }
-          var $0 = WZ.pollify, J0 = s0.EYES_NAMESPACE, K0 = s0.DOM_CAPTURE_KEY, X0 = function(t4) {
-            return Y0.apply(this, arguments);
+          var J0 = WZ.pollify, K0 = s0.EYES_NAMESPACE, X0 = s0.DOM_CAPTURE_KEY, Q0 = function(t4) {
+            return $0.apply(this, arguments);
           };
-          window[J0] = window[J0] || {};
-          var Q0 = $0(X0, window[J0], K0);
+          window[K0] = window[K0] || {};
+          var Z0 = J0(Q0, window[K0], X0);
           return function(t4) {
             return t4 && t4.__esModule && Object.prototype.hasOwnProperty.call(t4, "default") ? t4.default : t4;
           }(function(t4) {
-            return JSON.stringify(Q0(t4)(t4));
+            return JSON.stringify(Z0(t4)(t4));
           });
         }();
       }, e2 = true;
@@ -94592,6 +94702,7 @@ var require_get_nml_client = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.makeGetNMLClient = exports.clearNMLClients = void 0;
     var nml_client_1 = require_dist5();
+    var utils_1 = require_browser3();
     var clients = /* @__PURE__ */ new Map();
     function clearNMLClients() {
       clients.clear();
@@ -94615,6 +94726,10 @@ var require_get_nml_client = __commonJS({
           const brokerUrl = await driver.extractBrokerUrl();
           if (!brokerUrl)
             throw new Error("Unable to extract broker url from the device");
+          if (utils_1.types.has(brokerUrl, "error")) {
+            logger.error("Broker url extraction has failed with error", brokerUrl.error);
+            throw new Error(brokerUrl.error);
+          }
           const nmlClient = (0, nml_client_1.makeNMLClient)({ settings: { brokerUrl, ...settings }, logger });
           clients.set(cacheKey, nmlClient);
           return nmlClient;
@@ -95298,7 +95413,7 @@ var require_check2 = __commonJS({
       }
     }
     exports.makeCheck = makeCheck;
-    async function logAmmutabilityIfNeeded({ eyes: eyes2, baseEyes, settings }) {
+    async function logAmmutabilityIfNeeded({ eyes: eyes2, baseEyes, settings, logger }) {
       var _a;
       if (settings.assumesMutability) {
         await eyes2.core.logEvent({
@@ -95322,7 +95437,8 @@ var require_check2 = __commonJS({
               resultsUrl: baseEyes.test.resultsUrl
             },
             ...eyes2.test.eyesServer
-          }
+          },
+          logger
         });
         settings.assumesMutability = false;
       }
@@ -95339,7 +95455,8 @@ var require_check2 = __commonJS({
         void logAmmutabilityIfNeeded({
           eyes: eyes2,
           baseEyes,
-          settings
+          settings,
+          logger: environmentLogger
         });
         try {
           if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
@@ -95742,7 +95859,8 @@ var require_check_and_close2 = __commonJS({
                       resultsUrl: baseEyes.test.resultsUrl
                     },
                     ...eyes2.test.eyesServer
-                  }
+                  },
+                  logger: environmentLogger
                 });
               }
               await baseEyes.checkAndClose({
@@ -102281,7 +102399,7 @@ creating temp style for access.`), r3 = Hh(e3);
                         }(e3));
                       }
                     }, o5 = t7;
-                    function i6(t8, n8) {
+                    function i5(t8, n8) {
                       if (o5([t8])) {
                         var a5 = function(e3) {
                           return null != e3 && e3.getAttribute ? e3.getAttribute("data-applitools-fallback-selector") : { error: "invalid element: " + JSON.stringify(e3) };
@@ -102294,7 +102412,7 @@ creating temp style for access.`), r3 = Hh(e3);
                         if (!s4 || 1 !== s4.length)
                           return { error: "Failed to recover from stale element - selector found: " + a5 };
                         var l3 = s4[0];
-                        return l3.setAttribute("data-applitools-selector", n8), l3.setAttribute("data-applitools-recovered", true), i6(l3, n8);
+                        return l3.setAttribute("data-applitools-selector", n8), l3.setAttribute("data-applitools-recovered", true), i5(l3, n8);
                       }
                       r6(t8);
                       var c3 = t8.getAttribute("data-applitools-selector"), u4 = c3 ? c3 + " " + n8 : n8;
@@ -102302,19 +102420,25 @@ creating temp style for access.`), r3 = Hh(e3);
                     }
                     return function(e3) {
                       return e3 && e3.__esModule && Object.prototype.hasOwnProperty.call(e3, "default") ? e3.default : e3;
-                    }(function(t8) {
-                      return t8.map(function(t9) {
-                        var n8 = t9[0], r7 = t9[1];
-                        return n8.map(function(t10) {
-                          var n9 = function(t11) {
-                            var n10 = [t11];
-                            if (t11.getRootNode)
-                              for (var r8 = t11.getRootNode(); r8 !== e2 && r8.constructor && "ShadowRoot" === r8.constructor.name; r8 = r8.host.getRootNode())
-                                n10.push(r8.host);
-                            return n10;
-                          }(t10);
-                          return n9.map(function(e3) {
-                            return i6(e3, r7);
+                    }(function(e3) {
+                      return e3.map(function(e4) {
+                        var t8 = e4[0], n8 = e4[1];
+                        return t8.map(function(e5) {
+                          var t9 = function(e6) {
+                            for (var t10 = [{ element: e6, kind: "root" }], n9 = /* @__PURE__ */ new Set([e6]), r7 = e6; r7; ) {
+                              var o6, i6 = r7.getRootNode && r7.getRootNode();
+                              if (!i6)
+                                break;
+                              if (i6.constructor && "ShadowRoot" === i6.constructor.name ? (r7 = i6.host, o6 = "shadow") : (r7 = i6.defaultView ? i6.defaultView.frameElement : null, o6 = "frame"), r7) {
+                                if (n9.has(r7))
+                                  break;
+                                n9.add(r7), t10.push({ element: r7, kind: o6 });
+                              }
+                            }
+                            return t10;
+                          }(e5);
+                          return t9.map(function(e6) {
+                            return { selector: i5(e6.element, n8), kind: e6.kind };
                           });
                         });
                       });
@@ -102323,13 +102447,19 @@ creating temp style for access.`), r3 = Hh(e3);
                   return n6(t6);
                 }(n5).flat();
                 let o4 = 0;
-                const i5 = n5.map(([e3]) => {
+                return n5.map(([e3]) => {
                   if (0 === e3.length)
                     return null;
-                  const t6 = r5[o4].reduceRight((e4, t7) => e4 ? { type: "css", selector: t7, shadow: e4 } : t7.error ? t7 : { type: "css", selector: t7 }, void 0);
+                  const t6 = r5[o4].reduce((e4, { selector: t7, kind: n6 }) => {
+                    if (!t7)
+                      return { type: "css", selector: "", error: "Internal error: selector is undefined" };
+                    if (!e4)
+                      return t7.error ? t7 : { type: "css", selector: t7 };
+                    const r6 = { type: "css", selector: t7 };
+                    return "shadow" === n6 ? r6.shadow = e4 : "frame" === n6 ? r6.frame = e4 : r6.shadow = e4, r6;
+                  }, void 0);
                   return o4 += e3.length, t6;
                 });
-                return i5;
               }(h2), { cdt: u3, docRoots: m3, canvasElements: f3, frames: g3, inlineFrames: w3, crossFrames: v3, linkUrls: x3, imageBlobs: C2, videoBlobs: z2 } = Gl(n4, i4, d2), A2 = Kh(m3.map((e3) => b2(e3))), T2 = Kh(m3.map((e3) => k2(e3))), O2 = (B2 = i4, function(e3) {
                 try {
                   return _(y(e3, B2));
@@ -102376,37 +102506,43 @@ creating temp style for access.`), r3 = Hh(e3);
                 })).then((e5) => Kh(e5));
               }(z2, { fetchedBlobs: e3.blobsObj, doc: n4, log: d2.log, compress: l2, serialize: c2, sessionCache: p2 })), j2 = g3.map(({ element: e3, url: n5 }) => t4(e3.contentDocument, n5)), D2 = w3.map(({ element: e3, url: n5 }) => t4(e3.contentDocument, n5));
               var B2;
-              return Promise.all([E2, R2, N2, I2, ...j2, ...D2]).then(function(t5) {
-                const { resourceUrls: n5, blobsObj: o4 } = t5[0], s4 = t5[1], l3 = t5[2], c3 = t5[3], p3 = t5.slice(4), m4 = P2("src"), f4 = P2("data-applitools-selector"), g4 = f4 ? `[data-applitools-selector="${f4}"]` : void 0, b3 = function(e3) {
-                  return Object.keys(e3).map((t6) => Object.assign({ url: t6.replace(/^blob:/, "") }, e3[t6]));
-                }(o4).concat(s4).concat(l3).concat(c3), y2 = [...d2.getWarnings()], k3 = [];
-                for (const e3 of b3)
-                  599 === e3.errorStatusCode || 504 === e3.errorStatusCode ? (n5.push(e3.url), y2.push(`${e3.errorStatusCode}:${e3.url}`)) : k3.push(e3);
-                const w4 = { cdt: u3, url: r4, srcAttr: m4, resourceUrls: n5.map((e3) => e3.replace(/^blob:/, "")), blobs: k3, frames: p3, crossFrames: v3 };
-                void 0 !== a4 && (w4.safeSelectors = a4), void 0 !== g4 && (w4.selector = g4), i4 !== r4 && (w4.baseUri = i4);
+              return Promise.all([E2, R2, N2, I2, ...j2, ...D2]).then(function(e3) {
+                const { resourceUrls: t5, blobsObj: n5 } = e3[0], o4 = e3[1], s4 = e3[2], l3 = e3[3], c3 = e3.slice(4), p3 = P2("src"), m4 = P2("data-applitools-selector"), f4 = m4 ? `[data-applitools-selector="${m4}"]` : void 0, g4 = function(e4) {
+                  return Object.keys(e4).map((t6) => Object.assign({ url: t6.replace(/^blob:/, "") }, e4[t6]));
+                }(n5).concat(o4).concat(s4).concat(l3), b3 = [...d2.getWarnings()], y2 = [];
+                for (const e4 of g4)
+                  599 === e4.errorStatusCode || 504 === e4.errorStatusCode ? (t5.push(e4.url), b3.push(`${e4.errorStatusCode}:${e4.url}`)) : y2.push(e4);
+                const k3 = { cdt: u3, url: r4, srcAttr: p3, resourceUrls: t5.map((e4) => e4.replace(/^blob:/, "")), blobs: y2, frames: c3, crossFrames: v3 };
+                void 0 !== a4 && (k3.safeSelectors = a4), void 0 !== f4 && (k3.selector = f4), i4 !== r4 && (k3.baseUri = i4);
                 try {
-                  h2 && (x4 = h2, ((_2 = function(t6) {
-                    (t6 = t6 && t6[0]) && "function" == typeof t6.forEach && t6.forEach(function(t7) {
-                      if (t7.removeAttribute("data-applitools-selector"), t7.getRootNode)
+                  h2 && (w4 = h2, ((x4 = function(e4) {
+                    (e4 = e4 && e4[0]) && "function" == typeof e4.forEach && e4.forEach(function(e5) {
+                      e5.removeAttribute("data-applitools-selector");
+                      var t6 = e5;
+                      if (t6.getRootNode)
                         try {
-                          for (var n6 = t7.getRootNode(); n6 !== e2 && n6.constructor && "ShadowRoot" === n6.constructor.name; n6 = n6.host.getRootNode())
-                            n6.host.removeAttribute("data-applitools-selector");
-                        } catch (t8) {
+                          for (; t6; ) {
+                            var n6 = t6.getRootNode();
+                            if (!n6)
+                              break;
+                            (t6 = n6.constructor && "ShadowRoot" === n6.constructor.name ? n6.host : n6.defaultView ? n6.defaultView.frameElement : null) && t6.removeAttribute("data-applitools-selector");
+                          }
+                        } catch (e6) {
                         }
                     });
-                  }) && _2.__esModule && Object.prototype.hasOwnProperty.call(_2, "default") ? _2.default : _2)(x4));
-                } catch (t6) {
-                  y2.push(t6.message);
+                  }) && x4.__esModule && Object.prototype.hasOwnProperty.call(x4, "default") ? x4.default : x4)(w4));
+                } catch (e4) {
+                  b3.push(e4.message);
                 }
-                var x4, _2;
-                y2.length > 0 && (w4.warnings = y2);
-                const S3 = d2.getErrors();
-                return S3.length > 0 && (w4.errors = S3), w4;
+                var w4, x4;
+                b3.length > 0 && (k3.warnings = b3);
+                const _2 = d2.getErrors();
+                return _2.length > 0 && (k3.errors = _2), k3;
               });
               function P2(e3) {
                 return n4.defaultView && n4.defaultView.frameElement && n4.defaultView.frameElement.getAttribute(e3);
               }
-            }(t3).then((e3) => (d2.log("processPage end"), e3.scriptVersion = "4.15.11", e3));
+            }(t3).then((e3) => (d2.log("processPage end"), e3.scriptVersion = "4.16.0", e3));
           }, window[x], "domSnapshotResult");
           return function(e3) {
             try {
@@ -103481,7 +103617,8 @@ var require_take_snapshots2 = __commonJS({
                     url: snapshot.url
                   },
                   ...account.eyesServer
-                }
+                },
+                logger
               });
             }
           }
@@ -103506,7 +103643,8 @@ var require_take_snapshots2 = __commonJS({
                 message: args.join(" ")
               },
               ...account.eyesServer
-            }
+            },
+            logger
           });
         }
       };
@@ -104011,10 +104149,10 @@ var require_requests3 = __commonJS({
     }
     exports.toServerEnvironment = toServerEnvironment;
     function toServerSelector(selector) {
-      var _a;
+      var _a, _b;
       if (utils2.types.isString(selector))
         return { type: "css", selector };
-      if (!selector.frame && !selector.shadow)
+      if (!selector.frame && !selector.iframe && !selector.shadow)
         return selector;
       const pathSelector = [];
       let currentSelector = selector;
@@ -104025,9 +104163,9 @@ var require_requests3 = __commonJS({
           currentSelector = void 0;
         } else {
           stepSelector = { type: (_a = currentSelector.type) !== null && _a !== void 0 ? _a : "css", selector: currentSelector.selector };
-          if (currentSelector.frame) {
-            stepSelector.nodeType = "frame";
-            currentSelector = currentSelector.frame;
+          if (currentSelector.frame || currentSelector.iframe) {
+            stepSelector.nodeType = "iframe";
+            currentSelector = (_b = currentSelector.frame) !== null && _b !== void 0 ? _b : currentSelector.iframe;
           } else if (currentSelector.shadow) {
             stepSelector.nodeType = "shadow-root";
             currentSelector = currentSelector.shadow;
@@ -125188,7 +125326,8 @@ var require_check3 = __commonJS({
                       resultsUrl: baseEyes.test.resultsUrl
                     },
                     ...eyes2.test.eyesServer
-                  }
+                  },
+                  logger: environmentLogger
                 });
               }
               try {
@@ -125421,7 +125560,8 @@ var require_check_and_close3 = __commonJS({
                       resultsUrl: baseEyes.test.resultsUrl
                     },
                     ...eyes2.test.eyesServer
-                  }
+                  },
+                  logger: environmentLogger
                 });
               }
               await baseEyes.checkAndClose({
@@ -128046,7 +128186,7 @@ var require_package3 = __commonJS({
   "../core/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/core",
-      version: "4.57.2",
+      version: "4.58.1",
       homepage: "https://applitools.com",
       bugs: {
         url: "https://github.com/applitools/eyes.sdk.javascript1/issues"
@@ -128093,12 +128233,12 @@ var require_package3 = __commonJS({
         lint: "run --top-level eslint '**/*.ts'",
         build: "yarn build:dist",
         "build:dist": "run --top-level tsc --project ./tsconfig.build.json",
-        test: "run --top-level mocha './test/**/*.spec.ts' --exclude './test/e2e/mocha-sync/**' --parallel --jobs ${MOCHA_JOBS:-15} --exit --require ./test/mocha-global-setup.js",
+        test: "run --top-level mocha './test/**/*.spec.ts' --exclude 'test/e2e/mocha-sync/**' --parallel --jobs ${MOCHA_JOBS:-15} --exit --require ./test/mocha-global-setup.js",
         "test:local": "MOCHA_OMIT_TAGS=sauce,browserstack run test",
         "test:sauce": "MOCHA_ONLY_TAGS=sauce,browserstack run test",
         "test:bin": "MOCHA_GROUP=bin run --top-level mocha './test/bin/**/*.spec.ts' --parallel --jobs ${MOCHA_JOBS:-15} --require ./test/mocha-global-setup.js",
-        "test:e2e": "MOCHA_OMIT_TAGS=http2 MOCHA_GROUP=e2e run --top-level mocha './test/e2e/**/*.spec.ts' --exclude './test/e2e/mocha-sync/**' --parallel --jobs ${MOCHA_JOBS:-15} --exit --require ./test/mocha-global-setup.js",
-        "test:e2e:http2": "APPLITOOLS_HTTP_VERSION=2 MOCHA_OMIT_TAGS=http1,sauce,browserstack MOCHA_GROUP=e2e run --top-level mocha './test/e2e/**/*.spec.ts' --exclude './test/e2e/mocha-sync/**' --parallel --jobs ${MOCHA_JOBS:-15} --exit --require ./test/mocha-global-setup.js",
+        "test:e2e": "MOCHA_OMIT_TAGS=http2 MOCHA_GROUP=e2e run --top-level mocha './test/e2e/**/*.spec.ts' --exclude 'test/e2e/mocha-sync/**' --parallel --jobs ${MOCHA_JOBS:-15} --exit --require ./test/mocha-global-setup.js",
+        "test:e2e:http2": "APPLITOOLS_HTTP_VERSION=2 MOCHA_OMIT_TAGS=http1,sauce,browserstack MOCHA_GROUP=e2e run --top-level mocha './test/e2e/**/*.spec.ts' --exclude 'test/e2e/mocha-sync/**' --parallel --jobs ${MOCHA_JOBS:-15} --exit --require ./test/mocha-global-setup.js",
         "test:it": "MOCHA_GROUP=it run --top-level mocha './test/it/**/*.spec.ts' --require ./test/mocha-global-setup.js",
         "test:e2e:sync": "MOCHA_GROUP=e2e SYNC=true run --top-level mocha './test/e2e/mocha-sync/**/*.spec.ts' --exit --require ./test/mocha-global-setup.js",
         "test:unit": "MOCHA_GROUP=unit run --top-level mocha './test/unit/**/*.spec.ts' --require ./test/mocha-global-setup.js",
@@ -129588,7 +129728,7 @@ var require_package4 = __commonJS({
   "../eyes/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/eyes",
-      version: "1.38.8",
+      version: "1.38.10",
       keywords: [
         "applitools",
         "eyes",
@@ -131208,7 +131348,7 @@ var require_package5 = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@applitools/eyes-browser",
-      version: "1.6.5",
+      version: "1.6.7",
       type: "module",
       keywords: [
         "applitools",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/eyes-browser",
-  "version": "1.6.5",
+  "version": "1.6.7",
   "type": "module",
   "keywords": [
     "applitools",
@@ -51,7 +51,7 @@
     "test": "run playwright test"
   },
   "dependencies": {
-    "@applitools/eyes": "1.38.8"
+    "@applitools/eyes": "1.38.10"
   },
   "devDependencies": {
     "@applitools/test-server": "1.4.1",