@applitools/eyes-browser 1.4.9 → 1.4.10

package/CHANGELOG.md

@@ -1,5 +1,57 @@
 # Changelog
 
+## [1.4.10](https://github.com/Applitools-Dev/sdk/compare/js/eyes-browser@1.4.9...js/eyes-browser@1.4.10) (2024-09-10)
+
+
+### Dependencies
+
+* @applitools/dom-capture bumped to 11.4.0
+  #### Features
+
+  * ability to capture all css props in computed style ([#2484](https://github.com/Applitools-Dev/sdk/issues/2484)) ([8769ee5](https://github.com/Applitools-Dev/sdk/commit/8769ee566f2d9e163437c7bcd385ec993f05f370))
+* @applitools/driver bumped to 1.19.0
+  #### Features
+
+  * add support for env var APPLITOOLS_IS_IC ([#2469](https://github.com/Applitools-Dev/sdk/issues/2469)) ([87d7b5c](https://github.com/Applitools-Dev/sdk/commit/87d7b5cc1f7ea774c6b90504e85296f0681d0b1e))
+
+
+  #### Bug Fixes
+
+  * handle userAgent.brands returned as string ([#2453](https://github.com/Applitools-Dev/sdk/issues/2453)) ([dd6328b](https://github.com/Applitools-Dev/sdk/commit/dd6328be3e7d885714124a8e43aabaae3abecde9))
+  * searching for scrollable element multiple times ([#2493](https://github.com/Applitools-Dev/sdk/issues/2493)) ([d98db80](https://github.com/Applitools-Dev/sdk/commit/d98db8016c6312f467f244444c6f1a87bc09b7da))
+* @applitools/core bumped to 4.18.2
+  #### Bug Fixes
+
+  * don't call check-network when executing binary and cli ([#2491](https://github.com/Applitools-Dev/sdk/issues/2491)) ([ef00d20](https://github.com/Applitools-Dev/sdk/commit/ef00d205450b7bbe7abc1bc9bce8d6970f769091))
+
+
+
+* @applitools/spec-driver-webdriver bumped to 1.1.12
+
+* @applitools/spec-driver-selenium bumped to 1.5.83
+
+* @applitools/spec-driver-puppeteer bumped to 1.4.12
+
+* @applitools/screenshoter bumped to 3.8.36
+
+* @applitools/nml-client bumped to 1.8.10
+
+* @applitools/tunnel-client bumped to 1.5.8
+  #### Bug Fixes
+
+  * upgrade execution-grid-tunnel ([#2475](https://github.com/Applitools-Dev/sdk/issues/2475)) ([e5952b4](https://github.com/Applitools-Dev/sdk/commit/e5952b4ca1bd0c065111ce1109b218f1fd68f6fc))
+
+
+
+* @applitools/core-base bumped to 1.16.1
+  #### Bug Fixes
+
+  * infinity concurrency ([#2477](https://github.com/Applitools-Dev/sdk/issues/2477)) ([f488e16](https://github.com/Applitools-Dev/sdk/commit/f488e162f124acc249ed7b43b714f13c18306dc8))
+* @applitools/ec-client bumped to 1.9.4
+
+* @applitools/eyes bumped to 1.22.2
+
+
 ## [1.4.9](https://github.com/Applitools-Dev/sdk/compare/js/eyes-browser@1.4.8...js/eyes-browser@1.4.9) (2024-08-12)
 
 

package/dist/index.js

@@ -28262,7 +28262,7 @@ var require_open_eyes = __commonJS({
     var throat_1 = __importDefault(require_throat());
     var utils34 = __importStar(require_browser3());
     function makeOpenEyes({ requests, agentId: defaultAgentId, concurrency, cwd = process.cwd(), heartbeat, logger: mainLogger }) {
-      const throttle = concurrency ? (0, throat_1.default)(concurrency) : (fn) => fn();
+      const throttle = concurrency && concurrency > 0 && concurrency < Infinity ? (0, throat_1.default)(concurrency) : (fn) => fn();
       return async function openEyes({ settings, logger = mainLogger }) {
         var _a, _b, _c;
         logger = logger.extend(mainLogger, { tags: [`eyes-base-${utils34.general.shortid()}`] });
@@ -30842,6 +30842,7 @@ var require_context = __commonJS({
       constructor(options) {
         var _a, _b, _c, _d;
         this._state = {};
+        this._searchScrollingElement = true;
         this._spec = options.spec;
         if (options.context) {
           if ((_c = (_b = (_a = this._spec).isContext) === null || _b === void 0 ? void 0 : _b.call(_a, options.context)) !== null && _c !== void 0 ? _c : this._spec.isDriver(options.context)) {
@@ -31167,6 +31168,8 @@ var require_context = __commonJS({
         return (_a = this._element) !== null && _a !== void 0 ? _a : null;
       }
       async getScrollingElement() {
+        if (!this._searchScrollingElement)
+          return this._scrollingElement;
         if (!(0, element_1.isElementInstance)(this._scrollingElement)) {
           await this.focus();
           if (this._scrollingElement) {
@@ -31187,6 +31190,9 @@ var require_context = __commonJS({
               this._scrollingElement = await this.element({ type: "xpath", selector: '//*[@scrollable="true"]' });
             }
           }
+          if (this._scrollingElement === null) {
+            this._searchScrollingElement = false;
+          }
         }
         return this._scrollingElement;
       }
@@ -32177,9 +32183,16 @@ var require_user_agent = __commonJS({
       };
     }
     function extractUserAgentObjectEnvironment(userAgent) {
-      var _a, _b, _c, _d;
-      const chromiumBrand = (_a = userAgent.brands) === null || _a === void 0 ? void 0 : _a.find((brand) => /Chromium/i.test(brand.brand));
-      const browserBrand = (_c = (_b = userAgent.brands) === null || _b === void 0 ? void 0 : _b.find((brand) => brand !== chromiumBrand && !/Not.?A.?Brand/i.test(brand.brand))) !== null && _c !== void 0 ? _c : chromiumBrand;
+      var _a, _b, _c, _d, _e, _f;
+      if (typeof userAgent.brands === "string") {
+        try {
+          userAgent.brands = JSON.parse(userAgent.brands);
+        } catch (e) {
+          userAgent.brands = [];
+        }
+      }
+      const chromiumBrand = (_b = (_a = userAgent.brands) === null || _a === void 0 ? void 0 : _a.find) === null || _b === void 0 ? void 0 : _b.call(_a, (brand) => /Chromium/i.test(brand.brand));
+      const browserBrand = (_e = (_d = (_c = userAgent.brands) === null || _c === void 0 ? void 0 : _c.find) === null || _d === void 0 ? void 0 : _d.call(_c, (brand) => brand !== chromiumBrand && !/Not.?A.?Brand/i.test(brand.brand))) !== null && _e !== void 0 ? _e : chromiumBrand;
       const environment = {
         browserName: browserBrand === null || browserBrand === void 0 ? void 0 : browserBrand.brand,
         browserVersion: browserBrand === null || browserBrand === void 0 ? void 0 : browserBrand.version,
@@ -32193,7 +32206,7 @@ var require_user_agent = __commonJS({
         environment.platformVersion = windowsVersionsMapping[environment.platformVersion];
       } else if (environment.platformName === "macOS") {
         environment.platformName = "Mac OS X";
-        environment.platformVersion = (_d = environment.platformVersion) === null || _d === void 0 ? void 0 : _d.split(/[._]/, 2).join(".");
+        environment.platformVersion = (_f = environment.platformVersion) === null || _f === void 0 ? void 0 : _f.split(/[._]/, 2).join(".");
       }
       return environment;
     }
@@ -32636,7 +32649,7 @@ var require_driver = __commonJS({
             this._environment.isEmulation = true;
           }
           const driverUrl = (_d = await this.getDriverUrl()) !== null && _d !== void 0 ? _d : "";
-          this._environment.isEC = this._environment.isECClient || /exec-wus.applitools.com/.test(driverUrl);
+          this._environment.isEC = this._environment.isECClient || utils34.general.getEnvValue("IS_EC", "boolean") || /exec-wus\.applitools\.com/.test(driverUrl);
           this._environment.isKobiton = /kobiton/.test(driverUrl);
           this._logger.log("Extracted environment", this._environment);
         }
@@ -34937,11 +34950,11 @@ var require_captureDomPollCjs = __commonJS({
             return false;
           };
           const w = g, E = y;
-          const { absolutizeUrl: C, isInlineFrame: T } = l, N = p, b = g, S = y, { NODE_TYPES: A } = d;
-          const { absolutizeUrl: R, isInlineFrame: $ } = l, _ = function(e4) {
+          const { absolutizeUrl: C, isInlineFrame: T } = l, b = p, N = g, S = y, { NODE_TYPES: A } = d;
+          const { absolutizeUrl: R, isInlineFrame: $ } = l, P = function(e4) {
             const t4 = e4 ? e4.match(f) : void 0;
             return t4 ? t4[1] : t4;
-          }, P = async function({ bgImages: e4, timeout: t4 = 5e3, Image: n3 = window.Image }) {
+          }, _ = async function({ bgImages: e4, timeout: t4 = 5e3, Image: n3 = window.Image }) {
             return (await Promise.all(Array.from(e4).map((e5) => {
               return Promise.race([new Promise((t5) => {
                 const o3 = new n3();
@@ -34981,16 +34994,19 @@ ${r2}${t5}${r2}`;
 /** ${d2} **/
 ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
             };
-          }, D = p, O = function(e4) {
-            const t4 = ["before", "after"];
+          }, D = p, O = function(e4, t4) {
             try {
-              let n3 = [];
-              return t4.forEach((t5) => {
-                const o2 = e4.ownerDocument.defaultView.getComputedStyle(e4, `:${t5}`);
-                o2 && "none" !== o2.getPropertyValue("content") && n3.push(t5);
-              }), n3.join("_and_");
+              return ["before", "after"].reduce((n3, o2) => {
+                const r2 = e4.ownerDocument.defaultView.getComputedStyle(e4, `:${o2}`);
+                if (r2 && "none" !== r2.getPropertyValue("content")) {
+                  (n3 = n3 != null ? n3 : {})[o2] = {};
+                  for (const e5 of t4)
+                    n3[o2][e5] = r2.getPropertyValue(e5);
+                }
+                return n3;
+              }, void 0);
             } catch (e5) {
-              return false;
+              return;
             }
           }, F = function(e4, { fetchTimeLimit: t4 } = {}) {
             return async function(n3) {
@@ -35036,7 +35052,7 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
                 function c2(e5) {
                   if (s3.push(async function(e6, n5, o4) {
                     let r4, s4;
-                    e6 && S(e6) && (s4 = C(b(e6), n5), r4 = await t4(s4), void 0 !== r4 && (o4[s4] = r4)), r4 && await a2(r4, s4, o4);
+                    e6 && S(e6) && (s4 = C(N(e6), n5), r4 = await t4(s4), void 0 !== r4 && (o4[s4] = r4)), r4 && await a2(r4, s4, o4);
                   }(e5, o3, r3)), e5.nodeType === A.ELEMENT)
                     return "IFRAME" === e5.tagName.toUpperCase() ? i2(e5) : u2(e5);
                 }
@@ -35058,7 +35074,7 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
               };
               async function a2(e4, n4, o3) {
                 try {
-                  const r3 = N(e4), s3 = [];
+                  const r3 = b(e4), s3 = [];
                   for (const e5 of Array.from(r3.cssRules))
                     e5 instanceof CSSImportRule && s3.push((async () => {
                       const r4 = C(e5.href, n4), s4 = await t4(r4);
@@ -35071,35 +35087,35 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
               }
             };
           }, { NODE_TYPES: x, DEFAULT_STYLE_PROPS: M, DEFAULT_RECT_PROPS: V, DEFAULT_IGNORED_TAG_NAMES: B } = d;
-          const { pollify: Y } = l, { EYES_NAMESPACE: z, DOM_CAPTURE_KEY: G } = d, j = async function({ doc: t4 = e3, styleProps: n3 = M, rectProps: o2 = V, ignoredTagNames: r2 = B, addStats: s2 = false, fetchTimeLimit: a2 = 3e4 } = {}) {
-            arguments[1] && (t4 = arguments[1]), arguments[2] && (s2 = arguments[2]), arguments[3] && (a2 = arguments[3]);
-            const c2 = { total: {}, prefetchCss: {}, doCaptureDoc: {}, waitForImages: {} };
-            function u2(e4) {
+          const { pollify: Y } = l, { EYES_NAMESPACE: z, DOM_CAPTURE_KEY: j } = d, G = async function({ doc: t4 = e3, styleProps: n3 = M, rectProps: o2 = V, ignoredTagNames: r2 = B, capturePseudo: s2 = false, addStats: a2 = false, fetchTimeLimit: c2 = 3e4 } = {}) {
+            arguments[1] && (t4 = arguments[1]), arguments[2] && (a2 = arguments[2]), arguments[3] && (c2 = arguments[3]), true === n3 && (n3 = [...getComputedStyle(t4.body)]);
+            const u2 = { total: {}, prefetchCss: {}, doCaptureDoc: {}, waitForImages: {} };
+            function i2(e4) {
               e4.startTime = Date.now();
             }
-            function i2(e4) {
+            function l2(e4) {
               e4.endTime = Date.now(), e4.elapsedTime = e4.endTime - e4.startTime;
             }
-            const l2 = [];
-            u2(c2.total);
-            const d2 = /* @__PURE__ */ new Set(), f2 = [], m2 = "@@@@@", h2 = "#####", p2 = "-----";
-            u2(c2.prefetchCss);
-            const g2 = L(F(fetch, { fetchTimeLimit: a2 })), y2 = await g2(t4);
-            i2(c2.prefetchCss);
-            const w2 = U({ parseCss: D, CSSImportRule, getCssFromCache: y2, absolutizeUrl: R, unfetchedToken: h2 }), E2 = I({ getCssFromCache: y2, absolutizeUrl: R }), C2 = k({ extractCssFromNode: E2, getBundledCssFromCssText: w2, unfetchedToken: h2 });
-            u2(c2.doCaptureDoc);
-            const T2 = function s3(a3, c3 = a3.location && a3.location.href) {
-              const u3 = /* @__PURE__ */ new Set();
-              let i3 = "";
-              const h3 = p3(a3.documentElement || a3);
-              return h3.css = i3, l2.push(P({ bgImages: u3 }).then((e4) => h3.images = e4)), h3;
-              function p3(t5) {
+            const d2 = [];
+            i2(u2.total);
+            const f2 = /* @__PURE__ */ new Set(), m2 = [], h2 = "@@@@@", p2 = "#####", g2 = "-----";
+            i2(u2.prefetchCss);
+            const y2 = L(F(fetch, { fetchTimeLimit: c2 })), w2 = await y2(t4);
+            l2(u2.prefetchCss);
+            const E2 = U({ parseCss: D, CSSImportRule, getCssFromCache: w2, absolutizeUrl: R, unfetchedToken: p2 }), C2 = I({ getCssFromCache: w2, absolutizeUrl: R }), T2 = k({ extractCssFromNode: C2, getBundledCssFromCssText: E2, unfetchedToken: p2 });
+            i2(u2.doCaptureDoc);
+            const b2 = function a3(c3, u3 = c3.location && c3.location.href) {
+              const i3 = /* @__PURE__ */ new Set();
+              let l3 = "";
+              const p3 = g3(c3.documentElement || c3);
+              return p3.css = l3, d2.push(_({ bgImages: i3 }).then((e4) => p3.images = e4)), p3;
+              function g3(t5) {
                 if (t5.hasAttribute && t5.hasAttribute("data-applitools-skip"))
                   return null;
-                const { bundledCss: n4, unfetchedResources: o3 } = C2(t5, c3);
-                if (i3 += n4, o3)
+                const { bundledCss: n4, unfetchedResources: o3 } = T2(t5, u3);
+                if (l3 += n4, o3)
                   for (const e4 of o3)
-                    d2.add(e4);
+                    f2.add(e4);
                 switch (t5.nodeType) {
                   case x.TEXT:
                     return function(t6) {
@@ -35110,7 +35126,7 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
                     }(t5);
                   case x.ELEMENT:
                     return "IFRAME" === t5.tagName.toUpperCase() ? function(e4) {
-                      const t6 = g3(e4);
+                      const t6 = y3(e4);
                       let n5;
                       try {
                         n5 = e4.contentDocument;
@@ -35118,61 +35134,61 @@ ${l2}`}`, { bundledCss: i2, unfetchedResources: u2 };
                         return o4(), t6;
                       }
                       try {
-                        n5 ? t6.childNodes = [s3(n5, $(e4) ? e4.baseURI : n5.location.href)] : o4();
+                        n5 ? t6.childNodes = [a3(n5, $(e4) ? e4.baseURI : n5.location.href)] : o4();
                       } catch (e5) {
                         console.log("error in iframeToJSON", e5);
                       }
                       return t6;
                       function o4() {
                         const n6 = v(e4);
-                        f2.push(n6), t6.childNodes = [`${m2}${n6}${m2}`];
+                        m2.push(n6), t6.childNodes = [`${h2}${n6}${h2}`];
                       }
-                    }(t5) : g3(t5);
+                    }(t5) : y3(t5);
                   case x.DOCUMENT_FRAGMENT:
-                    return { childNodes: Array.prototype.map.call(t5.childNodes, p3).filter(Boolean) };
+                    return { childNodes: Array.prototype.map.call(t5.childNodes, g3).filter(Boolean) };
                   default:
                     return null;
                 }
               }
-              function g3(e4) {
-                const a4 = Array.prototype.map.call(e4.childNodes, p3).filter(Boolean), i4 = e4.shadowRoot && s3(e4.shadowRoot, c3), l3 = e4.tagName.toUpperCase();
-                if (r2.indexOf(l3) > -1)
+              function y3(e4) {
+                const c4 = Array.prototype.map.call(e4.childNodes, g3).filter(Boolean), l4 = e4.shadowRoot && a3(e4.shadowRoot, u3), d3 = e4.tagName.toUpperCase();
+                if (r2.indexOf(d3) > -1)
                   return null;
-                const d3 = t4.defaultView.getComputedStyle(e4), f3 = e4.getBoundingClientRect(), m3 = {};
+                const f3 = t4.defaultView.getComputedStyle(e4), m3 = e4.getBoundingClientRect(), h3 = {};
                 for (const e5 of n3)
-                  m3[e5] = d3.getPropertyValue(e5);
-                m3["border-width"] || (m3["border-width"] = `${d3.getPropertyValue("border-top-width")} ${d3.getPropertyValue("border-right-width")} ${d3.getPropertyValue("border-bottom-width")} ${d3.getPropertyValue("border-left-width")}`);
-                const h4 = {};
+                  h3[e5] = f3.getPropertyValue(e5);
+                h3["border-width"] || (h3["border-width"] = `${f3.getPropertyValue("border-top-width")} ${f3.getPropertyValue("border-right-width")} ${f3.getPropertyValue("border-bottom-width")} ${f3.getPropertyValue("border-left-width")}`);
+                const p4 = {};
                 for (const e5 of o2)
-                  h4[e5] = f3[e5];
-                const g4 = Array.from(e4.attributes).map((e5) => ({ key: e5.name, value: e5.value })).reduce((e5, t5) => (e5[t5.key] = t5.value, e5), {});
-                "INPUT" !== l3 && "TEXTAREA" !== l3 || !e4.value || (g4.value && console.log(`[captureFrame] Overriding element attributes value from ${g4.value} to ${e4.value}`), g4.value = e4.value);
-                const y3 = _(d3.getPropertyValue("background-image"));
-                y3 && u3.add(y3);
-                const w3 = O(e4);
-                w3 && (g4["data-applitools-has-pseudo"] = w3);
-                const E3 = { tagName: l3, style: Y2(m3), rect: Y2(h4), attributes: Y2(g4), childNodes: a4 };
-                return i4 && (E3.shadowRoot = i4), E3;
+                  p4[e5] = m3[e5];
+                const y4 = Array.from(e4.attributes).map((e5) => ({ key: e5.name, value: e5.value })).reduce((e5, t5) => (e5[t5.key] = t5.value, e5), {});
+                "INPUT" !== d3 && "TEXTAREA" !== d3 || !e4.value || (y4.value && console.log(`[captureFrame] Overriding element attributes value from ${y4.value} to ${e4.value}`), y4.value = e4.value);
+                const w3 = P(f3.getPropertyValue("background-image"));
+                w3 && i3.add(w3);
+                const E3 = O(e4, n3), C3 = s2 ? E3 : void 0;
+                E3 && (y4["data-applitools-has-pseudo"] = Object.keys(E3).join("_and_"));
+                const T3 = { tagName: d3, style: z2(h3), rect: z2(p4), attributes: z2(y4), childNodes: c4, pseudo: C3 };
+                return l4 && (T3.shadowRoot = l4), T3;
               }
             }(t4);
-            i2(c2.doCaptureDoc), u2(c2.waitForImages), await Promise.all(l2), i2(c2.waitForImages), T2.version = "1.3.0", T2.scriptVersion = "11.3.1";
-            const N2 = f2.length ? `${f2.join("\n")}
-` : "", b2 = d2.size ? `${Array.from(d2).join("\n")}
-` : "", S2 = JSON.stringify({ separator: p2, cssStartToken: h2, cssEndToken: h2, iframeStartToken: `"${m2}`, iframeEndToken: `${m2}"` });
-            i2(c2.total);
-            const A2 = `${S2}
-${b2}${p2}
-${N2}${p2}
-${JSON.stringify(T2)}${s2 ? `
-${p2}
-${JSON.stringify(c2)}` : ""}`;
-            return console.log("[captureFrame]", JSON.stringify(c2)), A2;
-            function Y2(e4) {
+            l2(u2.doCaptureDoc), i2(u2.waitForImages), await Promise.all(d2), l2(u2.waitForImages), b2.version = "1.3.0", b2.scriptVersion = "11.4.0";
+            const N2 = m2.length ? `${m2.join("\n")}
+` : "", S2 = f2.size ? `${Array.from(f2).join("\n")}
+` : "", A2 = JSON.stringify({ separator: g2, cssStartToken: p2, cssEndToken: p2, iframeStartToken: `"${h2}`, iframeEndToken: `${h2}"` });
+            l2(u2.total);
+            const Y2 = `${A2}
+${S2}${g2}
+${N2}${g2}
+${JSON.stringify(b2)}${a2 ? `
+${g2}
+${JSON.stringify(u2)}` : ""}`;
+            return console.log("[captureFrame]", JSON.stringify(u2)), Y2;
+            function z2(e4) {
               return Object.keys(e4).length ? e4 : void 0;
             }
           };
           window[z] = window[z] || {};
-          const J = Y(j, window[z], G);
+          const J = Y(G, window[z], j);
           return function(e4) {
             return e4 && e4.__esModule && Object.prototype.hasOwnProperty.call(e4, "default") ? e4.default : e4;
           }(function(e4) {
@@ -87317,7 +87333,7 @@ var require_package2 = __commonJS({
   "../core/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/core",
-      version: "4.18.1",
+      version: "4.18.2",
       homepage: "https://applitools.com",
       bugs: {
         url: "https://github.com/applitools/eyes.sdk.javascript1/issues"
@@ -91436,7 +91452,7 @@ var require_package3 = __commonJS({
   "../eyes/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/eyes",
-      version: "1.22.1",
+      version: "1.22.2",
       keywords: [
         "applitools",
         "eyes",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/eyes-browser",
-  "version": "1.4.9",
+  "version": "1.4.10",
   "keywords": [
     "applitools",
     "browser",
@@ -48,7 +48,7 @@
     "test": "run --top-level mocha './test/**/*.spec.ts'"
   },
   "dependencies": {
-    "@applitools/eyes": "1.22.1"
+    "@applitools/eyes": "1.22.2"
   },
   "devDependencies": {
     "@types/node": "^12.20.55",