@applitools/eyes-browser 1.6.10 → 1.6.12

package/dist/index.js

@@ -15112,6 +15112,24 @@ var require_Configuration = __commonJS({
           this[key] = value;
         }
       }
+      /** @internal */
+      get skipRootHtmlResource() {
+        return this._config.skipRootHtmlResource;
+      }
+      /** @internal */
+      set skipRootHtmlResource(skipRootHtmlResource) {
+        utils2.guard.isBoolean(skipRootHtmlResource, { name: "skipRootHtmlResource" });
+        this._config.skipRootHtmlResource = skipRootHtmlResource;
+      }
+      /** @internal */
+      getSkipRootHtmlResource() {
+        return this.skipRootHtmlResource;
+      }
+      /** @internal */
+      setSkipRootHtmlResource(skipRootHtmlResource) {
+        this.skipRootHtmlResource = skipRootHtmlResource;
+        return this;
+      }
       get accessibilityValidation() {
         return this.defaultMatchSettings.accessibilitySettings;
       }
@@ -16262,7 +16280,8 @@ var require_Configuration = __commonJS({
             layoutRegions: (_o = this.defaultMatchSettings) === null || _o === void 0 ? void 0 : _o.layoutRegions,
             strictRegions: (_p = this.defaultMatchSettings) === null || _p === void 0 ? void 0 : _p.strictRegions,
             floatingRegions: (_q = this.defaultMatchSettings) === null || _q === void 0 ? void 0 : _q.floatingRegions,
-            accessibilityRegions: (_r = this.defaultMatchSettings) === null || _r === void 0 ? void 0 : _r.accessibilityRegions
+            accessibilityRegions: (_r = this.defaultMatchSettings) === null || _r === void 0 ? void 0 : _r.accessibilityRegions,
+            skipRootHtmlResource: this.skipRootHtmlResource
           }),
           close: utils2.general.removeUndefinedProps({
             updateBaselineIfDifferent: this.saveFailedTests,
@@ -74535,393 +74554,312 @@ var require_dist3 = __commonJS({
     init_setImmediate();
     init_buffer();
     init_setInterval();
-    exports.addElementIds = function(arg) {
+    exports.translateTo = function(arg) {
       var s = function() {
         "use strict";
-        function e(e2) {
-          return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
-        }
-        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 + " " + o2 + (n2 ? ">" : "/>");
-              }(e2));
-            e2.setAttribute("data-applitools-fallback-selector", function(e3) {
-              var t2 = [];
-              for (; e3 && e3.nodeType === Node.ELEMENT_NODE; )
-                try {
-                  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 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)
-              return r2;
-            var l = document.querySelectorAll(r2);
-            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", t2), i.setAttribute("data-applitools-recovered", true), a(i, t2);
-          }
-          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 + '"]';
+        function t(t2) {
+          return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        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 };
-              });
-            });
-          });
+        var r = function(t2) {
+          var r2 = void 0 === t2 ? [] : t2, e = r2[0], n = r2[1], o = Object.keys(n).sort(), a = o.reduce(function(t3, r3) {
+            return t3[r3] = { value: e.style.getPropertyValue(r3), important: Boolean(e.style.getPropertyPriority(r3)) }, t3;
+          }, {});
+          return o.forEach(function(t3) {
+            e.style.setProperty(t3, "string" != typeof n[t3] && n[t3] ? n[t3].value : n[t3], n[t3] && n[t3].important ? "important" : "");
+          }), a;
+        };
+        return t(function(t2) {
+          var e = void 0 === t2 ? [] : t2, n = e[0], o = e[1];
+          n = n || document.documentElement;
+          var a = { value: "translate(" + -o.x + "px, " + -o.y + "px)", important: true };
+          return r([n, { transform: a, "-webkit-transform": a }]), o;
         });
       }();
       return s(arg);
     };
-    exports.addFallbackSelectorIfNeeded = function(arg) {
+    exports.setElementStyleProperties = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        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));
-        };
         return t(function(t2) {
-          if (!t2.hasAttribute("data-applitools-fallback-selector")) {
-            if (e([t2]))
-              throw new Error("The element is not connected to the DOM: " + function(t3) {
-                var e2 = t3.attributes, n = t3.tagName, o = t3.children.length, r = [].slice.call(e2).map(function(t4) {
-                  return t4.name + '="' + t4.value + '"';
-                }).join(" ");
-                return "<" + n + " " + r + (o ? ">" : "/>");
-              }(t2));
-            t2.setAttribute("data-applitools-fallback-selector", function(t3) {
-              var e2 = [];
-              for (; t3 && t3.nodeType === Node.ELEMENT_NODE; )
-                try {
-                  var n, o = t3.tagName.toLowerCase(), r = [].slice.call((null == (n = t3.parentNode) ? void 0 : n.children) || []).indexOf(t3);
-                  r > -1 && (o += ":nth-child(" + (r + 1) + ")"), e2.unshift(o), t3 = t3.parentNode;
-                } catch (t4) {
-                  break;
-                }
-              return e2.length ? e2.join(" > ") : "html";
-            }(t2));
-          }
+          var e = void 0 === t2 ? [] : t2, r = e[0], o = e[1], n = Object.keys(o).sort(), u = n.reduce(function(t3, e2) {
+            return t3[e2] = { value: r.style.getPropertyValue(e2), important: Boolean(r.style.getPropertyPriority(e2)) }, t3;
+          }, {});
+          return n.forEach(function(t3) {
+            r.style.setProperty(t3, "string" != typeof o[t3] && o[t3] ? o[t3].value : o[t3], o[t3] && o[t3].important ? "important" : "");
+          }), u;
         });
       }();
       return s(arg);
     };
-    exports.addPageMarker = function(arg) {
+    exports.setElementAttributes = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        var e = function(t2) {
-          var e2 = void 0 === t2 ? [] : t2, r = e2[0], o = e2[1], n = Object.keys(o).sort(), a = n.reduce(function(t3, e3) {
-            return t3[e3] = { value: r.style.getPropertyValue(e3), important: Boolean(r.style.getPropertyPriority(e3)) }, t3;
-          }, {});
-          return n.forEach(function(t3) {
-            r.style.setProperty(t3, "string" != typeof o[t3] && o[t3] ? o[t3].value : o[t3], o[t3] && o[t3].important ? "important" : "");
-          }), a;
-        };
         return t(function(t2) {
-          var r = t2[0], o = r.mask, n = r.size, a = void 0 === n ? 1 : n, i = { 1: "rgb(0, 0, 0)", 0: "rgb(255, 255, 255)" }, s2 = a, p = document.createElement("div");
-          p.setAttribute("data-applitools-marker", ""), p.style.setProperty("position", "fixed", "important"), p.style.setProperty("top", "0", "important"), p.style.setProperty("left", "0", "important"), p.style.setProperty("box-sizing", "content-box", "important"), p.style.setProperty("padding", s2 + "px", "important"), p.style.setProperty("background", "rgb(128, 128, 128)", "important"), p.style.setProperty("z-index", "2147483647", "important");
-          for (var l, y = 0; y < o.length; y += l) {
-            for (l = 1; o[y] === o[y + l]; )
-              ++l;
-            var m = o[y], d = document.createElement("div");
-            d.style.setProperty("display", "block", "important"), d.style.setProperty("float", "left", "important"), d.style.setProperty("width", l * a + "px", "important"), d.style.setProperty("height", a + "px", "important"), d.style.setProperty("background", i[m], "important"), p.appendChild(d);
-          }
-          var u = { value: "none", important: true }, c = e([document.documentElement, { transform: u, "-webkit-transform": u }]), f = e([document.body, { transform: u, "-webkit-transform": u }]);
-          return document.documentElement.setAttribute("data-applitools-original-transforms", JSON.stringify(c)), document.body.setAttribute("data-applitools-original-transforms", JSON.stringify(f)), document.body.appendChild(p), { mask: o, size: a, offset: s2 };
+          var e = void 0 === t2 ? [] : t2, r = e[0], u = e[1];
+          return Object.keys(u).reduce(function(t3, e2) {
+            return t3[e2] = r.getAttribute(e2), r.setAttribute(e2, u[e2]), t3;
+          }, {});
         });
       }();
       return s(arg);
     };
-    exports.blurElement = function(arg) {
+    exports.scrollTo = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
+        var r = function(t2) {
+          var r2 = void 0 === t2 ? [] : t2, o = r2[0], e = r2[1], l = Object.keys(e).sort(), n = l.reduce(function(t3, r3) {
+            return t3[r3] = { value: o.style.getPropertyValue(r3), important: Boolean(o.style.getPropertyPriority(r3)) }, t3;
+          }, {});
+          return l.forEach(function(t3) {
+            o.style.setProperty(t3, "string" != typeof e[t3] && e[t3] ? e[t3].value : e[t3], e[t3] && e[t3].important ? "important" : "");
+          }), n;
+        };
         return t(function(t2) {
-          var e = (void 0 === t2 ? [] : t2)[0] || document.activeElement;
-          return e && e.blur(), e;
+          var o = void 0 === t2 ? [] : t2, e = o[0], l = o[1];
+          e = e || document.documentElement;
+          var n = r([e, { "scroll-behavior": { value: "auto", important: true } }]);
+          return e.scrollTo ? e.scrollTo(l.x, l.y) : (e.scrollLeft = l.x, e.scrollTop = l.y), r([e, n]), { x: e.scrollLeft, y: e.scrollTop };
         });
       }();
       return s(arg);
     };
-    exports.cleanupElementIds = function(arg) {
+    exports.reloadPage = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        return t(function(t2) {
-          (t2 = t2 && t2[0]) && "function" == typeof t2.forEach && t2.forEach(function(t3) {
-            t3.removeAttribute("data-applitools-selector");
-            var o = t3;
-            if (o.getRootNode)
-              try {
-                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) {
-              }
-          });
+        return t(function() {
+          window.location.reload();
         });
       }();
       return s(arg);
     };
-    exports.cleanupPageMarker = function(arg) {
+    exports.lazyLoad = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        var e = function(t2) {
-          var e2 = void 0 === t2 ? [] : t2, r = e2[0], o = e2[1], n = Object.keys(o).sort(), a = n.reduce(function(t3, e3) {
-            return t3[e3] = { value: r.style.getPropertyValue(e3), important: Boolean(r.style.getPropertyPriority(e3)) }, t3;
+        var o = function(t2) {
+          var o2 = (void 0 === t2 ? [] : t2)[0];
+          return o2 ? { x: o2.scrollLeft, y: o2.scrollTop } : { x: window.scrollX || window.pageXOffset, y: window.scrollY || window.pageYOffset };
+        };
+        var r = function(t2) {
+          var o2 = void 0 === t2 ? [] : t2, r2 = o2[0], n2 = o2[1], e2 = Object.keys(n2).sort(), i2 = e2.reduce(function(t3, o3) {
+            return t3[o3] = { value: r2.style.getPropertyValue(o3), important: Boolean(r2.style.getPropertyPriority(o3)) }, t3;
           }, {});
-          return n.forEach(function(t3) {
-            r.style.setProperty(t3, "string" != typeof o[t3] && o[t3] ? o[t3].value : o[t3], o[t3] && o[t3].important ? "important" : "");
-          }), a;
+          return e2.forEach(function(t3) {
+            r2.style.setProperty(t3, "string" != typeof n2[t3] && n2[t3] ? n2[t3].value : n2[t3], n2[t3] && n2[t3].important ? "important" : "");
+          }), i2;
         };
-        return t(function() {
-          var t2 = document.querySelector("[data-applitools-marker]");
-          t2 && document.body.removeChild(t2);
-          var r = document.documentElement.getAttribute("data-applitools-original-transforms"), o = document.body.getAttribute("data-applitools-original-transforms");
-          r && e([document.documentElement, JSON.parse(r)]), o && e([document.body, JSON.parse(o)]);
+        var n = function(t2) {
+          var o2 = void 0 === t2 ? [] : t2, n2 = o2[0], e2 = o2[1];
+          n2 = n2 || document.documentElement;
+          var i2 = r([n2, { "scroll-behavior": { value: "auto", important: true } }]);
+          return n2.scrollTo ? n2.scrollTo(e2.x, e2.y) : (n2.scrollLeft = e2.x, n2.scrollTop = e2.y), r([n2, i2]), { x: n2.scrollLeft, y: n2.scrollTop };
+        }, e = "__EYES__APPLITOOLS__", i = "lazyLoadResult";
+        window[e] = window[e] || {};
+        var l = o, a = n;
+        return t(function(t2) {
+          var o2 = void 0 === t2 ? [] : t2, r2 = o2[0], n2 = o2[1], s2 = void 0 === n2 ? {} : n2, u = s2.scrollLength, c = s2.waitingTime, w = s2.maxAmountToScroll;
+          try {
+            if (window[e][i]) {
+              var d = window[e][i];
+              return "WIP" !== d.status && delete window[e][i], JSON.stringify(d);
+            }
+            window[e][i] = { status: "WIP" };
+            var v = l(), y = [];
+            y.push({ maxAmountToScroll: w, scrollLength: u, waitingTime: c, startingScrollPositionX: v.x, startingScrollPositionY: v.y });
+            var f = Date.now();
+            return function t3(o3) {
+              var n3 = void 0 === o3 ? {} : o3, l2 = n3.doneScrolling, s3 = n3.previousScrollResult, d2 = void 0 === s3 ? {} : s3;
+              setTimeout(function() {
+                try {
+                  if (l2) {
+                    var o4 = a([r2, v]), n4 = o4.x, s4 = o4.y;
+                    return y.push({ x: n4, y: s4, msSinceStart: Date.now() - f }), void (window[e][i] = { status: "SUCCESS", value: y });
+                  }
+                  var c2 = a([r2, { x: v.x, y: d2.y + u }]), p = c2.x, S = c2.y;
+                  y.push({ x: p, y: S, msSinceStart: Date.now() - f }), t3({ doneScrolling: S === d2.y || S === w, previousScrollResult: { x: p, y: S } });
+                } catch (t4) {
+                  window[e][i] = { status: "ERROR", error: t4 };
+                }
+              }, c);
+            }(), JSON.stringify(window[e][i]);
+          } catch (t3) {
+            return window[e][i] = { status: "ERROR", error: t3 }, JSON.stringify(window[e][i]);
+          }
         });
       }();
       return s(arg);
     };
-    exports.focusElement = function(arg) {
+    exports.isStaleElement = function(arg) {
       var s = function() {
         "use strict";
-        function t(t2) {
-          return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
+        function n(n2) {
+          return n2 && n2.__esModule && Object.prototype.hasOwnProperty.call(n2, "default") ? n2.default : n2;
         }
-        return t(function(t2) {
-          var e = (void 0 === t2 ? [] : t2)[0];
-          e && e.focus();
+        return n(function(n2) {
+          var e = n2 && n2[0] || null;
+          return !e || ("isConnected" in window.Node.prototype ? !e.isConnected : document.documentElement.contains ? !document.documentElement.contains(e) : !e.ownerDocument.documentElement.contains(e));
         });
       }();
       return s(arg);
     };
-    exports.getChildFramesInfo = function(arg) {
+    exports.isEqualElements = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        return t(function() {
-          return function t2(r) {
-            r = r || document;
-            var e = [];
-            r.querySelectorAll("frame, iframe").forEach(function(t3) {
-              return e.push([t3, !t3.contentDocument, t3.src]);
-            });
-            var n = Array.prototype.filter.call(r.querySelectorAll("*"), function(t3) {
-              return t3.shadowRoot;
-            }).map(function(r2) {
-              return t2(r2.shadowRoot);
-            });
-            return e.concat.apply(e, n);
-          }();
+        return t(function(t2) {
+          var r = void 0 === t2 ? [] : t2;
+          return r[0] === r[1];
         });
       }();
       return s(arg);
     };
-    exports.getContextInfo = function(arg) {
+    exports.isElementScrollable = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
         var e = function(t2) {
-          var e2 = (void 0 === t2 ? [] : t2)[0], n = "", r = e2.ownerDocument;
-          if (!r)
-            return n;
-          for (var o = e2; o !== r; ) {
-            var a = Array.prototype.filter.call(o.parentNode.childNodes, function(t3) {
-              return t3.tagName === o.tagName;
-            }).indexOf(o);
-            n = "/" + o.tagName + "[" + (a + 1) + "]" + n, o = o.parentNode;
-          }
-          return n;
+          var e2 = void 0 === t2 ? [] : t2, o = e2[0], r = e2[1], n = void 0 === r ? [] : r, l = window.getComputedStyle(o);
+          return l ? n.map(function(t3) {
+            return l.getPropertyValue(t3);
+          }) : [];
         };
-        return t(function() {
-          var t2, n, r;
-          try {
-            t2 = window.top.document === window.document || "root-context" === window.parent.document["applitools-marker"];
-          } catch (e2) {
-            t2 = false;
-          }
-          try {
-            n = !window.parent.document === window.document;
-          } catch (t3) {
-            n = true;
-          }
-          if (!n)
-            try {
-              r = e([window.frameElement]);
-            } catch (t3) {
-              r = null;
-            }
-          return [document.documentElement, r, t2, n];
+        return t(function(t2) {
+          var o = (void 0 === t2 ? [] : t2)[0], r = e([o, ["overflow-x", "overflow-y", "overflow"]]);
+          return ("scroll" === r[0] || "auto" === r[0] || "hidden" === r[2]) && o.scrollWidth > o.clientWidth || ("scroll" === r[1] || "auto" === r[1] || "hidden" === r[2]) && o.scrollHeight > o.clientHeight;
         });
       }();
       return s(arg);
     };
-    exports.getDocumentScrollingElement = function(arg) {
+    exports.getViewport = 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;
         }
-        return t(function() {
-          var t2 = "HTML", e = document.scrollingElement;
-          return e && (t2 = e.tagName), t2.toLowerCase();
+        return e(function() {
+          var e2, n = 0, t = 0;
+          return window.innerHeight ? t = window.innerHeight : document.documentElement && document.documentElement.clientHeight ? t = document.documentElement.clientHeight : document.body && document.body.clientHeight && (t = document.body.clientHeight), window.innerWidth ? n = window.innerWidth : document.documentElement && document.documentElement.clientWidth ? n = document.documentElement.clientWidth : document.body && document.body.clientWidth && (n = document.body.clientWidth), window.screen && window.screen.orientation ? e2 = window.screen.orientation.type.replace(/-primary$/, "") : null != window.orientation && (0 === window.orientation ? e2 = "portrait" : 180 === window.orientation ? e2 = "portrait-secondary" : 90 === window.orientation ? e2 = "landscape" : -90 === window.orientation && (e2 = "landscape-secondary")), { viewportSize: { width: n, height: t }, pixelRatio: window.devicePixelRatio, viewportScale: window.visualViewport && window.visualViewport.scale, orientation: e2 };
         });
       }();
       return s(arg);
     };
-    exports.getDocumentSize = function(arg) {
+    exports.getUserAgent = function(arg) {
       var s = function() {
         "use strict";
-        function t(t2) {
-          return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
+        function n(n2) {
+          return n2 && n2.__esModule && Object.prototype.hasOwnProperty.call(n2, "default") ? n2.default : n2;
         }
-        return t(function() {
-          var t2 = document.documentElement.scrollWidth, e = document.documentElement.scrollHeight, n = document.documentElement.clientHeight, o = document.body.scrollWidth, c = document.body.scrollHeight, u = document.body.clientHeight;
-          return { width: Math.max(t2, o), height: Math.max(n, e, u, c) };
+        function t() {
+          return t = Object.assign ? Object.assign.bind() : function(n2) {
+            for (var t2 = 1; t2 < arguments.length; t2++) {
+              var r2 = arguments[t2];
+              for (var e2 in r2)
+                ({}).hasOwnProperty.call(r2, e2) && (n2[e2] = r2[e2]);
+            }
+            return n2;
+          }, t.apply(null, arguments);
+        }
+        var r = "__EYES__APPLITOOLS__", e = "userAgent";
+        return window[r] = window[r] || {}, n(function() {
+          try {
+            if (window[r][e]) {
+              var n2 = window[r][e];
+              return "WIP" !== n2.status && delete window[r][e], JSON.stringify(n2);
+            }
+            return window.navigator.userAgentData ? (window[r][e] = { status: "WIP" }, window.navigator.userAgentData.getHighEntropyValues(["brands", "platform", "platformVersion", "model"]).then(function(n3) {
+              window[r][e] = { status: "SUCCESS", value: t({ legacy: window.navigator.userAgent }, n3) };
+            }).catch(function(n3) {
+              window[r][e] = { status: "ERROR", error: n3.message };
+            })) : window[r][e] = { status: "SUCCESS", value: window.navigator.userAgent }, JSON.stringify(window[r][e]);
+          } catch (n3) {
+            return window[r][e] = { status: "ERROR", error: n3.message }, JSON.stringify(window[r][e]);
+          }
         });
       }();
       return s(arg);
     };
-    exports.getElementComputedStyleProperties = function(arg) {
+    exports.getText = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
         return t(function(t2) {
-          var e = void 0 === t2 ? [] : t2, r = e[0], n = e[1], u = void 0 === n ? [] : n, o = window.getComputedStyle(r);
-          return o ? u.map(function(t3) {
-            return o.getPropertyValue(t3);
-          }) : [];
+          return t2[0].innerText;
         });
       }();
       return s(arg);
     };
-    exports.getElementContentSize = function(arg) {
+    exports.getShadowRoot = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        var e = function(t2) {
-          var e2 = void 0 === t2 ? [] : t2, r2 = e2[0], o = e2[1], n = Object.keys(o).sort(), a = n.reduce(function(t3, e3) {
-            return t3[e3] = { value: r2.style.getPropertyValue(e3), important: Boolean(r2.style.getPropertyPriority(e3)) }, t3;
-          }, {});
-          return n.forEach(function(t3) {
-            r2.style.setProperty(t3, "string" != typeof o[t3] && o[t3] ? o[t3].value : o[t3], o[t3] && o[t3].important ? "important" : "");
-          }), a;
-        }, r = function() {
-          var t2 = "HTML", e2 = document.scrollingElement;
-          return e2 && (t2 = e2.tagName), t2.toLowerCase();
-        };
         return t(function(t2) {
-          var o, n = (void 0 === t2 ? [] : t2)[0];
-          n !== document.documentElement && n.tagName.toLowerCase() !== r() || (o = e([n, { transform: "none" }]));
-          var a = { width: n.scrollWidth, height: n.scrollHeight };
-          return o && e([n, o]), a;
+          return (void 0 === t2 ? [] : t2)[0].shadowRoot;
         });
       }();
       return s(arg);
     };
-    exports.getElementFixedAncestor = function(arg) {
+    exports.getElementXpath = 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;
         }
-        return t(function(t2) {
-          for (var e = (void 0 === t2 ? [] : t2)[0]; e.offsetParent && e.offsetParent !== document.body && e.offsetParent !== document.documentElement; )
-            e = e.offsetParent;
-          return "fixed" === window.getComputedStyle(e).getPropertyValue("position") ? e : null;
+        return e(function(e2) {
+          var r = (void 0 === e2 ? [] : e2)[0], t = "", n = r.ownerDocument;
+          if (!n)
+            return t;
+          for (var a = r; a !== n; ) {
+            var o = Array.prototype.filter.call(a.parentNode.childNodes, function(e3) {
+              return e3.tagName === a.tagName;
+            }).indexOf(a);
+            t = "/" + a.tagName + "[" + (o + 1) + "]" + t, a = a.parentNode;
+          }
+          return t;
         });
       }();
       return s(arg);
     };
-    exports.getElementInnerOffset = function(arg) {
+    exports.getElementTranslateOffset = function(arg) {
       var s = function() {
         "use strict";
         function r(r2) {
           return r2 && r2.__esModule && Object.prototype.hasOwnProperty.call(r2, "default") ? r2.default : r2;
         }
         var t = function(r2) {
-          var t2 = void 0 === r2 ? [] : r2, e2 = t2[0], o2 = t2[1];
-          return (void 0 === o2 ? [] : o2).reduce(function(r3, t3) {
-            return r3[t3] = { value: e2.style.getPropertyValue(t3), important: Boolean(e2.style.getPropertyPriority(t3)) }, r3;
+          var t2 = void 0 === r2 ? [] : r2, e = t2[0], n = t2[1];
+          return (void 0 === n ? [] : n).reduce(function(r3, t3) {
+            return r3[t3] = { value: e.style.getPropertyValue(t3), important: Boolean(e.style.getPropertyPriority(t3)) }, r3;
           }, {});
         };
-        var e = function(r2) {
-          var t2 = (void 0 === r2 ? [] : r2)[0];
-          return t2 ? { x: t2.scrollLeft, y: t2.scrollTop } : { x: window.scrollX || window.pageXOffset, y: window.scrollY || window.pageYOffset };
-        }, o = function(r2) {
-          var e2 = (void 0 === r2 ? [] : r2)[0], o2 = void 0 === e2 ? document.documentElement : e2, n = t([o2, ["transform", "-webkit-transform"]]), u = Object.keys(n).reduce(function(r3, t2) {
-            var e3 = n[t2].value;
-            if (e3) {
-              var o3 = e3.match(/^translate\s*\(\s*(\-?[\d, \.]+)px\s*(,\s*(-?[\d, \.]+)px)?\s*\)/);
-              if (o3) {
-                var u2 = o3[1], a = void 0 !== o3[3] ? o3[3] : 0;
+        return r(function(r2) {
+          var e = (void 0 === r2 ? [] : r2)[0], n = void 0 === e ? document.documentElement : e, o = t([n, ["transform", "-webkit-transform"]]), u = Object.keys(o).reduce(function(r3, t2) {
+            var e2 = o[t2].value;
+            if (e2) {
+              var n2 = e2.match(/^translate\s*\(\s*(\-?[\d, \.]+)px\s*(,\s*(-?[\d, \.]+)px)?\s*\)/);
+              if (n2) {
+                var u2 = n2[1], a = void 0 !== n2[3] ? n2[3] : 0;
                 r3.push({ x: Math.round(-parseFloat(u2)), y: Math.round(-parseFloat(a)) });
               } else
                 r3.push({ x: 0, y: 0 });
@@ -74933,29 +74871,38 @@ var require_dist3 = __commonJS({
           }))
             throw new Error("Got different css positions!");
           return u[0] || { x: 0, y: 0 };
-        };
-        return r(function(r2) {
-          var t2 = (void 0 === r2 ? [] : r2)[0], n = e([t2]), u = o([t2]);
-          return { x: n.x + u.x, y: n.y + u.y };
         });
       }();
       return s(arg);
     };
-    exports.getElementProperties = function(arg) {
+    exports.getElementStyleProperties = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
         return t(function(t2) {
-          var r = void 0 === t2 ? [] : t2, e = r[0], n = r[1];
-          return (void 0 === n ? [] : n).reduce(function(t3, r2) {
-            return t3[r2] = e[r2], t3;
+          var e = void 0 === t2 ? [] : t2, r = e[0], o = e[1];
+          return (void 0 === o ? [] : o).reduce(function(t3, e2) {
+            return t3[e2] = { value: r.style.getPropertyValue(e2), important: Boolean(r.style.getPropertyPriority(e2)) }, t3;
           }, {});
         });
       }();
       return s(arg);
     };
+    exports.getElementScrollOffset = function(arg) {
+      var s = function() {
+        "use strict";
+        function o(o2) {
+          return o2 && o2.__esModule && Object.prototype.hasOwnProperty.call(o2, "default") ? o2.default : o2;
+        }
+        return o(function(o2) {
+          var t = (void 0 === o2 ? [] : o2)[0];
+          return t ? { x: t.scrollLeft, y: t.scrollTop } : { x: window.scrollX || window.pageXOffset, y: window.scrollY || window.pageYOffset };
+        });
+      }();
+      return s(arg);
+    };
     exports.getElementRect = function(arg) {
       var s = function() {
         "use strict";
@@ -75025,53 +74972,43 @@ var require_dist3 = __commonJS({
       }();
       return s(arg);
     };
-    exports.getElementScrollOffset = function(arg) {
-      var s = function() {
-        "use strict";
-        function o(o2) {
-          return o2 && o2.__esModule && Object.prototype.hasOwnProperty.call(o2, "default") ? o2.default : o2;
-        }
-        return o(function(o2) {
-          var t = (void 0 === o2 ? [] : o2)[0];
-          return t ? { x: t.scrollLeft, y: t.scrollTop } : { x: window.scrollX || window.pageXOffset, y: window.scrollY || window.pageYOffset };
-        });
-      }();
-      return s(arg);
-    };
-    exports.getElementStyleProperties = function(arg) {
+    exports.getElementProperties = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
         return t(function(t2) {
-          var e = void 0 === t2 ? [] : t2, r = e[0], o = e[1];
-          return (void 0 === o ? [] : o).reduce(function(t3, e2) {
-            return t3[e2] = { value: r.style.getPropertyValue(e2), important: Boolean(r.style.getPropertyPriority(e2)) }, t3;
+          var r = void 0 === t2 ? [] : t2, e = r[0], n = r[1];
+          return (void 0 === n ? [] : n).reduce(function(t3, r2) {
+            return t3[r2] = e[r2], t3;
           }, {});
         });
       }();
       return s(arg);
     };
-    exports.getElementTranslateOffset = function(arg) {
+    exports.getElementInnerOffset = function(arg) {
       var s = function() {
         "use strict";
         function r(r2) {
           return r2 && r2.__esModule && Object.prototype.hasOwnProperty.call(r2, "default") ? r2.default : r2;
         }
         var t = function(r2) {
-          var t2 = void 0 === r2 ? [] : r2, e = t2[0], n = t2[1];
-          return (void 0 === n ? [] : n).reduce(function(r3, t3) {
-            return r3[t3] = { value: e.style.getPropertyValue(t3), important: Boolean(e.style.getPropertyPriority(t3)) }, r3;
+          var t2 = void 0 === r2 ? [] : r2, e2 = t2[0], o2 = t2[1];
+          return (void 0 === o2 ? [] : o2).reduce(function(r3, t3) {
+            return r3[t3] = { value: e2.style.getPropertyValue(t3), important: Boolean(e2.style.getPropertyPriority(t3)) }, r3;
           }, {});
         };
-        return r(function(r2) {
-          var e = (void 0 === r2 ? [] : r2)[0], n = void 0 === e ? document.documentElement : e, o = t([n, ["transform", "-webkit-transform"]]), u = Object.keys(o).reduce(function(r3, t2) {
-            var e2 = o[t2].value;
-            if (e2) {
-              var n2 = e2.match(/^translate\s*\(\s*(\-?[\d, \.]+)px\s*(,\s*(-?[\d, \.]+)px)?\s*\)/);
-              if (n2) {
-                var u2 = n2[1], a = void 0 !== n2[3] ? n2[3] : 0;
+        var e = function(r2) {
+          var t2 = (void 0 === r2 ? [] : r2)[0];
+          return t2 ? { x: t2.scrollLeft, y: t2.scrollTop } : { x: window.scrollX || window.pageXOffset, y: window.scrollY || window.pageYOffset };
+        }, o = function(r2) {
+          var e2 = (void 0 === r2 ? [] : r2)[0], o2 = void 0 === e2 ? document.documentElement : e2, n = t([o2, ["transform", "-webkit-transform"]]), u = Object.keys(n).reduce(function(r3, t2) {
+            var e3 = n[t2].value;
+            if (e3) {
+              var o3 = e3.match(/^translate\s*\(\s*(\-?[\d, \.]+)px\s*(,\s*(-?[\d, \.]+)px)?\s*\)/);
+              if (o3) {
+                var u2 = o3[1], a = void 0 !== o3[3] ? o3[3] : 0;
                 r3.push({ x: Math.round(-parseFloat(u2)), y: Math.round(-parseFloat(a)) });
               } else
                 r3.push({ x: 0, y: 0 });
@@ -75083,293 +75020,375 @@ var require_dist3 = __commonJS({
           }))
             throw new Error("Got different css positions!");
           return u[0] || { x: 0, y: 0 };
+        };
+        return r(function(r2) {
+          var t2 = (void 0 === r2 ? [] : r2)[0], n = e([t2]), u = o([t2]);
+          return { x: n.x + u.x, y: n.y + u.y };
         });
       }();
       return s(arg);
     };
-    exports.getElementXpath = function(arg) {
+    exports.getElementFixedAncestor = function(arg) {
       var s = function() {
         "use strict";
-        function e(e2) {
-          return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
+        function t(t2) {
+          return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        return e(function(e2) {
-          var r = (void 0 === e2 ? [] : e2)[0], t = "", n = r.ownerDocument;
-          if (!n)
-            return t;
-          for (var a = r; a !== n; ) {
-            var o = Array.prototype.filter.call(a.parentNode.childNodes, function(e3) {
-              return e3.tagName === a.tagName;
-            }).indexOf(a);
-            t = "/" + a.tagName + "[" + (o + 1) + "]" + t, a = a.parentNode;
-          }
-          return t;
+        return t(function(t2) {
+          for (var e = (void 0 === t2 ? [] : t2)[0]; e.offsetParent && e.offsetParent !== document.body && e.offsetParent !== document.documentElement; )
+            e = e.offsetParent;
+          return "fixed" === window.getComputedStyle(e).getPropertyValue("position") ? e : null;
         });
       }();
       return s(arg);
     };
-    exports.getShadowRoot = function(arg) {
+    exports.getElementContentSize = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
+        var e = function(t2) {
+          var e2 = void 0 === t2 ? [] : t2, r2 = e2[0], o = e2[1], n = Object.keys(o).sort(), a = n.reduce(function(t3, e3) {
+            return t3[e3] = { value: r2.style.getPropertyValue(e3), important: Boolean(r2.style.getPropertyPriority(e3)) }, t3;
+          }, {});
+          return n.forEach(function(t3) {
+            r2.style.setProperty(t3, "string" != typeof o[t3] && o[t3] ? o[t3].value : o[t3], o[t3] && o[t3].important ? "important" : "");
+          }), a;
+        }, r = function() {
+          var t2 = "HTML", e2 = document.scrollingElement;
+          return e2 && (t2 = e2.tagName), t2.toLowerCase();
+        };
         return t(function(t2) {
-          return (void 0 === t2 ? [] : t2)[0].shadowRoot;
+          var o, n = (void 0 === t2 ? [] : t2)[0];
+          n !== document.documentElement && n.tagName.toLowerCase() !== r() || (o = e([n, { transform: "none" }]));
+          var a = { width: n.scrollWidth, height: n.scrollHeight };
+          return o && e([n, o]), a;
         });
       }();
       return s(arg);
     };
-    exports.getText = function(arg) {
+    exports.getElementComputedStyleProperties = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
         return t(function(t2) {
-          return t2[0].innerText;
+          var e = void 0 === t2 ? [] : t2, r = e[0], n = e[1], u = void 0 === n ? [] : n, o = window.getComputedStyle(r);
+          return o ? u.map(function(t3) {
+            return o.getPropertyValue(t3);
+          }) : [];
         });
       }();
       return s(arg);
     };
-    exports.getUserAgent = function(arg) {
+    exports.getDocumentSize = function(arg) {
       var s = function() {
         "use strict";
-        function n(n2) {
-          return n2 && n2.__esModule && Object.prototype.hasOwnProperty.call(n2, "default") ? n2.default : n2;
-        }
-        function t() {
-          return t = Object.assign ? Object.assign.bind() : function(n2) {
-            for (var t2 = 1; t2 < arguments.length; t2++) {
-              var r2 = arguments[t2];
-              for (var e2 in r2)
-                ({}).hasOwnProperty.call(r2, e2) && (n2[e2] = r2[e2]);
-            }
-            return n2;
-          }, t.apply(null, arguments);
+        function t(t2) {
+          return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        var r = "__EYES__APPLITOOLS__", e = "userAgent";
-        return window[r] = window[r] || {}, n(function() {
-          try {
-            if (window[r][e]) {
-              var n2 = window[r][e];
-              return "WIP" !== n2.status && delete window[r][e], JSON.stringify(n2);
-            }
-            return window.navigator.userAgentData ? (window[r][e] = { status: "WIP" }, window.navigator.userAgentData.getHighEntropyValues(["brands", "platform", "platformVersion", "model"]).then(function(n3) {
-              window[r][e] = { status: "SUCCESS", value: t({ legacy: window.navigator.userAgent }, n3) };
-            }).catch(function(n3) {
-              window[r][e] = { status: "ERROR", error: n3.message };
-            })) : window[r][e] = { status: "SUCCESS", value: window.navigator.userAgent }, JSON.stringify(window[r][e]);
-          } catch (n3) {
-            return window[r][e] = { status: "ERROR", error: n3.message }, JSON.stringify(window[r][e]);
-          }
+        return t(function() {
+          var t2 = document.documentElement.scrollWidth, e = document.documentElement.scrollHeight, n = document.documentElement.clientHeight, o = document.body.scrollWidth, c = document.body.scrollHeight, u = document.body.clientHeight;
+          return { width: Math.max(t2, o), height: Math.max(n, e, u, c) };
         });
       }();
       return s(arg);
     };
-    exports.getViewport = function(arg) {
+    exports.getDocumentScrollingElement = function(arg) {
       var s = function() {
         "use strict";
-        function e(e2) {
-          return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
+        function t(t2) {
+          return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        return e(function() {
-          var e2, n = 0, t = 0;
-          return window.innerHeight ? t = window.innerHeight : document.documentElement && document.documentElement.clientHeight ? t = document.documentElement.clientHeight : document.body && document.body.clientHeight && (t = document.body.clientHeight), window.innerWidth ? n = window.innerWidth : document.documentElement && document.documentElement.clientWidth ? n = document.documentElement.clientWidth : document.body && document.body.clientWidth && (n = document.body.clientWidth), window.screen && window.screen.orientation ? e2 = window.screen.orientation.type.replace(/-primary$/, "") : null != window.orientation && (0 === window.orientation ? e2 = "portrait" : 180 === window.orientation ? e2 = "portrait-secondary" : 90 === window.orientation ? e2 = "landscape" : -90 === window.orientation && (e2 = "landscape-secondary")), { viewportSize: { width: n, height: t }, pixelRatio: window.devicePixelRatio, viewportScale: window.visualViewport && window.visualViewport.scale, orientation: e2 };
+        return t(function() {
+          var t2 = "HTML", e = document.scrollingElement;
+          return e && (t2 = e.tagName), t2.toLowerCase();
         });
       }();
       return s(arg);
     };
-    exports.isElementScrollable = function(arg) {
+    exports.getContextInfo = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
         var e = function(t2) {
-          var e2 = void 0 === t2 ? [] : t2, o = e2[0], r = e2[1], n = void 0 === r ? [] : r, l = window.getComputedStyle(o);
-          return l ? n.map(function(t3) {
-            return l.getPropertyValue(t3);
-          }) : [];
+          var e2 = (void 0 === t2 ? [] : t2)[0], n = "", r = e2.ownerDocument;
+          if (!r)
+            return n;
+          for (var o = e2; o !== r; ) {
+            var a = Array.prototype.filter.call(o.parentNode.childNodes, function(t3) {
+              return t3.tagName === o.tagName;
+            }).indexOf(o);
+            n = "/" + o.tagName + "[" + (a + 1) + "]" + n, o = o.parentNode;
+          }
+          return n;
         };
-        return t(function(t2) {
-          var o = (void 0 === t2 ? [] : t2)[0], r = e([o, ["overflow-x", "overflow-y", "overflow"]]);
-          return ("scroll" === r[0] || "auto" === r[0] || "hidden" === r[2]) && o.scrollWidth > o.clientWidth || ("scroll" === r[1] || "auto" === r[1] || "hidden" === r[2]) && o.scrollHeight > o.clientHeight;
+        return t(function() {
+          var t2, n, r;
+          try {
+            t2 = window.top.document === window.document || "root-context" === window.parent.document["applitools-marker"];
+          } catch (e2) {
+            t2 = false;
+          }
+          try {
+            n = !window.parent.document === window.document;
+          } catch (t3) {
+            n = true;
+          }
+          if (!n)
+            try {
+              r = e([window.frameElement]);
+            } catch (t3) {
+              r = null;
+            }
+          return [document.documentElement, r, t2, n];
         });
       }();
       return s(arg);
     };
-    exports.isEqualElements = function(arg) {
+    exports.getChildFramesInfo = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        return t(function(t2) {
-          var r = void 0 === t2 ? [] : t2;
-          return r[0] === r[1];
+        return t(function() {
+          return function t2(r) {
+            r = r || document;
+            var e = [];
+            r.querySelectorAll("frame, iframe").forEach(function(t3) {
+              return e.push([t3, !t3.contentDocument, t3.src]);
+            });
+            var n = Array.prototype.filter.call(r.querySelectorAll("*"), function(t3) {
+              return t3.shadowRoot;
+            }).map(function(r2) {
+              return t2(r2.shadowRoot);
+            });
+            return e.concat.apply(e, n);
+          }();
         });
       }();
       return s(arg);
     };
-    exports.isStaleElement = function(arg) {
+    exports.focusElement = function(arg) {
       var s = function() {
         "use strict";
-        function n(n2) {
-          return n2 && n2.__esModule && Object.prototype.hasOwnProperty.call(n2, "default") ? n2.default : n2;
+        function t(t2) {
+          return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        return n(function(n2) {
-          var e = n2 && n2[0] || null;
-          return !e || ("isConnected" in window.Node.prototype ? !e.isConnected : document.documentElement.contains ? !document.documentElement.contains(e) : !e.ownerDocument.documentElement.contains(e));
+        return t(function(t2) {
+          var e = (void 0 === t2 ? [] : t2)[0];
+          e && e.focus();
         });
       }();
       return s(arg);
     };
-    exports.lazyLoad = function(arg) {
+    exports.cleanupPageMarker = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        var o = function(t2) {
-          var o2 = (void 0 === t2 ? [] : t2)[0];
-          return o2 ? { x: o2.scrollLeft, y: o2.scrollTop } : { x: window.scrollX || window.pageXOffset, y: window.scrollY || window.pageYOffset };
-        };
-        var r = function(t2) {
-          var o2 = void 0 === t2 ? [] : t2, r2 = o2[0], n2 = o2[1], e2 = Object.keys(n2).sort(), i2 = e2.reduce(function(t3, o3) {
-            return t3[o3] = { value: r2.style.getPropertyValue(o3), important: Boolean(r2.style.getPropertyPriority(o3)) }, t3;
+        var e = function(t2) {
+          var e2 = void 0 === t2 ? [] : t2, r = e2[0], o = e2[1], n = Object.keys(o).sort(), a = n.reduce(function(t3, e3) {
+            return t3[e3] = { value: r.style.getPropertyValue(e3), important: Boolean(r.style.getPropertyPriority(e3)) }, t3;
           }, {});
-          return e2.forEach(function(t3) {
-            r2.style.setProperty(t3, "string" != typeof n2[t3] && n2[t3] ? n2[t3].value : n2[t3], n2[t3] && n2[t3].important ? "important" : "");
-          }), i2;
+          return n.forEach(function(t3) {
+            r.style.setProperty(t3, "string" != typeof o[t3] && o[t3] ? o[t3].value : o[t3], o[t3] && o[t3].important ? "important" : "");
+          }), a;
         };
-        var n = function(t2) {
-          var o2 = void 0 === t2 ? [] : t2, n2 = o2[0], e2 = o2[1];
-          n2 = n2 || document.documentElement;
-          var i2 = r([n2, { "scroll-behavior": { value: "auto", important: true } }]);
-          return n2.scrollTo ? n2.scrollTo(e2.x, e2.y) : (n2.scrollLeft = e2.x, n2.scrollTop = e2.y), r([n2, i2]), { x: n2.scrollLeft, y: n2.scrollTop };
-        }, e = "__EYES__APPLITOOLS__", i = "lazyLoadResult";
-        window[e] = window[e] || {};
-        var l = o, a = n;
-        return t(function(t2) {
-          var o2 = void 0 === t2 ? [] : t2, r2 = o2[0], n2 = o2[1], s2 = void 0 === n2 ? {} : n2, u = s2.scrollLength, c = s2.waitingTime, w = s2.maxAmountToScroll;
-          try {
-            if (window[e][i]) {
-              var d = window[e][i];
-              return "WIP" !== d.status && delete window[e][i], JSON.stringify(d);
-            }
-            window[e][i] = { status: "WIP" };
-            var v = l(), y = [];
-            y.push({ maxAmountToScroll: w, scrollLength: u, waitingTime: c, startingScrollPositionX: v.x, startingScrollPositionY: v.y });
-            var f = Date.now();
-            return function t3(o3) {
-              var n3 = void 0 === o3 ? {} : o3, l2 = n3.doneScrolling, s3 = n3.previousScrollResult, d2 = void 0 === s3 ? {} : s3;
-              setTimeout(function() {
-                try {
-                  if (l2) {
-                    var o4 = a([r2, v]), n4 = o4.x, s4 = o4.y;
-                    return y.push({ x: n4, y: s4, msSinceStart: Date.now() - f }), void (window[e][i] = { status: "SUCCESS", value: y });
-                  }
-                  var c2 = a([r2, { x: v.x, y: d2.y + u }]), p = c2.x, S = c2.y;
-                  y.push({ x: p, y: S, msSinceStart: Date.now() - f }), t3({ doneScrolling: S === d2.y || S === w, previousScrollResult: { x: p, y: S } });
-                } catch (t4) {
-                  window[e][i] = { status: "ERROR", error: t4 };
-                }
-              }, c);
-            }(), JSON.stringify(window[e][i]);
-          } catch (t3) {
-            return window[e][i] = { status: "ERROR", error: t3 }, JSON.stringify(window[e][i]);
-          }
+        return t(function() {
+          var t2 = document.querySelector("[data-applitools-marker]");
+          t2 && document.body.removeChild(t2);
+          var r = document.documentElement.getAttribute("data-applitools-original-transforms"), o = document.body.getAttribute("data-applitools-original-transforms");
+          r && e([document.documentElement, JSON.parse(r)]), o && e([document.body, JSON.parse(o)]);
         });
       }();
       return s(arg);
     };
-    exports.reloadPage = function(arg) {
+    exports.cleanupElementIds = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        return t(function() {
-          window.location.reload();
+        return t(function(t2) {
+          (t2 = t2 && t2[0]) && "function" == typeof t2.forEach && t2.forEach(function(t3) {
+            t3.removeAttribute("data-applitools-selector");
+            var o = t3;
+            if (o.getRootNode)
+              try {
+                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) {
+              }
+          });
         });
       }();
       return s(arg);
     };
-    exports.scrollTo = function(arg) {
+    exports.blurElement = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        var r = function(t2) {
-          var r2 = void 0 === t2 ? [] : t2, o = r2[0], e = r2[1], l = Object.keys(e).sort(), n = l.reduce(function(t3, r3) {
-            return t3[r3] = { value: o.style.getPropertyValue(r3), important: Boolean(o.style.getPropertyPriority(r3)) }, t3;
-          }, {});
-          return l.forEach(function(t3) {
-            o.style.setProperty(t3, "string" != typeof e[t3] && e[t3] ? e[t3].value : e[t3], e[t3] && e[t3].important ? "important" : "");
-          }), n;
-        };
         return t(function(t2) {
-          var o = void 0 === t2 ? [] : t2, e = o[0], l = o[1];
-          e = e || document.documentElement;
-          var n = r([e, { "scroll-behavior": { value: "auto", important: true } }]);
-          return e.scrollTo ? e.scrollTo(l.x, l.y) : (e.scrollLeft = l.x, e.scrollTop = l.y), r([e, n]), { x: e.scrollLeft, y: e.scrollTop };
+          var e = (void 0 === t2 ? [] : t2)[0] || document.activeElement;
+          return e && e.blur(), e;
         });
       }();
       return s(arg);
     };
-    exports.setElementAttributes = function(arg) {
+    exports.addPageMarker = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
-        return t(function(t2) {
-          var e = void 0 === t2 ? [] : t2, r = e[0], u = e[1];
-          return Object.keys(u).reduce(function(t3, e2) {
-            return t3[e2] = r.getAttribute(e2), r.setAttribute(e2, u[e2]), t3;
+        var e = function(t2) {
+          var e2 = void 0 === t2 ? [] : t2, r = e2[0], o = e2[1], n = Object.keys(o).sort(), a = n.reduce(function(t3, e3) {
+            return t3[e3] = { value: r.style.getPropertyValue(e3), important: Boolean(r.style.getPropertyPriority(e3)) }, t3;
           }, {});
+          return n.forEach(function(t3) {
+            r.style.setProperty(t3, "string" != typeof o[t3] && o[t3] ? o[t3].value : o[t3], o[t3] && o[t3].important ? "important" : "");
+          }), a;
+        };
+        return t(function(t2) {
+          var r = t2[0], o = r.mask, n = r.size, a = void 0 === n ? 1 : n, i = { 1: "rgb(0, 0, 0)", 0: "rgb(255, 255, 255)" }, s2 = a, p = document.createElement("div");
+          p.setAttribute("data-applitools-marker", ""), p.style.setProperty("position", "fixed", "important"), p.style.setProperty("top", "0", "important"), p.style.setProperty("left", "0", "important"), p.style.setProperty("box-sizing", "content-box", "important"), p.style.setProperty("padding", s2 + "px", "important"), p.style.setProperty("background", "rgb(128, 128, 128)", "important"), p.style.setProperty("z-index", "2147483647", "important");
+          for (var l, y = 0; y < o.length; y += l) {
+            for (l = 1; o[y] === o[y + l]; )
+              ++l;
+            var m = o[y], d = document.createElement("div");
+            d.style.setProperty("display", "block", "important"), d.style.setProperty("float", "left", "important"), d.style.setProperty("width", l * a + "px", "important"), d.style.setProperty("height", a + "px", "important"), d.style.setProperty("background", i[m], "important"), p.appendChild(d);
+          }
+          var u = { value: "none", important: true }, c = e([document.documentElement, { transform: u, "-webkit-transform": u }]), f = e([document.body, { transform: u, "-webkit-transform": u }]);
+          return document.documentElement.setAttribute("data-applitools-original-transforms", JSON.stringify(c)), document.body.setAttribute("data-applitools-original-transforms", JSON.stringify(f)), document.body.appendChild(p), { mask: o, size: a, offset: s2 };
         });
       }();
       return s(arg);
     };
-    exports.setElementStyleProperties = function(arg) {
+    exports.addFallbackSelectorIfNeeded = function(arg) {
       var s = function() {
         "use strict";
         function t(t2) {
           return t2 && t2.__esModule && Object.prototype.hasOwnProperty.call(t2, "default") ? t2.default : t2;
         }
+        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));
+        };
         return t(function(t2) {
-          var e = void 0 === t2 ? [] : t2, r = e[0], o = e[1], n = Object.keys(o).sort(), u = n.reduce(function(t3, e2) {
-            return t3[e2] = { value: r.style.getPropertyValue(e2), important: Boolean(r.style.getPropertyPriority(e2)) }, t3;
-          }, {});
-          return n.forEach(function(t3) {
-            r.style.setProperty(t3, "string" != typeof o[t3] && o[t3] ? o[t3].value : o[t3], o[t3] && o[t3].important ? "important" : "");
-          }), u;
+          if (!t2.hasAttribute("data-applitools-fallback-selector")) {
+            if (e([t2]))
+              throw new Error("The element is not connected to the DOM: " + function(t3) {
+                var e2 = t3.attributes, n = t3.tagName, o = t3.children.length, r = [].slice.call(e2).map(function(t4) {
+                  return t4.name + '="' + t4.value + '"';
+                }).join(" ");
+                return "<" + n + " " + r + (o ? ">" : "/>");
+              }(t2));
+            t2.setAttribute("data-applitools-fallback-selector", function(t3) {
+              var e2 = [];
+              for (; t3 && t3.nodeType === Node.ELEMENT_NODE; )
+                try {
+                  var n, o = t3.tagName.toLowerCase(), r = [].slice.call((null == (n = t3.parentNode) ? void 0 : n.children) || []).indexOf(t3);
+                  r > -1 && (o += ":nth-child(" + (r + 1) + ")"), e2.unshift(o), t3 = t3.parentNode;
+                } catch (t4) {
+                  break;
+                }
+              return e2.length ? e2.join(" > ") : "html";
+            }(t2));
+          }
         });
       }();
       return s(arg);
     };
-    exports.translateTo = function(arg) {
+    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 r = function(t2) {
-          var r2 = void 0 === t2 ? [] : t2, e = r2[0], n = r2[1], o = Object.keys(n).sort(), a = o.reduce(function(t3, r3) {
-            return t3[r3] = { value: e.style.getPropertyValue(r3), important: Boolean(e.style.getPropertyPriority(r3)) }, t3;
-          }, {});
-          return o.forEach(function(t3) {
-            e.style.setProperty(t3, "string" != typeof n[t3] && n[t3] ? n[t3].value : n[t3], n[t3] && n[t3].important ? "important" : "");
-          }), a;
-        };
-        return t(function(t2) {
-          var e = void 0 === t2 ? [] : t2, n = e[0], o = e[1];
-          n = n || document.documentElement;
-          var a = { value: "translate(" + -o.x + "px, " + -o.y + "px)", important: true };
-          return r([n, { transform: a, "-webkit-transform": a }]), o;
+        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 + " " + o2 + (n2 ? ">" : "/>");
+              }(e2));
+            e2.setAttribute("data-applitools-fallback-selector", function(e3) {
+              var t2 = [];
+              for (; e3 && e3.nodeType === Node.ELEMENT_NODE; )
+                try {
+                  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 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)
+              return r2;
+            var l = document.querySelectorAll(r2);
+            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", t2), i.setAttribute("data-applitools-recovered", true), a(i, t2);
+          }
+          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 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 };
+              });
+            });
+          });
         });
       }();
       return s(arg);
@@ -80784,7 +80803,7 @@ ${l2}`}`, { bundledCss: u2, unfetchedResources: i2 };
                 return m3 && (k2.shadowRoot = m3), k2;
               }
             }(t4);
-            f2(l2.doCaptureDoc), d2(l2.waitForImages), await Promise.all(m2), f2(l2.waitForImages), N2.version = "1.4.0", N2.scriptVersion = "11.7.0";
+            f2(l2.doCaptureDoc), d2(l2.waitForImages), await Promise.all(m2), f2(l2.waitForImages), N2.version = "1.4.0", N2.scriptVersion = "11.7.1";
             const A2 = p2.length ? `${p2.join("\n")}
 ` : "", P2 = h2.size ? `${Array.from(h2).join("\n")}
 ` : "", v2 = JSON.stringify({ separator: w2, cssStartToken: y2, cssEndToken: y2, iframeStartToken: `"${g2}`, iframeEndToken: `${g2}"` });
@@ -87731,7 +87750,7 @@ var require_captureDomPollForIE = __commonJS({
                     case 24:
                       return L2 = e5.sent, A2(E2.prefetchCss), j2 = N0({ parseCss: U0, CSSImportRule, getCssFromCache: L2, absolutizeUrl: L0, unfetchedToken: P2 }), k2 = B0({ getCssFromCache: L2, absolutizeUrl: L0 }), C2 = z0({ extractCssFromNode: k2, getBundledCssFromCssText: j2, unfetchedToken: P2 }), S2(E2.doCaptureDoc), M2 = H2(i3), A2(E2.doCaptureDoc), S2(E2.waitForImages), e5.next = 35, Promise.all(O2);
                     case 35:
-                      return A2(E2.waitForImages), M2.version = "1.4.0", M2.scriptVersion = "11.7.0", N2 = T2.length ? T2.join("\n") + "\n" : "", U2 = x2.size ? Array.from(x2).join("\n") + "\n" : "", D2 = JSON.stringify({ separator: _2, cssStartToken: P2, cssEndToken: P2, iframeStartToken: '"' + R2, iframeEndToken: R2 + '"' }), A2(E2.total), B2 = JSON.stringify(M2), z2 = D2 + "\n" + U2 + _2 + "\n" + N2 + _2 + "\n" + ("string" == typeof B2 ? B2 : G0(M2)) + F2(), console.log("[captureFrame]", JSON.stringify(E2)), e5.abrupt("return", z2);
+                      return A2(E2.waitForImages), M2.version = "1.4.0", M2.scriptVersion = "11.7.1", N2 = T2.length ? T2.join("\n") + "\n" : "", U2 = x2.size ? Array.from(x2).join("\n") + "\n" : "", D2 = JSON.stringify({ separator: _2, cssStartToken: P2, cssEndToken: P2, iframeStartToken: '"' + R2, iframeEndToken: R2 + '"' }), A2(E2.total), B2 = JSON.stringify(M2), z2 = D2 + "\n" + U2 + _2 + "\n" + N2 + _2 + "\n" + ("string" == typeof B2 ? B2 : G0(M2)) + F2(), console.log("[captureFrame]", JSON.stringify(E2)), e5.abrupt("return", z2);
                     case 46:
                     case "end":
                       return e5.stop();
@@ -94454,6 +94473,7 @@ var require_requests2 = __commonJS({
             logger
           });
           const result = await response.json();
+          logger.log('Received response for "takeScreenshots" with body', result);
           brokerUrl = result.nextPath;
           let screenshots;
           if (Number(result.protocolVersion) >= 2) {
@@ -102160,26 +102180,41 @@ var require_processPagePollCjs = __commonJS({
           function Kh(e3) {
             return e3.reduce((e4, t3) => e4.concat(t3), []);
           }
-          function Hh(t3) {
+          let Hh;
+          function Gh() {
+            if (Hh)
+              return Hh;
+            if (void 0 === e2 || window.top === window)
+              return window.fetch;
+            try {
+              const t3 = e2.createElement("iframe");
+              t3.setAttribute("data-applitools-skip", "true"), t3.style.display = "none", e2.head.appendChild(t3);
+              const n3 = t3.contentWindow, r3 = n3.fetch;
+              "function" == typeof r3 && (Hh = r3.bind(n3));
+            } catch (e3) {
+            }
+            return Hh || window.fetch;
+          }
+          function Yh(t3) {
             const n3 = new TextDecoder("utf-8").decode(t3), r3 = e2.head || e2.querySelectorAll("head")[0], o3 = e2.createElement("style");
             return o3.type = "text/css", o3.setAttribute("data-desc", "Applitools tmp variable created by DOM SNAPSHOT"), r3.appendChild(o3), o3.styleSheet ? o3.styleSheet.cssText = n3 : o3.appendChild(e2.createTextNode(n3)), o3.sheet;
           }
-          function Gh(e3, t3, n3 = Zh) {
+          function Xh(e3, t3, n3 = Zh) {
             let r3;
             if (t3)
               try {
                 t3.cssRules, r3 = t3;
               } catch (o3) {
                 n3(`[dom-snapshot] could not access cssRules for ${t3.href} ${o3}
-creating temp style for access.`), r3 = Hh(e3);
+creating temp style for access.`), r3 = Yh(e3);
               }
             else
-              r3 = Hh(e3);
+              r3 = Yh(e3);
             return { corsFreeStyleSheet: r3, cleanStyleSheet: function() {
               r3 !== t3 && r3.ownerNode.parentNode.removeChild(r3.ownerNode);
             } };
           }
-          function Yh(e3, { log: t3, compress: n3, serialize: r3 }) {
+          function Qh(e3, { log: t3, compress: n3, serialize: r3 }) {
             return e3.reduce(async (e4, { url: o3, element: i3, cdtNode: a3 }) => {
               const s3 = new Promise(async (e5) => {
                 try {
@@ -102205,18 +102240,18 @@ creating temp style for access.`), r3 = Hh(e3);
               }));
             }, Promise.resolve([]));
           }
-          const Xh = "__process_resource";
-          function Qh(e3) {
+          const Jh = "__process_resource";
+          function ed(e3) {
             return e3 && $h(e3);
           }
           window[x] = window[x] || {};
-          const Jh = f(function({ doc: t3 = e2, showLogs: n3, useSessionCache: r3, dontFetchResources: o3, fetchTimeout: i3, fetchConcurrency: a3, skipResources: s3, compressResources: l2, serializeResources: c2, removeReverseProxyURLPrefixes: u2, elements: h2 } = {}) {
+          const td = f(function({ doc: t3 = e2, showLogs: n3, useSessionCache: r3, dontFetchResources: o3, fetchTimeout: i3, fetchConcurrency: a3, skipResources: s3, skipRootHtmlResource: l2, compressResources: c2, serializeResources: u2, removeReverseProxyURLPrefixes: h2, elements: d2 } = {}) {
             if (arguments[0] instanceof Document) {
               t3 = arguments[0];
               const e3 = arguments[1];
-              n3 = e3.showLogs, r3 = e3.useSessionCache, o3 = e3.dontFetchResources, i3 = e3.fetchTimeout, a3 = e3.fetchConcurrency, s3 = e3.skipResources, l2 = e3.compressResources, c2 = e3.serializeResources, u2 = e3.removeReverseProxyURLPrefixes;
+              n3 = e3.showLogs, r3 = e3.useSessionCache, o3 = e3.dontFetchResources, i3 = e3.fetchTimeout, a3 = e3.fetchConcurrency, s3 = e3.skipResources, c2 = e3.compressResources, u2 = e3.serializeResources, h2 = e3.removeReverseProxyURLPrefixes;
             }
-            const d2 = function(e3, t4 = Date.now()) {
+            const p2 = function(e3, t4 = Date.now()) {
               const n4 = [], r4 = [], o4 = e3 ? (...e4) => console.warn("[dom-snapshot]", `[+${Date.now() - t4}ms]`, ...e4) : () => {
               }, i4 = e3 ? (...e4) => console.error("[dom-snapshot]", `[+${Date.now() - t4}ms]`, ...e4) : () => {
               };
@@ -102235,13 +102270,13 @@ creating temp style for access.`), r3 = Hh(e3);
                 i4(e4, ...t5);
               }, getWarnings: () => n4, getErrors: () => r4 };
             }(!!n3, Date.now());
-            d2.log("processPage start"), d2.log(`skipResources length: ${s3 && s3.length}`);
-            const p2 = r3 && function({ log: e3, sessionStorage: t4 }) {
+            p2.log("processPage start"), p2.log(`skipResources length: ${s3 && s3.length}`);
+            const m2 = r3 && function({ log: e3, sessionStorage: t4 }) {
               let n4;
               try {
                 const e4 = t4 || ("undefined" != typeof window ? window.sessionStorage : void 0);
                 if (e4) {
-                  const t5 = e4.getItem(Xh);
+                  const t5 = e4.getItem(Jh);
                   n4 = t5 ? JSON.parse(t5) : {};
                 }
               } catch (t5) {
@@ -102257,10 +102292,10 @@ creating temp style for access.`), r3 = Hh(e3);
               }, persist: function() {
                 if (n4) {
                   const e4 = t4 || ("undefined" != typeof window ? window.sessionStorage : void 0);
-                  e4 && e4.setItem(Xh, JSON.stringify(n4));
+                  e4 && e4.setItem(Jh, JSON.stringify(n4));
                 }
               } };
-            }({ log: d2.log }), m2 = {}, f2 = function({ styleSheetCache: e3, CSSRule: t4 = window.CSSRule, removeReverseProxyURLPrefixes: n4 }) {
+            }({ log: p2.log }), f2 = {}, g2 = function({ styleSheetCache: e3, CSSRule: t4 = window.CSSRule, removeReverseProxyURLPrefixes: n4 }) {
               return function r4(o4) {
                 return Jl(Array.from(o4.cssRules || []).reduce((o5, i4) => {
                   const a4 = { [t4.IMPORT_RULE]: () => {
@@ -102270,7 +102305,7 @@ creating temp style for access.`), r3 = Hh(e3);
                   return (null == i4 ? void 0 : i4.cssRules) && s4.push(...r4(i4)), o5.concat(s4);
                 }, [])).filter((e4) => "#" !== e4[0]);
               };
-            }({ styleSheetCache: m2, removeReverseProxyURLPrefixes: Boolean(null == u2 ? void 0 : u2.length) }), g2 = function({ styleSheetCache: e3 }) {
+            }({ styleSheetCache: f2, removeReverseProxyURLPrefixes: Boolean(null == h2 ? void 0 : h2.length) }), b2 = function({ styleSheetCache: e3 }) {
               return function(t4, n4) {
                 const r4 = Kh(n4.map((e4) => {
                   try {
@@ -102287,18 +102322,18 @@ creating temp style for access.`), r3 = Hh(e3);
                   }(n5) === t4;
                 });
               };
-            }({ styleSheetCache: m2 }), b2 = function(e3) {
+            }({ styleSheetCache: f2 }), k2 = function(e3) {
               return function(t4, n4 = true) {
                 return Jl(Array.from(t4.querySelectorAll("style")).reduce((r4, o4) => {
                   const i4 = n4 ? Array.from(t4.styleSheets).find((e4) => e4.ownerNode === o4) : o4.sheet;
                   return i4 ? r4.concat(e3(i4)) : r4;
                 }, []));
               };
-            }(f2), k2 = function(e3) {
+            }(g2), w2 = function(e3) {
               return function(t4) {
                 return t4.adoptedStyleSheets ? Jl(t4.adoptedStyleSheets.reduce((t5, n4) => t5.concat(e3(n4)), [])) : [];
               };
-            }(f2), w2 = function({ parser: e3, decoder: t4, extractResourceUrlsFromStyleTags: n4 }) {
+            }(g2), v2 = function({ parser: e3, decoder: t4, extractResourceUrlsFromStyleTags: n4 }) {
               return function(r4) {
                 const o4 = (t4 || new TextDecoder("utf-8")).decode(r4), i4 = (e3 || new DOMParser()).parseFromString(o4, "image/svg+xml"), a4 = Array.from(i4.querySelectorAll("img[srcset]")).map((e4) => {
                   const t5 = e4.getAttribute("srcset");
@@ -102308,7 +102343,7 @@ creating temp style for access.`), r3 = Hh(e3);
                 }(i4);
                 return a4.concat(s4).concat(l3).concat(c3).concat(u3).concat(h3).filter((e4) => "#" !== e4[0]);
               };
-            }({ extractResourceUrlsFromStyleTags: b2 }), v2 = function({ fetch: e3 = window.fetch, AbortController: t4 = window.AbortController, timeout: n4 = 1e4, mediaDownloadTimeout: r4 = 3e4 } = {}) {
+            }({ extractResourceUrlsFromStyleTags: k2 }), x2 = function({ fetch: e3 = Gh(), AbortController: t4 = window.AbortController, timeout: n4 = 1e4, mediaDownloadTimeout: r4 = 3e4 } = {}) {
               return function(o4) {
                 return new Promise((i4, a4) => {
                   const s4 = new t4(), l3 = () => {
@@ -102324,7 +102359,7 @@ creating temp style for access.`), r3 = Hh(e3);
                   }).then(i4).catch((e4) => a4(e4));
                 });
               };
-            }({ timeout: i3 }), x2 = function({ fetchUrl: e3, findStyleSheetByUrl: t4, getCorsFreeStyleSheet: n4, extractResourcesFromStyleSheet: r4, extractResourcesFromSvg: o4, sessionCache: i4, cache: a4 = {}, compress: s4, serialize: l3, log: c3 = Zh }) {
+            }({ timeout: i3 }), S2 = function({ fetchUrl: e3, findStyleSheetByUrl: t4, getCorsFreeStyleSheet: n4, extractResourcesFromStyleSheet: r4, extractResourcesFromSvg: o4, sessionCache: i4, cache: a4 = {}, compress: s4, serialize: l3, log: c3 = Zh }) {
               return function({ url: u3, documents: h3, getResourceUrlsAndBlobs: d3, forceCreateStyle: p3 = false, skipResources: m3 }) {
                 if (!a4[u3])
                   if (i4 && i4.getItem(u3)) {
@@ -102382,14 +102417,14 @@ creating temp style for access.`), r3 = Hh(e3);
                   }), c3("cleared from sessionStorage:", u3);
                 }
               };
-            }({ fetchUrl: v2, findStyleSheetByUrl: g2, getCorsFreeStyleSheet: Gh, extractResourcesFromStyleSheet: f2, extractResourcesFromSvg: w2, log: d2.log, sessionCache: p2, compress: l2, serialize: c2 }), S2 = function({ processResource: e3, aggregateResourceUrlsAndBlobs: t4, concurrency: n4 = 100 }) {
+            }({ fetchUrl: x2, findStyleSheetByUrl: b2, getCorsFreeStyleSheet: Xh, extractResourcesFromStyleSheet: g2, extractResourcesFromSvg: v2, log: p2.log, sessionCache: m2, compress: c2, serialize: u2 }), C2 = function({ processResource: e3, aggregateResourceUrlsAndBlobs: t4, concurrency: n4 = 100 }) {
               if (!Number.isInteger(n4) || n4 < 1)
                 throw new TypeError(`concurrency must be an integer >= 1, got ${n4}`);
               const r4 = nc(n4);
               return function n5({ documents: o4, urls: i4, forceCreateStyle: a4 = false, skipResources: s4 }) {
                 return Promise.all(i4.map((t5) => r4(() => e3({ url: t5, documents: o4, getResourceUrlsAndBlobs: n5, forceCreateStyle: a4, skipResources: s4 })))).then((e4) => t4(e4));
               };
-            }({ processResource: x2, aggregateResourceUrlsAndBlobs: ec, concurrency: a3 });
+            }({ processResource: S2, aggregateResourceUrlsAndBlobs: ec, concurrency: a3 });
             return function t4(n4, r4 = n4.location.href) {
               const i4 = function(e3) {
                 const t5 = e3.querySelectorAll("base")[0] && e3.querySelectorAll("base")[0].href;
@@ -102444,8 +102479,8 @@ creating temp style for access.`), r3 = Hh(e3);
                         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;
-                      return t8.setAttribute("data-applitools-selector", u4), '[data-applitools-selector~="' + n8 + '"]';
+                      var c3 = t8.getAttribute("data-applitools-selector"), u3 = c3 ? c3 + " " + n8 : n8;
+                      return t8.setAttribute("data-applitools-selector", u3), '[data-applitools-selector~="' + n8 + '"]';
                     }
                     return function(e3) {
                       return e3 && e3.__esModule && Object.prototype.hasOwnProperty.call(e3, "default") ? e3.default : e3;
@@ -102489,12 +102524,12 @@ creating temp style for access.`), r3 = Hh(e3);
                   }, void 0);
                   return o4 += e3.length, t6;
                 });
-              }(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) {
+              }(d2), { cdt: h3, docRoots: f3, canvasElements: g3, frames: b3, inlineFrames: v3, crossFrames: x3, linkUrls: S3, imageBlobs: z2, videoBlobs: A2 } = Gl(n4, i4, p2), T2 = Kh(f3.map((e3) => k2(e3))), O2 = Kh(f3.map((e3) => w2(e3))), L2 = (P2 = i4, function(e3) {
                 try {
-                  return _(y(e3, B2));
+                  return _(y(e3, P2));
                 } catch (e4) {
                 }
-              }), L2 = Jl(Array.from(x3).concat(Array.from(A2)).concat(Array.from(T2))).map((e3) => e3.trim()).reduce((e3, t5) => {
+              }), E2 = Jl(Array.from(S3).concat(Array.from(T2)).concat(Array.from(O2))).map((e3) => e3.trim()).reduce((e3, t5) => {
                 e3.push(t5);
                 const n5 = function(e4) {
                   return e4 && e4.replace(/(\\[0-9a-fA-F]{1,6}\s?)/g, (e5) => {
@@ -102503,21 +102538,21 @@ creating temp style for access.`), r3 = Hh(e3);
                   }) || e4;
                 }(t5);
                 return n5 !== t5 && e3.push(n5), e3;
-              }, []).map(O2).map(Vh).filter(Qh), E2 = o3 ? Promise.resolve({ resourceUrls: L2, blobsObj: {} }) : S2({ documents: m3, urls: L2, skipResources: s3 }).then((e3) => (p2 && p2.persist(), e3)), R2 = Yh(f3, { log: d2.log, compress: l2, serialize: c2 }), N2 = E2.then((e3) => function(e4, { doc: t5, fetchedBlobs: n5, log: r5, compress: o4, serialize: i5, sessionCache: a5 }) {
+              }, []).map(L2).map(Vh).filter(ed).filter((e3) => !l2 || e3 !== Vh(r4)), R2 = o3 ? Promise.resolve({ resourceUrls: E2, blobsObj: {} }) : C2({ documents: f3, urls: E2, skipResources: s3 }).then((e3) => (m2 && m2.persist(), e3)), N2 = Qh(g3, { log: p2.log, compress: c2, serialize: u2 }), I2 = R2.then((e3) => function(e4, { doc: t5, fetchedBlobs: n5, log: r5, compress: o4, serialize: i5, sessionCache: a5 }) {
                 if (!t5.body || 0 === e4.length)
                   return Promise.resolve([]);
                 const s4 = new Set(Object.keys(n5)), l3 = e4.filter(({ url: e5 }) => !(s4.has("blob:" + e5) || a5 && a5.getItem("blob:" + e5))), c3 = t5.createElement("canvas");
                 c3.style.display = "none";
-                const u4 = Zl(t5.body);
-                return u4.appendChild(c3), Promise.all(l3.map(({ element: e5, url: t6, cdtNode: n6 }) => {
+                const u3 = Zl(t5.body);
+                return u3.appendChild(c3), Promise.all(l3.map(({ element: e5, url: t6, cdtNode: n6 }) => {
                   try {
-                    return c3.width = e5.naturalWidth, c3.height = e5.naturalHeight, c3.getContext("2d").drawImage(Zl.unwrap(e5), 0, 0), Yh([{ url: t6, element: c3, cdtNode: n6 }], { log: r5, compress: o4, serialize: i5 });
+                    return c3.width = e5.naturalWidth, c3.height = e5.naturalHeight, c3.getContext("2d").drawImage(Zl.unwrap(e5), 0, 0), Qh([{ url: t6, element: c3, cdtNode: n6 }], { log: r5, compress: o4, serialize: i5 });
                   } catch (e6) {
                   }
                 })).then((e5) => Kh(e5)).catch().finally(() => {
-                  u4.removeChild(c3);
+                  u3.removeChild(c3);
                 });
-              }(C2, { fetchedBlobs: e3.blobsObj, doc: n4, log: d2.log, compress: l2, serialize: c2, sessionCache: p2 })), I2 = E2.then((e3) => function(e4, { doc: t5, fetchedBlobs: n5, compress: r5, serialize: o4, sessionCache: i5 }) {
+              }(z2, { fetchedBlobs: e3.blobsObj, doc: n4, log: p2.log, compress: c2, serialize: u2, sessionCache: m2 })), j2 = R2.then((e3) => function(e4, { doc: t5, fetchedBlobs: n5, compress: r5, serialize: o4, sessionCache: i5 }) {
                 if (!t5.body)
                   return Promise.resolve([]);
                 const a5 = new Set(Object.keys(n5)), s4 = e4.filter(({ url: e5 }) => !(a5.has("blob:" + e5) || i5 && i5.getItem("blob:" + e5)));
@@ -102533,18 +102568,18 @@ creating temp style for access.`), r3 = Hh(e3);
                     }, { once: true }), e5.play(), a6.start(), setTimeout(() => a6.requestData(), 1e3);
                   });
                 })).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(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) {
+              }(A2, { fetchedBlobs: e3.blobsObj, doc: n4, log: p2.log, compress: c2, serialize: u2, sessionCache: m2 })), D2 = b3.map(({ element: e3, url: n5 }) => t4(e3.contentDocument, n5)), B2 = v3.map(({ element: e3, url: n5 }) => t4(e3.contentDocument, n5));
+              var P2;
+              return Promise.all([R2, N2, I2, j2, ...D2, ...B2]).then(function(e3) {
+                const { resourceUrls: t5, blobsObj: n5 } = e3[0], o4 = e3[1], s4 = e3[2], l3 = e3[3], c3 = e3.slice(4), u3 = F2("src"), m3 = F2("data-applitools-selector"), f4 = m3 ? `[data-applitools-selector="${m3}"]` : 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 = [];
+                }(n5).concat(o4).concat(s4).concat(l3), b4 = [...p2.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 };
+                  599 === e4.errorStatusCode || 504 === e4.errorStatusCode ? (t5.push(e4.url), b4.push(`${e4.errorStatusCode}:${e4.url}`)) : y2.push(e4);
+                const k3 = { cdt: h3, url: r4, srcAttr: u3, resourceUrls: t5.map((e4) => e4.replace(/^blob:/, "")), blobs: y2, frames: c3, crossFrames: x3 };
                 void 0 !== a4 && (k3.safeSelectors = a4), void 0 !== f4 && (k3.selector = f4), i4 !== r4 && (k3.baseUri = i4);
                 try {
-                  h2 && (w4 = h2, ((x4 = function(e4) {
+                  d2 && (w3 = d2, ((v4 = function(e4) {
                     (e4 = e4 && e4[0]) && "function" == typeof e4.forEach && e4.forEach(function(e5) {
                       e5.removeAttribute("data-applitools-selector");
                       var t6 = e5;
@@ -102559,23 +102594,23 @@ creating temp style for access.`), r3 = Hh(e3);
                         } catch (e6) {
                         }
                     });
-                  }) && x4.__esModule && Object.prototype.hasOwnProperty.call(x4, "default") ? x4.default : x4)(w4));
+                  }) && v4.__esModule && Object.prototype.hasOwnProperty.call(v4, "default") ? v4.default : v4)(w3));
                 } catch (e4) {
-                  b3.push(e4.message);
+                  b4.push(e4.message);
                 }
-                var w4, x4;
-                b3.length > 0 && (k3.warnings = b3);
-                const _2 = d2.getErrors();
+                var w3, v4;
+                b4.length > 0 && (k3.warnings = b4);
+                const _2 = p2.getErrors();
                 return _2.length > 0 && (k3.errors = _2), k3;
               });
-              function P2(e3) {
+              function F2(e3) {
                 return n4.defaultView && n4.defaultView.frameElement && n4.defaultView.frameElement.getAttribute(e3);
               }
-            }(t3).then((e3) => (d2.log("processPage end"), e3.scriptVersion = "4.16.2", e3));
+            }(t3).then((e3) => (p2.log("processPage end"), e3.scriptVersion = "4.16.4", e3));
           }, window[x], "domSnapshotResult");
           return function(e3) {
             try {
-              return JSON.stringify(Jh(e3)(e3));
+              return JSON.stringify(td(e3)(e3));
             } catch (e4) {
               return JSON.stringify({ status: "ERROR", error: e4.message });
             }
@@ -102825,6 +102860,7 @@ var require_take_dom_snapshot = __commonJS({
         const arg = {
           dontFetchResources: settings === null || settings === void 0 ? void 0 : settings.disableBrowserFetching,
           skipResources: settings === null || settings === void 0 ? void 0 : settings.skipResources,
+          skipRootHtmlResource: settings === null || settings === void 0 ? void 0 : settings.skipRootHtmlResource,
           fetchConcurrency: settings === null || settings === void 0 ? void 0 : settings.fetchConcurrency,
           removeReverseProxyURLPrefixes: Boolean(process.env.APPLITOOLS_SCRIPT_REMOVE_REVERSE_PROXY_URL_PREFIXES),
           chunkByteLength: (_a2 = settings === null || settings === void 0 ? void 0 : settings.chunkByteLength) !== null && _a2 !== void 0 ? _a2 : Number(process.env.APPLITOOLS_SCRIPT_RESULT_MAX_BYTE_LENGTH) || (environment.isIOS ? 1e5 : 250 * 1024 * 1024),
@@ -103415,7 +103451,7 @@ var require_to_generated_selectors = __commonJS({
     init_setInterval();
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.toGeneratedSelectors = void 0;
-    function toGeneratedSelectors({ elementReferences, logger }) {
+    function toGeneratedSelectors({ elementReferences, logger, logDeprecations }) {
       var _a, _b, _c;
       const elementReferencesToMark = [
         (_a = elementReferences.target) !== null && _a !== void 0 ? _a : [],
@@ -103462,6 +103498,9 @@ var require_to_generated_selectors = __commonJS({
               safeSelector: isError ? null : safeSelector
             };
           });
+        } else if (target || scrolling || calculate.length) {
+          logDeprecations("toGeneratedSelectors: `transformElementReference` was unexpectedly called.");
+          throw new Error("toGeneratedSelectors: `transformElementReference` was unexpectedly called.");
         }
         return { target, scrolling, calculate };
       }
@@ -103552,7 +103591,8 @@ var require_take_snapshots2 = __commonJS({
         const { elementReferences, getSafeCheckSettings } = (0, to_safe_check_settings_1.toSafeCheckSettings)({ settings });
         const { elementReferencesToMark, getGeneratedSelectors } = (0, to_generated_selectors_1.toGeneratedSelectors)({
           elementReferences,
-          logger
+          logger,
+          logDeprecations
         });
         let snapshots;
         if (environment.isWeb) {
@@ -103573,6 +103613,7 @@ var require_take_snapshots2 = __commonJS({
               layoutBreakpoints: settings.layoutBreakpoints,
               environments: uniqueEnvironments,
               skipResources: ufgClient.getCachedResourceUrls(),
+              skipRootHtmlResource: settings.skipRootHtmlResource,
               lazyLoad: settings.lazyLoad,
               elementReferences: elementReferencesToMark
             },
@@ -103599,6 +103640,7 @@ var require_take_snapshots2 = __commonJS({
             }
           }
         } else {
+          logDeprecations("takeSnapshots: taking native snapshots is no longer supported. How did you reach this message? (dead code)");
           throw new Error("Taking native (non-web) snapshots via VisualGridRunner is no longer supported. Please use ClassicRunner for native apps.");
         }
         await currentContext.focus();
@@ -103634,6 +103676,19 @@ var require_take_snapshots2 = __commonJS({
           title,
           userAgent
         }));
+        function logDeprecations(...args) {
+          core.logEvent({
+            settings: {
+              level: "Error",
+              event: {
+                type: "SDK.unreachableCodeReached",
+                message: args.join(" ")
+              },
+              ...account.eyesServer
+            },
+            logger
+          });
+        }
       };
     }
     exports.makeTakeSnapshots = makeTakeSnapshots;
@@ -104435,7 +104490,7 @@ var require_create_render_target = __commonJS({
         const [snapshotResources, ...frameResources] = await Promise.all([
           processResources({
             resources: Object.fromEntries([
-              ...((_a = snapshot.resourceUrls) !== null && _a !== void 0 ? _a : []).map((url) => {
+              ...((_a = snapshot.resourceUrls) !== null && _a !== void 0 ? _a : []).filter((url) => (settings === null || settings === void 0 ? void 0 : settings.skipRootHtmlResource) ? url !== snapshot.url : true).map((url) => {
                 return [url, (0, resource_1.makeResource)({ url, environment: settings === null || settings === void 0 ? void 0 : settings.environment })];
               }),
               ...Object.entries((_b = snapshot.resourceContents) !== null && _b !== void 0 ? _b : {}).map(([url, resource]) => {
@@ -118086,6 +118141,8 @@ var require_dom = __commonJS({
       }
       do {
         newFirst.parentNode = parent;
+        var targetDoc = parent.ownerDocument || parent;
+        _updateOwnerDocument(newFirst, targetDoc);
       } while (newFirst !== newLast && (newFirst = newFirst.nextSibling));
       _onUpdateChild(parent.ownerDocument || parent, parent);
       if (node.nodeType == DOCUMENT_FRAGMENT_NODE) {
@@ -118093,6 +118150,25 @@ var require_dom = __commonJS({
       }
       return node;
     }
+    function _updateOwnerDocument(node, newOwnerDocument) {
+      if (node.ownerDocument === newOwnerDocument) {
+        return;
+      }
+      node.ownerDocument = newOwnerDocument;
+      if (node.nodeType === ELEMENT_NODE && node.attributes) {
+        for (var i = 0; i < node.attributes.length; i++) {
+          var attr = node.attributes.item(i);
+          if (attr) {
+            attr.ownerDocument = newOwnerDocument;
+          }
+        }
+      }
+      var child = node.firstChild;
+      while (child) {
+        _updateOwnerDocument(child, newOwnerDocument);
+        child = child.nextSibling;
+      }
+    }
     function _appendSingleChild(parentNode, newChild) {
       if (newChild.parentNode) {
         newChild.parentNode.removeChild(newChild);
@@ -118107,6 +118183,8 @@ var require_dom = __commonJS({
       }
       parentNode.lastChild = newChild;
       _onUpdateChild(parentNode.ownerDocument, parentNode, newChild);
+      var targetDoc = parentNode.ownerDocument || parentNode;
+      _updateOwnerDocument(newChild, targetDoc);
       return newChild;
     }
     Document2.prototype = {
@@ -118133,7 +118211,7 @@ var require_dom = __commonJS({
           return newChild;
         }
         _insertBefore(this, newChild, refChild);
-        newChild.ownerDocument = this;
+        _updateOwnerDocument(newChild, this);
         if (this.documentElement === null && newChild.nodeType === ELEMENT_NODE) {
           this.documentElement = newChild;
         }
@@ -118147,7 +118225,7 @@ var require_dom = __commonJS({
       },
       replaceChild: function(newChild, oldChild) {
         _insertBefore(this, newChild, oldChild, assertPreReplacementValidityInDocument);
-        newChild.ownerDocument = this;
+        _updateOwnerDocument(newChild, this);
         if (oldChild) {
           this.removeChild(oldChild);
         }
@@ -118243,7 +118321,22 @@ var require_dom = __commonJS({
         node.appendData(data);
         return node;
       },
+      /**
+       * Returns a new CDATASection node whose data is `data`.
+       *
+       * __This implementation differs from the specification:__
+       * - calling this method on an HTML document does not throw `NotSupportedError`.
+       *
+       * @param {string} data
+       * @returns {CDATASection}
+       * @throws DOMException with code `INVALID_CHARACTER_ERR` if `data` contains `"]]>"`.
+       * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/createCDATASection
+       * @see https://dom.spec.whatwg.org/#dom-document-createcdatasection
+       */
       createCDATASection: function(data) {
+        if (data.indexOf("]]>") !== -1) {
+          throw new DOMException2(INVALID_CHARACTER_ERR, 'data contains "]]>"');
+        }
         var node = new CDATASection();
         node.ownerDocument = this;
         node.appendData(data);
@@ -118646,7 +118739,7 @@ var require_dom = __commonJS({
             node.data.replace(/[<&>]/g, _xmlEncoder)
           );
         case CDATA_SECTION_NODE:
-          return buf.push("<![CDATA[", node.data, "]]>");
+          return buf.push("<![CDATA[", node.data.replace(/]]>/g, "]]]]><![CDATA[>"), "]]>");
         case COMMENT_NODE:
           return buf.push("<!--", node.data, "-->");
         case DOCUMENT_TYPE_NODE:
@@ -121474,7 +121567,7 @@ var require_sax = __commonJS({
     function parseInstruction(source, start, domBuilder) {
       var end = source.indexOf("?>", start);
       if (end) {
-        var match = source.substring(start, end).match(/^<\?(\S*)\s*([\s\S]*?)\s*$/);
+        var match = source.substring(start, end).match(/^<\?(\S*)\s*([\s\S]*?)$/);
         if (match) {
           var len = match[0].length;
           domBuilder.processingInstruction(match[1], match[2]);
@@ -125056,7 +125149,7 @@ var require_get_base_eyes2 = __commonJS({
       });
       return getBaseEyesWithCache;
       async function getBaseEyes({ settings, logger = mainLogger }) {
-        var _a;
+        var _a, _b;
         logger = logger.extend(mainLogger);
         logger.log(`Command "getBaseEyes" is called with settings`, settings);
         const ufgClient = await eyes2.core.getUFGClient({
@@ -125074,7 +125167,7 @@ var require_get_base_eyes2 = __commonJS({
         const baseEyes = await eyes2.core.base.openEyes({
           settings: {
             ...defaultSettings,
-            fallbackBaselineId: (_a = settings.environment) === null || _a === void 0 ? void 0 : _a.fallbackBaselineId,
+            fallbackBaselineId: (_b = (_a = settings.environment) === null || _a === void 0 ? void 0 : _a.fallbackBaselineId) !== null && _b !== void 0 ? _b : defaultSettings.fallbackBaselineId,
             environment: {
               ...defaultSettings.environment,
               ...environment,
@@ -125119,7 +125212,8 @@ var require_create_render_target_from_snapshot = __commonJS({
             ...snapshot.settings.headers
           },
           proxy: snapshot.account.eyesServer.proxy,
-          autProxy: snapshot.settings.autProxy
+          autProxy: snapshot.settings.autProxy,
+          skipRootHtmlResource: snapshot.settings.skipRootHtmlResource
         },
         logger
       });
@@ -128186,7 +128280,7 @@ var require_package3 = __commonJS({
   "../core/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/core",
-      version: "4.59.1",
+      version: "4.59.3",
       homepage: "https://applitools.com",
       bugs: {
         url: "https://github.com/applitools/eyes.sdk.javascript1/issues"
@@ -129728,7 +129822,7 @@ var require_package4 = __commonJS({
   "../eyes/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/eyes",
-      version: "1.38.13",
+      version: "1.38.15",
       keywords: [
         "applitools",
         "eyes",
@@ -131343,7 +131437,7 @@ var require_package5 = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@applitools/eyes-browser",
-      version: "1.6.10",
+      version: "1.6.12",
       type: "module",
       keywords: [
         "applitools",