@applitools/eyes-browser 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -1,5 +1,92 @@
 # Changelog
 
+## [1.0.2](https://github.com/applitools/eyes.sdk.javascript1/compare/js/eyes-browser@1.0.1...js/eyes-browser@1.0.2) (2023-12-18)
+
+
+### Dependencies
+
+* @applitools/core bumped to 4.5.0
+  #### Features
+
+  * add set of env variables to skip/ignore some optional automations ([#2097](https://github.com/applitools/eyes.sdk.javascript1/issues/2097)) ([bd3b08c](https://github.com/applitools/eyes.sdk.javascript1/commit/bd3b08c3d2997eb98d545b308a1f15501192178e))
+
+
+  #### Bug Fixes
+
+  * fixed issue when page wasn't reloaded for one of the breakpoints if the initial viewport size matches it ([9038723](https://github.com/applitools/eyes.sdk.javascript1/commit/9038723ee68515f7d4fe20ed31ec501df9a381dc))
+
+
+
+* @applitools/spec-driver-webdriver bumped to 1.0.53
+
+* @applitools/spec-driver-selenium bumped to 1.5.67
+
+* @applitools/spec-driver-puppeteer bumped to 1.3.3
+
+* @applitools/driver bumped to 1.16.0
+  #### Features
+
+  * add set of env variables to skip/ignore some optional automations ([#2097](https://github.com/applitools/eyes.sdk.javascript1/issues/2097)) ([bd3b08c](https://github.com/applitools/eyes.sdk.javascript1/commit/bd3b08c3d2997eb98d545b308a1f15501192178e))
+* @applitools/screenshoter bumped to 3.8.19
+
+* @applitools/nml-client bumped to 1.6.1
+
+* @applitools/ec-client bumped to 1.7.19
+
+* @applitools/eyes bumped to 1.13.2
+
+
+## [1.0.1](https://github.com/applitools/eyes.sdk.javascript1/compare/js/eyes-browser@1.0.0...js/eyes-browser@1.0.1) (2023-12-12)
+
+
+### Dependencies
+
+* @applitools/core bumped to 4.4.0
+  #### Features
+
+  * sign windows binaries ([87fd29c](https://github.com/applitools/eyes.sdk.javascript1/commit/87fd29c8953fc512489c3bb00841ca91c5b2f030))
+  * support updated applitools lib protocol ([#2086](https://github.com/applitools/eyes.sdk.javascript1/issues/2086)) ([31b49fc](https://github.com/applitools/eyes.sdk.javascript1/commit/31b49fc411c452d0b3da341fd701309714484485))
+
+
+  #### Bug Fixes
+
+  * layout breakpoints reload and lazy load ([#2073](https://github.com/applitools/eyes.sdk.javascript1/issues/2073)) ([ab2c49e](https://github.com/applitools/eyes.sdk.javascript1/commit/ab2c49ea1ecff3fef337637a83aa5bef755a7b01))
+
+
+  #### Code Refactoring
+
+  * fix safe selector generation ([#2072](https://github.com/applitools/eyes.sdk.javascript1/issues/2072)) ([373f11b](https://github.com/applitools/eyes.sdk.javascript1/commit/373f11b0dfea6eab417eb7077e0cfec79877dc1b))
+
+
+
+* @applitools/spec-driver-webdriver bumped to 1.0.52
+
+* @applitools/spec-driver-selenium bumped to 1.5.66
+
+* @applitools/spec-driver-puppeteer bumped to 1.3.2
+
+* @applitools/driver bumped to 1.15.3
+  #### Bug Fixes
+
+  * layout breakpoints reload and lazy load ([#2073](https://github.com/applitools/eyes.sdk.javascript1/issues/2073)) ([ab2c49e](https://github.com/applitools/eyes.sdk.javascript1/commit/ab2c49ea1ecff3fef337637a83aa5bef755a7b01))
+* @applitools/screenshoter bumped to 3.8.18
+
+* @applitools/nml-client bumped to 1.6.0
+  #### Features
+
+  * support updated applitools lib protocol ([#2086](https://github.com/applitools/eyes.sdk.javascript1/issues/2086)) ([31b49fc](https://github.com/applitools/eyes.sdk.javascript1/commit/31b49fc411c452d0b3da341fd701309714484485))
+
+
+
+* @applitools/tunnel-client bumped to 1.4.0
+  #### Features
+
+  * sign windows binaries ([87fd29c](https://github.com/applitools/eyes.sdk.javascript1/commit/87fd29c8953fc512489c3bb00841ca91c5b2f030))
+* @applitools/ec-client bumped to 1.7.18
+
+* @applitools/eyes bumped to 1.13.1
+
+
 ## 1.0.0 (2023-12-05)
 
 

package/dist/index.js

@@ -30444,21 +30444,23 @@ var require_context = __commonJS({
       async getScrollingElement() {
         if (!(0, element_1.isElementInstance)(this._scrollingElement)) {
           await this.focus();
-          const environment = await this.driver.getEnvironment();
           if (this._scrollingElement) {
             this._scrollingElement = await this.element(this._scrollingElement);
-          } else if (environment.isWeb) {
-            let selector;
-            if (environment.isIOS && !environment.isEmulation) {
-              selector = "html";
-              this.logger.log(`Using hardcoded default scrolling element for Safari on iOS - "${selector}"`);
+          } else {
+            const environment = await this.driver.getEnvironment();
+            if (environment.isWeb) {
+              let selector;
+              if (environment.isIOS && !environment.isEmulation) {
+                selector = "html";
+                this.logger.log(`Using hardcoded default scrolling element for Safari on iOS - "${selector}"`);
+              } else {
+                selector = await this.execute(snippets.getDocumentScrollingElement);
+                this.logger.log(`Using dynamic default scrolling element - "${selector}"`);
+              }
+              this._scrollingElement = await this.element({ type: "css", selector });
             } else {
-              selector = await this.execute(snippets.getDocumentScrollingElement);
-              this.logger.log(`Using dynamic default scrolling element - "${selector}"`);
+              this._scrollingElement = await this.element({ type: "xpath", selector: '//*[@scrollable="true"]' });
             }
-            this._scrollingElement = await this.element({ type: "css", selector });
-          } else {
-            this._scrollingElement = await this.element({ type: "xpath", selector: '//*[@scrollable="true"]' });
           }
         }
         return this._scrollingElement;
@@ -31691,16 +31693,23 @@ var require_driver = __commonJS({
       }
       async reloadPage() {
         await this.mainContext.execute(snippets.reloadPage).catch(() => null);
-        return this.refresh({ reset: false });
+        const refreshThis = await this.refresh({ reset: false });
+        const scrollingElement = await this.mainContext.getScrollingElement();
+        await (scrollingElement === null || scrollingElement === void 0 ? void 0 : scrollingElement.refresh());
+        return refreshThis;
       }
       async refresh({ reset } = {}) {
         if (reset) {
-          this._driverInfo = void 0;
-          this._environment = void 0;
-          this._viewport = void 0;
-          this._features = void 0;
-          this._helper = void 0;
-          this._state = {};
+          if (utils34.general.getEnvValue("AVOID_DRIVER_STATE_REST", "boolean")) {
+            this._logger.log(`Skipping reset of the driver state`);
+          } else {
+            this._driverInfo = void 0;
+            this._environment = void 0;
+            this._viewport = void 0;
+            this._features = void 0;
+            this._helper = void 0;
+            this._state = {};
+          }
         }
         const spec = this._spec;
         let currentContext = this.currentContext.target;
@@ -32004,10 +32013,15 @@ var require_driver = __commonJS({
       async getHelper() {
         var _a, _b, _c;
         if (this._helper === void 0) {
-          const environment = await this.getEnvironment();
-          this._logger.log(`Extracting helper for ${environment.isIOS ? "ios" : "android"}`);
-          this._helper = environment.isIOS ? await helper_ios_1.HelperIOS.make({ spec: this._spec, driver: this }) : await helper_android_1.HelperAndroid.make({ spec: this._spec, driver: this });
-          this._logger.log(`Extracted helper of type ${(_a = this._helper) === null || _a === void 0 ? void 0 : _a.name}`);
+          if (utils34.general.getEnvValue("IGNORE_HELPER_LIB", "boolean")) {
+            this._logger.log(`Skipping helper lib extraction`);
+            this._helper = null;
+          } else {
+            const environment = await this.getEnvironment();
+            this._logger.log(`Extracting helper for ${environment.isIOS ? "ios" : "android"}`);
+            this._helper = environment.isIOS ? await helper_ios_1.HelperIOS.make({ spec: this._spec, driver: this }) : await helper_android_1.HelperAndroid.make({ spec: this._spec, driver: this });
+            this._logger.log(`Extracted helper of type ${(_a = this._helper) === null || _a === void 0 ? void 0 : _a.name}`);
+          }
         }
         this._logger.log(`Returning helper for of type ${(_c = (_b = this._helper) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : null}`);
         return this._helper;
@@ -32304,25 +32318,29 @@ var require_driver = __commonJS({
         if (environment.isWeb)
           return (_a = this._viewport) === null || _a === void 0 ? void 0 : _a.orientation;
         if (environment.isAndroid) {
-          this._logger.log("Extracting device orientation using adb command on android");
-          const rotation = await this.execute("mobile:shell", {
-            command: "dumpsys window | grep 'mCurrentRotation' | cut -d = -f2"
-          }).then((rotation2) => {
-            var _a2;
-            return (_a2 = rotation2 === null || rotation2 === void 0 ? void 0 : rotation2.trim) === null || _a2 === void 0 ? void 0 : _a2.call(rotation2);
-          }).catch(() => null);
-          if (rotation) {
-            let orientation2 = void 0;
-            if (rotation === "ROTATION_0" || rotation === "0")
-              orientation2 = "portrait";
-            else if (rotation === "ROTATION_90" || rotation === "3")
-              orientation2 = "landscape-secondary";
-            else if (rotation === "ROTATION_180" || rotation === "2")
-              orientation2 = "portrait-secondary";
-            else if (rotation === "ROTATION_270" || rotation === "1")
-              orientation2 = "landscape";
-            this._logger.log("Extracted device orientation:", orientation2);
-            return orientation2;
+          if (utils34.general.getEnvValue("AVOID_ADB_USAGE", "boolean")) {
+            this._logger.log(`Skipping device orientation extraction using adb command on android`);
+          } else {
+            this._logger.log("Extracting device orientation using adb command on android");
+            const rotation = await this.execute("mobile:shell", {
+              command: "dumpsys window | grep 'mCurrentRotation' | cut -d = -f2"
+            }).then((rotation2) => {
+              var _a2;
+              return (_a2 = rotation2 === null || rotation2 === void 0 ? void 0 : rotation2.trim) === null || _a2 === void 0 ? void 0 : _a2.call(rotation2);
+            }).catch(() => null);
+            if (rotation) {
+              let orientation2 = void 0;
+              if (rotation === "ROTATION_0" || rotation === "0")
+                orientation2 = "portrait";
+              else if (rotation === "ROTATION_90" || rotation === "3")
+                orientation2 = "landscape-secondary";
+              else if (rotation === "ROTATION_180" || rotation === "2")
+                orientation2 = "portrait-secondary";
+              else if (rotation === "ROTATION_270" || rotation === "1")
+                orientation2 = "landscape";
+              this._logger.log("Extracted device orientation:", orientation2);
+              return orientation2;
+            }
           }
         }
         this._logger.log("Extracting device orientation");
@@ -32791,9 +32809,20 @@ var require_requests2 = __commonJS({
           });
           const result = await response.json();
           brokerUrl = result.nextPath;
-          const screenshots = localEnvironment ? [{ image: result.payload.result.screenshotUrl, environment: localEnvironment }] : renderEnvironments.map((environment, index) => {
-            return { image: result.payload[index].result.screenshotUrl, environment };
-          });
+          let screenshots;
+          if (Number(result.protocolVersion) >= 2) {
+            logger.log(`Request "takeScreenshots" was performed on applitools lib v${result.nmlVersion} through protocol v${result.protocolVersion} on device`, result.payload.debugInfo);
+            screenshots = localEnvironment ? [{ image: result.payload.result[0].result.screenshotUrl, environment: localEnvironment }] : renderEnvironments.map((environment, index) => {
+              if (result.payload.result[index].error) {
+                throw new Error(`There was a problem in taking screenshot for environment ${JSON.stringify(environment)}. The provided error message was "${result.payload.result[index].error.message}" and had a stack trace of "${result.payload.result[index].error.stack}"`);
+              }
+              return { image: result.payload.result[index].result.screenshotUrl, environment };
+            });
+          } else {
+            screenshots = localEnvironment ? [{ image: result.payload.result.screenshotUrl, environment: localEnvironment }] : renderEnvironments.map((environment, index) => {
+              return { image: result.payload[index].result.screenshotUrl, environment };
+            });
+          }
           logger.log('Request "takeScreenshots" finished successfully with body', screenshots);
           return screenshots;
         } catch (error) {
@@ -35555,21 +35584,22 @@ var require_to_base_check_settings = __commonJS({
     var utils34 = __importStar(require_browser3());
     function toBaseCheckSettings({ settings }) {
       const regionTypes = ["ignore", "layout", "strict", "content", "floating", "accessibility"];
-      const elementReferencesToCalculate = regionTypes.flatMap((regionType) => {
+      const calculate = regionTypes.flatMap((regionType) => {
         var _a;
         return ((_a = settings[`${regionType}Regions`]) !== null && _a !== void 0 ? _a : []).reduce((regions, reference) => {
           const { region } = utils34.types.has(reference, "region") ? reference : { region: reference };
           return !isRegion(region) ? regions.concat(region) : regions;
         }, []);
       });
-      const elementReferenceToTarget = !isRegion(settings.region) ? settings.region : void 0;
-      return { elementReferencesToCalculate, elementReferenceToTarget, getBaseCheckSettings };
+      const target = !isRegion(settings.region) ? settings.region : void 0;
+      const scrolling = settings.scrollRootElement;
+      return { elementReferences: { target, scrolling, calculate }, getBaseCheckSettings };
       function getBaseCheckSettings({ calculatedRegions, preserveTransformation }) {
         const transformedSettings = { ...settings };
         if (!preserveTransformation) {
           delete transformedSettings.region;
           delete transformedSettings.normalization;
-        } else if (elementReferenceToTarget) {
+        } else if (target) {
           delete transformedSettings.region;
         }
         regionTypes.forEach((regionType) => {
@@ -35608,10 +35638,10 @@ var require_wait_for_lazy_load = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.waitForLazyLoad = void 0;
     var { lazyLoad } = require_dist3();
-    async function waitForLazyLoad({ context, settings, logger }) {
-      var _a, _b;
-      logger.log("lazy loading the page before capturing a screenshot");
-      const { scrollLength = 300, waitingTime = 2e3, maxAmountToScroll = 15e3 } = typeof settings === "boolean" ? {} : settings;
+    async function waitForLazyLoad({ context, settings = {}, logger }) {
+      var _a;
+      logger.log("Running scrolling sequence to lazy load a view content");
+      const { scrollLength = 300, waitingTime = 2e3, maxAmountToScroll = 15e3 } = settings;
       await context.executePoll(lazyLoad, {
         main: [
           await context.getScrollingElement(),
@@ -35622,8 +35652,8 @@ var require_wait_for_lazy_load = __commonJS({
           }
         ],
         poll: [],
-        executionTimeout: 5 * 60 * 1e3,
-        pollTimeout: (_b = (_a = settings.pollTimeout) !== null && _a !== void 0 ? _a : settings.waitingTime) !== null && _b !== void 0 ? _b : 2e3
+        executionTimeout: 3e5,
+        pollTimeout: (_a = settings.pollTimeout) !== null && _a !== void 0 ? _a : waitingTime
       });
     }
     exports.waitForLazyLoad = waitForLazyLoad;
@@ -35812,14 +35842,14 @@ var require_check2 = __commonJS({
               logger
             });
           }
-          const { elementReferencesToCalculate, getBaseCheckSettings } = (0, to_base_check_settings_1.toBaseCheckSettings)({ settings });
+          const { elementReferences, getBaseCheckSettings } = (0, to_base_check_settings_1.toBaseCheckSettings)({ settings });
           if (driverEnvironment.isWeb || !((_c = driverEnvironment.applitoolsLib) === null || _c === void 0 ? void 0 : _c.instrumented) || settings.screenshotMode === "default") {
             const screenshots = await (0, take_screenshots_1.takeScreenshots)({
               driver,
               settings: {
                 ...settings,
                 environments: uniqueEnvironments,
-                regionsToCalculate: elementReferencesToCalculate,
+                regionsToCalculate: elementReferences.calculate,
                 calculateView: !!settings.pageId,
                 domSettings: settings.sendDom ? { proxy: eyes.test.eyesServer.proxy } : void 0
               },
@@ -36007,14 +36037,14 @@ var require_check_and_close2 = __commonJS({
               logger
             });
           }
-          const { elementReferencesToCalculate, getBaseCheckSettings } = (0, to_base_check_settings_1.toBaseCheckSettings)({ settings });
+          const { elementReferences, getBaseCheckSettings } = (0, to_base_check_settings_1.toBaseCheckSettings)({ settings });
           if (driverEnvironment.isWeb || !((_c = driverEnvironment.applitoolsLib) === null || _c === void 0 ? void 0 : _c.instrumented) || settings.screenshotMode === "default") {
             const screenshots = await (0, take_screenshots_1.takeScreenshots)({
               driver,
               settings: {
                 ...settings,
                 environments: uniqueEnvironments,
-                regionsToCalculate: elementReferencesToCalculate,
+                regionsToCalculate: elementReferences.calculate,
                 calculateView: !!settings.pageId,
                 domSettings: settings.sendDom ? { proxy: eyes.test.eyesServer.proxy } : void 0
               },
@@ -82351,46 +82381,6 @@ var require_generate_safe_selectors = __commonJS({
   }
 });
 
-// ../core/dist/ufg/utils/calculate-regions.js
-var require_calculate_regions = __commonJS({
-  "../core/dist/ufg/utils/calculate-regions.js"(exports) {
-    "use strict";
-    init_process();
-    init_setImmediate();
-    init_buffer();
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.calculateRegions = void 0;
-    var generate_safe_selectors_1 = require_generate_safe_selectors();
-    async function calculateRegions({ driver, elementReferencesToCalculate, elementReferenceToTarget, scrollRootElement }) {
-      var _a, _b;
-      const elementReferences = [
-        ...elementReferenceToTarget ? [elementReferenceToTarget] : [],
-        ...scrollRootElement ? [scrollRootElement] : [],
-        ...elementReferencesToCalculate
-      ];
-      const { cleanupGeneratedSelectors, selectors } = await (0, generate_safe_selectors_1.generateSafeSelectors)({
-        context: driver.currentContext,
-        elementReferences
-      });
-      let selectorsToCalculate = selectors;
-      let regionToTarget;
-      let scrollRootSelector;
-      if (elementReferenceToTarget) {
-        if (!((_a = selectorsToCalculate[0]) === null || _a === void 0 ? void 0 : _a.safeSelector))
-          throw new Error("Target element not found");
-        regionToTarget = selectorsToCalculate[0].safeSelector;
-        selectorsToCalculate = selectorsToCalculate.slice(1);
-      }
-      if (scrollRootElement) {
-        scrollRootSelector = (_b = selectorsToCalculate[0].safeSelector) !== null && _b !== void 0 ? _b : void 0;
-        selectorsToCalculate = selectorsToCalculate.slice(1);
-      }
-      return { cleanupGeneratedSelectors, selectorsToCalculate, regionToTarget, scrollRootSelector };
-    }
-    exports.calculateRegions = calculateRegions;
-  }
-});
-
 // ../core/dist/ufg/utils/take-dom-snapshots.js
 var require_take_dom_snapshots = __commonJS({
   "../core/dist/ufg/utils/take-dom-snapshots.js"(exports) {
@@ -82441,47 +82431,36 @@ var require_take_dom_snapshots = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.takeDomSnapshots = void 0;
     var take_dom_snapshot_1 = require_take_dom_snapshot();
-    var calculate_regions_1 = require_calculate_regions();
+    var generate_safe_selectors_1 = require_generate_safe_selectors();
     var wait_for_lazy_load_1 = require_wait_for_lazy_load();
     var chalk_1 = __importDefault(require_source());
     var utils34 = __importStar(require_browser3());
     var lang = __importStar(require_lang());
     __exportStar(require_take_dom_snapshot(), exports);
     async function takeDomSnapshots({ driver, settings, hooks, provides, logger }) {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c;
       const features = await driver.getFeatures();
       settings.cookies = features.allCookies ? await driver.getCookies().catch(() => []) : [];
+      settings.lazyLoad = settings.lazyLoad !== true ? settings.lazyLoad : {};
       const currentContext = driver.currentContext;
-      let calculateRegionsResults = {};
-      const waitBeforeCapture = async () => {
-        if (utils34.types.isFunction(settings.waitBeforeCapture)) {
-          await settings.waitBeforeCapture();
-        } else if (settings.waitBeforeCapture) {
-          await utils34.general.sleep(settings.waitBeforeCapture);
-        }
-      };
-      if (settings.lazyLoad) {
-        await (0, wait_for_lazy_load_1.waitForLazyLoad)({
-          context: driver.currentContext,
-          settings: settings.lazyLoad !== true ? settings.lazyLoad : {},
-          logger
-        });
-      }
       if (!((_a = settings.layoutBreakpoints) === null || _a === void 0 ? void 0 : _a.breakpoints)) {
+        if (settings.lazyLoad) {
+          await (0, wait_for_lazy_load_1.waitForLazyLoad)({ context: currentContext, settings: settings.lazyLoad, logger });
+        }
         logger.log(`taking single dom snapshot`);
-        await ((_b = hooks === null || hooks === void 0 ? void 0 : hooks.beforeEachSnapshot) === null || _b === void 0 ? void 0 : _b.call(hooks));
-        await waitBeforeCapture();
-        if (settings.calculateRegionsOptions) {
-          calculateRegionsResults = await (0, calculate_regions_1.calculateRegions)({
-            ...settings.calculateRegionsOptions,
-            driver
+        await beforeEachSnapshot();
+        let safeSelectorResult2;
+        if (settings.elementReferences) {
+          safeSelectorResult2 = await (0, generate_safe_selectors_1.generateSafeSelectors)({
+            context: currentContext,
+            elementReferences: settings.elementReferences
           });
         }
         const snapshot = await (0, take_dom_snapshot_1.takeDomSnapshot)({ context: currentContext, settings, logger });
-        await ((_c = calculateRegionsResults === null || calculateRegionsResults === void 0 ? void 0 : calculateRegionsResults.cleanupGeneratedSelectors) === null || _c === void 0 ? void 0 : _c.call(calculateRegionsResults));
-        return Array(settings.environments.length).fill({ snapshot, ...calculateRegionsResults });
+        await ((_b = safeSelectorResult2 === null || safeSelectorResult2 === void 0 ? void 0 : safeSelectorResult2.cleanupGeneratedSelectors) === null || _b === void 0 ? void 0 : _b.call(safeSelectorResult2));
+        return Array(settings.environments.length).fill({ ...snapshot, generatedSelectors: safeSelectorResult2 === null || safeSelectorResult2 === void 0 ? void 0 : safeSelectorResult2.selectors });
       }
-      const isStrictBreakpoints = utils34.types.isArray((_d = settings.layoutBreakpoints) === null || _d === void 0 ? void 0 : _d.breakpoints);
+      const isStrictBreakpoints = utils34.types.isArray((_c = settings.layoutBreakpoints) === null || _c === void 0 ? void 0 : _c.breakpoints);
       const requiredWidths = await settings.environments.reduce(async (prev, environment, index) => {
         const { name, width } = await extractEnvironmentInfo(environment);
         const requiredWidths2 = await prev;
@@ -82500,76 +82479,78 @@ var require_take_dom_snapshots = __commonJS({
         });
         logger.console.log(chalk_1.default.yellow(message));
       }
-      logger.log(`taking multiple dom snapshots for breakpoints:`, settings.layoutBreakpoints.breakpoints);
-      logger.log(`required widths: ${[...requiredWidths.keys()].join(", ")}`);
-      const viewportSize = await driver.getViewportSize();
-      const snapshotsResults = Array(settings.environments.length);
-      if (requiredWidths.has(viewportSize.width)) {
-        logger.log(`taking dom snapshot for existing width ${viewportSize.width}`);
-        await ((_e = hooks === null || hooks === void 0 ? void 0 : hooks.beforeEachSnapshot) === null || _e === void 0 ? void 0 : _e.call(hooks));
-        await waitBeforeCapture();
-        if (settings.calculateRegionsOptions) {
-          calculateRegionsResults = await (0, calculate_regions_1.calculateRegions)({
-            ...settings.calculateRegionsOptions,
-            driver
-          });
-        }
-        const snapshot = await (0, take_dom_snapshot_1.takeDomSnapshot)({ context: currentContext, settings, logger });
-        requiredWidths.get(viewportSize.width).forEach(({ index }) => {
-          snapshotsResults[index] = { snapshot, ...calculateRegionsResults };
-        });
-      }
-      for (const [requiredWidth, browsersInfo] of requiredWidths.entries()) {
-        logger.log(`taking dom snapshot for width ${requiredWidth}`);
-        try {
-          await driver.setViewportSize({ width: requiredWidth, height: viewportSize.height });
-        } catch (error) {
-          logger.error(`Failed to set viewport size to ${requiredWidth} du to error: `, error);
-          const actualViewportSize = await driver.getViewportSize();
-          if (isStrictBreakpoints) {
-            const message = lang.breakpointOutOfDriverBoundsWarning({
-              requiredWidth,
-              actualWidth: actualViewportSize.width,
-              browsers: browsersInfo
-            });
-            logger.console.log(chalk_1.default.yellow(message));
-            logger.log(message);
-          } else {
-            const message = lang.requestedEnvironmentOutOfDriverBoundsWarning({
-              requiredWidth,
-              actualWidth: actualViewportSize.width,
-              browsers: browsersInfo
-            });
-            logger.console.log(chalk_1.default.yellow(message));
-            logger.log(message);
+      logger.log(`Taking multiple dom snapshots for the breakpoints`, settings.layoutBreakpoints);
+      const initialViewportSize = await driver.getViewportSize();
+      const entries = [];
+      const initialsBrowsers = requiredWidths.get(initialViewportSize.width);
+      if (initialsBrowsers) {
+        logger.log(`The first dom snapshot is going to be taking for initial viewport size`, initialViewportSize);
+        requiredWidths.delete(initialViewportSize.width);
+        entries.push({ browsers: initialsBrowsers });
+      }
+      requiredWidths.forEach((browsers, requiredWidth) => entries.push({ viewportSize: { width: requiredWidth, height: initialViewportSize.height }, browsers }));
+      logger.log(`All entries to take dom snapshots for`, entries);
+      let safeSelectorResult;
+      const snapshots = Array(settings.environments.length);
+      for (const [index, { viewportSize, browsers }] of entries.entries()) {
+        logger.log(`Taking dom snapshot for viewport size ${viewportSize}`);
+        if (viewportSize) {
+          try {
+            await driver.setViewportSize(viewportSize);
+          } catch (error) {
+            logger.error(`Failed to set viewport size to ${viewportSize} due to the error`, error);
+            const actualViewportSize = await driver.getViewportSize();
+            if (isStrictBreakpoints) {
+              const message = lang.breakpointOutOfDriverBoundsWarning({
+                requiredWidth: viewportSize.width,
+                actualWidth: actualViewportSize.width,
+                browsers
+              });
+              logger.console.log(chalk_1.default.yellow(message));
+              logger.log(message);
+            } else {
+              const message = lang.requestedEnvironmentOutOfDriverBoundsWarning({
+                requiredWidth: viewportSize.width,
+                actualWidth: actualViewportSize.width,
+                browsers
+              });
+              logger.console.log(chalk_1.default.yellow(message));
+              logger.log(message);
+            }
           }
         }
-        if (settings.layoutBreakpoints.reload) {
+        if (settings.layoutBreakpoints.reload)
           await driver.reloadPage();
-        }
-        await ((_f = hooks === null || hooks === void 0 ? void 0 : hooks.beforeEachSnapshot) === null || _f === void 0 ? void 0 : _f.call(hooks));
-        await waitBeforeCapture();
-        if (settings.layoutBreakpoints.reload) {
-          if (settings.calculateRegionsOptions) {
-            calculateRegionsResults = await (0, calculate_regions_1.calculateRegions)({
-              ...settings.calculateRegionsOptions,
-              driver
-            });
-          }
+        if (settings.lazyLoad && (index === 0 || settings.layoutBreakpoints.reload)) {
+          await (0, wait_for_lazy_load_1.waitForLazyLoad)({ context: currentContext, settings: settings.lazyLoad, logger });
+        }
+        await beforeEachSnapshot();
+        if (settings.elementReferences && (index === 0 || settings.layoutBreakpoints.reload)) {
+          safeSelectorResult = await (0, generate_safe_selectors_1.generateSafeSelectors)({
+            context: currentContext,
+            elementReferences: settings.elementReferences
+          });
         }
         const snapshot = await (0, take_dom_snapshot_1.takeDomSnapshot)({ context: currentContext, settings, logger });
-        browsersInfo.forEach(({ index }) => {
-          snapshotsResults[index] = { snapshot, ...calculateRegionsResults };
-        });
+        browsers.forEach(({ index: index2 }) => snapshots[index2] = { ...snapshot, generatedSelectors: safeSelectorResult === null || safeSelectorResult === void 0 ? void 0 : safeSelectorResult.selectors });
       }
-      await driver.setViewportSize(viewportSize);
+      await driver.setViewportSize(initialViewportSize);
       if (settings.layoutBreakpoints.reload) {
         await driver.reloadPage();
-        await waitBeforeCapture();
+        await beforeEachSnapshot();
       } else {
-        (_g = calculateRegionsResults === null || calculateRegionsResults === void 0 ? void 0 : calculateRegionsResults.cleanupGeneratedSelectors) === null || _g === void 0 ? void 0 : _g.call(calculateRegionsResults);
+        await (safeSelectorResult === null || safeSelectorResult === void 0 ? void 0 : safeSelectorResult.cleanupGeneratedSelectors());
+      }
+      return snapshots;
+      async function beforeEachSnapshot() {
+        var _a2, _b2;
+        await ((_a2 = hooks === null || hooks === void 0 ? void 0 : hooks.beforeEachSnapshot) === null || _a2 === void 0 ? void 0 : _a2.call(hooks));
+        if (utils34.types.isNumber(settings.waitBeforeCapture)) {
+          await utils34.general.sleep(settings.waitBeforeCapture);
+        } else {
+          await ((_b2 = settings.waitBeforeCapture) === null || _b2 === void 0 ? void 0 : _b2.call(settings));
+        }
       }
-      return snapshotsResults;
       function calculateBreakpoint({ breakpoints, value }) {
         const nextBreakpointIndex = breakpoints.sort((item1, item2) => item1 > item2 ? 1 : -1).findIndex((breakpoint) => breakpoint > value);
         if (nextBreakpointIndex === -1)
@@ -82598,6 +82579,55 @@ var require_take_dom_snapshots = __commonJS({
   }
 });
 
+// ../core/dist/ufg/utils/to-generated-selectors.js
+var require_to_generated_selectors = __commonJS({
+  "../core/dist/ufg/utils/to-generated-selectors.js"(exports) {
+    "use strict";
+    init_process();
+    init_setImmediate();
+    init_buffer();
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.toGeneratedSelectors = void 0;
+    function toGeneratedSelectors({ elementReferences, transformElementReference }) {
+      var _a, _b, _c;
+      const elementReferencesToMark = [
+        (_a = elementReferences.target) !== null && _a !== void 0 ? _a : [],
+        (_b = elementReferences.scrolling) !== null && _b !== void 0 ? _b : [],
+        (_c = elementReferences.calculate) !== null && _c !== void 0 ? _c : []
+      ].flat();
+      return { elementReferencesToMark, getGeneratedSelectors };
+      function getGeneratedSelectors(generatedSelectors) {
+        var _a2, _b2, _c2;
+        let target = void 0;
+        let scrolling = void 0;
+        let calculate = [];
+        if (generatedSelectors) {
+          let offset = 0;
+          if (elementReferences.target) {
+            target = (_a2 = generatedSelectors[offset++].safeSelector) !== null && _a2 !== void 0 ? _a2 : void 0;
+            if (!target)
+              throw new Error("Target element not found");
+          }
+          if (elementReferences.scrolling) {
+            scrolling = (_b2 = generatedSelectors[offset++].safeSelector) !== null && _b2 !== void 0 ? _b2 : void 0;
+          }
+          calculate = generatedSelectors.slice(offset);
+        } else {
+          target = elementReferences.target && transformElementReference(elementReferences.target);
+          scrolling = elementReferences.scrolling && transformElementReference(elementReferences.scrolling);
+          calculate = ((_c2 = elementReferences.calculate) !== null && _c2 !== void 0 ? _c2 : []).map((elementReference) => {
+            var _a3;
+            const selector = (_a3 = transformElementReference(elementReference)) !== null && _a3 !== void 0 ? _a3 : null;
+            return { originalSelector: selector, safeSelector: selector };
+          });
+        }
+        return { target, scrolling, calculate };
+      }
+    }
+    exports.toGeneratedSelectors = toGeneratedSelectors;
+  }
+});
+
 // ../core/dist/ufg/check.js
 var require_check3 = __commonJS({
   "../core/dist/ufg/check.js"(exports) {
@@ -82645,6 +82675,7 @@ var require_check3 = __commonJS({
     var driver_1 = require_dist4();
     var take_dom_snapshots_1 = require_take_dom_snapshots();
     var to_base_check_settings_1 = require_to_base_check_settings();
+    var to_generated_selectors_1 = require_to_generated_selectors();
     var uniquify_environments_1 = require_uniquify_environments();
     var to_environment_key_1 = require_to_environment_key();
     var abort_error_1 = require_abort_error();
@@ -82653,15 +82684,20 @@ var require_check3 = __commonJS({
     var chalk_1 = __importDefault(require_source());
     function makeCheck({ eyes, target: defaultTarget, environments: defaultEnvironments = [], spec, signal, logger: mainLogger }) {
       return async function check({ target = defaultTarget, settings = {}, logger = mainLogger } = {}) {
-        var _a, _b, _c;
+        var _a, _b;
         logger = logger.extend(mainLogger);
         logger.log('Command "check" is called with settings', settings);
         if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
           logger.warn('Command "check" was called after test was already aborted');
           throw new abort_error_1.AbortError('Command "check" was called after test was already aborted');
         }
-        const { elementReferencesToCalculate, elementReferenceToTarget, getBaseCheckSettings } = (0, to_base_check_settings_1.toBaseCheckSettings)({
-          settings
+        const { elementReferences, getBaseCheckSettings } = (0, to_base_check_settings_1.toBaseCheckSettings)({ settings });
+        const { elementReferencesToMark, getGeneratedSelectors } = (0, to_generated_selectors_1.toGeneratedSelectors)({
+          elementReferences,
+          transformElementReference: (elementReference) => {
+            var _a2;
+            return (0, driver_1.isSelector)(elementReference) && ((_a2 = spec === null || spec === void 0 ? void 0 : spec.toSimpleCommonSelector) === null || _a2 === void 0 ? void 0 : _a2.call(spec, elementReference)) || void 0;
+          }
         });
         const uniqueEnvironments = (0, uniquify_environments_1.uniquifyEnvironments)((_a = settings.environments) !== null && _a !== void 0 ? _a : defaultEnvironments);
         const ufgClient = await eyes.core.getUFGClient({
@@ -82672,7 +82708,7 @@ var require_check3 = __commonJS({
           },
           logger
         });
-        let snapshotResults;
+        let snapshots;
         let snapshotUrl;
         let snapshotTitle;
         let userAgent;
@@ -82683,7 +82719,7 @@ var require_check3 = __commonJS({
           await currentContext.setScrollingElement((_b = settings.scrollRootElement) !== null && _b !== void 0 ? _b : null);
           if (environment.isWeb) {
             userAgent = await driver.getUserAgentLegacy();
-            snapshotResults = await (0, take_dom_snapshots_1.takeDomSnapshots)({
+            snapshots = await (0, take_dom_snapshots_1.takeDomSnapshots)({
               driver,
               settings: {
                 ...eyes.test.eyesServer,
@@ -82693,11 +82729,7 @@ var require_check3 = __commonJS({
                 environments: uniqueEnvironments,
                 skipResources: ufgClient.getCachedResourceUrls(),
                 lazyLoad: settings.lazyLoad,
-                calculateRegionsOptions: {
-                  elementReferencesToCalculate,
-                  elementReferenceToTarget,
-                  scrollRootElement: settings.scrollRootElement
-                }
+                elementReferences: elementReferencesToMark
               },
               provides: {
                 getChromeEmulationDevices: ufgClient.getChromeEmulationDevices,
@@ -82711,7 +82743,7 @@ var require_check3 = __commonJS({
               settings: { ...eyes.test.eyesServer, supportedEnvironmentsUrl: eyes.test.supportedEnvironmentsUrl },
               logger
             });
-            const snapshots = await nmlClient.takeSnapshots({
+            snapshots = await nmlClient.takeSnapshots({
               settings: {
                 ...eyes.test.eyesServer,
                 waitBeforeCapture: settings.waitBeforeCapture,
@@ -82719,24 +82751,17 @@ var require_check3 = __commonJS({
               },
               logger
             });
-            snapshotResults = snapshots.map((snapshot) => {
-              var _a2, _b2, _c2, _d;
-              return {
-                snapshot,
-                regionToTarget: (0, driver_1.isSelector)(elementReferenceToTarget) ? (_b2 = (_a2 = spec === null || spec === void 0 ? void 0 : spec.toSimpleCommonSelector) === null || _a2 === void 0 ? void 0 : _a2.call(spec, settings.scrollRootElement)) !== null && _b2 !== void 0 ? _b2 : void 0 : void 0,
-                scrollRootSelector: (0, driver_1.isSelector)(settings.scrollRootElement) ? (_d = (_c2 = spec === null || spec === void 0 ? void 0 : spec.toSimpleCommonSelector) === null || _c2 === void 0 ? void 0 : _c2.call(spec, settings.scrollRootElement)) !== null && _d !== void 0 ? _d : void 0 : void 0
-              };
-            });
           }
           await currentContext.focus();
           snapshotUrl = await driver.getUrl();
           snapshotTitle = await driver.getTitle();
         } else {
-          snapshotResults = !utils34.types.isArray(target) ? Array(uniqueEnvironments.length).fill(target) : target;
-          snapshotUrl = utils34.types.has((_c = snapshotResults[0]) === null || _c === void 0 ? void 0 : _c.snapshot, "url") ? snapshotResults[0].snapshot.url : void 0;
+          snapshots = !utils34.types.isArray(target) ? Array(uniqueEnvironments.length).fill(target) : target;
+          snapshotUrl = utils34.types.has(snapshots[0], "url") ? snapshots[0].url : void 0;
         }
+        const generatedSelectors = snapshots.map((snapshot) => getGeneratedSelectors(utils34.types.has(snapshot, "generatedSelectors") ? snapshot.generatedSelectors : void 0));
         const promises = uniqueEnvironments.map(async (environment, index) => {
-          var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+          var _a2, _b2, _c, _d, _e, _f, _g, _h;
           const environmentLogger = logger.extend({ tags: [`environment-${utils34.general.shortid()}`] });
           const ufgEnvironment = environment;
           if (utils34.types.has(ufgEnvironment, "name") && ufgEnvironment.name === "edge") {
@@ -82747,13 +82772,8 @@ var require_check3 = __commonJS({
               environmentLogger.warn('Command "check" was aborted before rendering');
               throw new abort_error_1.AbortError('Command "check" was aborted before rendering');
             }
-            const { snapshot: snapshotFromResult, selectorsToCalculate: selectorsToCalculateFromSnapshot, regionToTarget, scrollRootSelector } = snapshotResults[index];
-            const { cookies, ...snapshot } = snapshotFromResult;
-            const region = (_a2 = regionToTarget !== null && regionToTarget !== void 0 ? regionToTarget : elementReferenceToTarget) !== null && _a2 !== void 0 ? _a2 : settings.region;
-            const selectorsToCalculate = selectorsToCalculateFromSnapshot !== null && selectorsToCalculateFromSnapshot !== void 0 ? selectorsToCalculateFromSnapshot : elementReferencesToCalculate.map((selector) => ({
-              originalSelector: selector,
-              safeSelector: selector
-            }));
+            const { cookies, ...snapshot } = snapshots[index];
+            const selectors = generatedSelectors[index];
             if (utils34.types.has(ufgEnvironment, "iosDeviceInfo") || utils34.types.has(ufgEnvironment, "androidDeviceInfo")) {
               ufgEnvironment.type = utils34.types.has(snapshot, "cdt") ? "web" : "native";
             }
@@ -82778,24 +82798,24 @@ var require_check3 = __commonJS({
                 environmentLogger.warn('Command "check" was aborted before rendering');
                 throw new abort_error_1.AbortError('Command "check" was aborted before rendering');
               } else if (!baseEyes.running) {
-                environmentLogger.warn(`Render on environment with id "${(_b2 = baseEyes.test.environment) === null || _b2 === void 0 ? void 0 : _b2.environmentId}" was aborted during one of the previous steps`);
-                throw new abort_error_1.AbortError(`Render on environment with id "${(_c2 = baseEyes.test.environment) === null || _c2 === void 0 ? void 0 : _c2.environmentId}" was aborted during one of the previous steps`);
+                environmentLogger.warn(`Render on environment with id "${(_a2 = baseEyes.test.environment) === null || _a2 === void 0 ? void 0 : _a2.environmentId}" was aborted during one of the previous steps`);
+                throw new abort_error_1.AbortError(`Render on environment with id "${(_b2 = baseEyes.test.environment) === null || _b2 === void 0 ? void 0 : _b2.environmentId}" was aborted during one of the previous steps`);
               }
               const renderTarget = await renderTargetPromise;
               if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
                 environmentLogger.warn('Command "check" was aborted before rendering');
                 throw new abort_error_1.AbortError('Command "check" was aborted before rendering');
               } else if (!baseEyes.running) {
-                environmentLogger.warn(`Render on environment with id "${(_d = baseEyes.test.environment) === null || _d === void 0 ? void 0 : _d.environmentId}" was aborted during one of the previous steps`);
-                throw new abort_error_1.AbortError(`Render on environment with id "${(_e = baseEyes.test.environment) === null || _e === void 0 ? void 0 : _e.environmentId}" was aborted during one of the previous steps`);
+                environmentLogger.warn(`Render on environment with id "${(_c = baseEyes.test.environment) === null || _c === void 0 ? void 0 : _c.environmentId}" was aborted during one of the previous steps`);
+                throw new abort_error_1.AbortError(`Render on environment with id "${(_d = baseEyes.test.environment) === null || _d === void 0 ? void 0 : _d.environmentId}" was aborted during one of the previous steps`);
               }
               const { renderId, selectorRegions, ...baseTarget } = await ufgClient.render({
                 target: renderTarget,
                 settings: {
                   ...settings,
-                  region,
-                  scrollRootElement: scrollRootSelector,
-                  selectorsToCalculate: selectorsToCalculate.flatMap(({ safeSelector }) => safeSelector !== null && safeSelector !== void 0 ? safeSelector : []),
+                  region: (_e = selectors.target) !== null && _e !== void 0 ? _e : settings.region,
+                  scrollRootElement: selectors.scrolling,
+                  selectorsToCalculate: selectors.calculate.flatMap(({ safeSelector }) => safeSelector !== null && safeSelector !== void 0 ? safeSelector : []),
                   includeFullPageSize: Boolean(settings.pageId),
                   environment: ufgEnvironment,
                   environmentId: baseEyes.test.environment.environmentId,
@@ -82807,7 +82827,7 @@ var require_check3 = __commonJS({
               });
               let offset = 0;
               const baseSettings = getBaseCheckSettings({
-                calculatedRegions: selectorsToCalculate.map(({ originalSelector, safeSelector }) => ({
+                calculatedRegions: selectors.calculate.map(({ originalSelector, safeSelector }) => ({
                   selector: originalSelector !== null && originalSelector !== void 0 ? originalSelector : void 0,
                   regions: safeSelector ? selectorRegions[offset++] : []
                 }))
@@ -82900,6 +82920,7 @@ var require_check_and_close3 = __commonJS({
     var driver_1 = require_dist4();
     var take_dom_snapshots_1 = require_take_dom_snapshots();
     var to_base_check_settings_1 = require_to_base_check_settings();
+    var to_generated_selectors_1 = require_to_generated_selectors();
     var uniquify_environments_1 = require_uniquify_environments();
     var to_environment_key_1 = require_to_environment_key();
     var abort_error_1 = require_abort_error();
@@ -82908,15 +82929,20 @@ var require_check_and_close3 = __commonJS({
     var chalk_1 = __importDefault(require_source());
     function makeCheckAndClose({ eyes, target: defaultTarget, environments: defaultEnvironments = [], spec, signal, logger: mainLogger }) {
       return async function checkAndClose({ target = defaultTarget, settings = {}, logger = mainLogger } = {}) {
-        var _a, _b, _c;
+        var _a, _b;
         logger = logger.extend(mainLogger);
         logger.log('Command "checkAndClose" is called with settings', settings);
         if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
           logger.warn('Command "checkAndClose" was called after test was already aborted');
           throw new abort_error_1.AbortError('Command "checkAndClose" was called after test was already aborted');
         }
-        const { elementReferencesToCalculate, elementReferenceToTarget, getBaseCheckSettings } = (0, to_base_check_settings_1.toBaseCheckSettings)({
-          settings
+        const { elementReferences, getBaseCheckSettings } = (0, to_base_check_settings_1.toBaseCheckSettings)({ settings });
+        const { elementReferencesToMark, getGeneratedSelectors } = (0, to_generated_selectors_1.toGeneratedSelectors)({
+          elementReferences,
+          transformElementReference: (elementReference) => {
+            var _a2;
+            return (0, driver_1.isSelector)(elementReference) && ((_a2 = spec === null || spec === void 0 ? void 0 : spec.toSimpleCommonSelector) === null || _a2 === void 0 ? void 0 : _a2.call(spec, elementReference)) || void 0;
+          }
         });
         const uniqueEnvironments = (0, uniquify_environments_1.uniquifyEnvironments)((_a = settings.environments) !== null && _a !== void 0 ? _a : defaultEnvironments);
         const ufgClient = await eyes.core.getUFGClient({
@@ -82927,7 +82953,7 @@ var require_check_and_close3 = __commonJS({
           },
           logger
         });
-        let snapshotResults;
+        let snapshots;
         let snapshotUrl;
         let snapshotTitle;
         let userAgent;
@@ -82938,7 +82964,7 @@ var require_check_and_close3 = __commonJS({
           await currentContext.setScrollingElement((_b = settings.scrollRootElement) !== null && _b !== void 0 ? _b : null);
           if (environment.isWeb) {
             userAgent = await driver.getUserAgentLegacy();
-            snapshotResults = await (0, take_dom_snapshots_1.takeDomSnapshots)({
+            snapshots = await (0, take_dom_snapshots_1.takeDomSnapshots)({
               driver,
               settings: {
                 ...eyes.test.eyesServer,
@@ -82948,11 +82974,7 @@ var require_check_and_close3 = __commonJS({
                 environments: uniqueEnvironments,
                 skipResources: ufgClient.getCachedResourceUrls(),
                 lazyLoad: settings.lazyLoad,
-                calculateRegionsOptions: {
-                  elementReferencesToCalculate,
-                  elementReferenceToTarget,
-                  scrollRootElement: settings.scrollRootElement
-                }
+                elementReferences: elementReferencesToMark
               },
               provides: {
                 getChromeEmulationDevices: ufgClient.getChromeEmulationDevices,
@@ -82966,7 +82988,7 @@ var require_check_and_close3 = __commonJS({
               settings: { ...eyes.test.eyesServer, supportedEnvironmentsUrl: eyes.test.supportedEnvironmentsUrl },
               logger
             });
-            const snapshots = await nmlClient.takeSnapshots({
+            snapshots = await nmlClient.takeSnapshots({
               settings: {
                 ...eyes.test.eyesServer,
                 waitBeforeCapture: settings.waitBeforeCapture,
@@ -82974,24 +82996,17 @@ var require_check_and_close3 = __commonJS({
               },
               logger
             });
-            snapshotResults = snapshots.map((snapshot) => {
-              var _a2, _b2, _c2, _d;
-              return {
-                snapshot,
-                regionToTarget: (0, driver_1.isSelector)(elementReferenceToTarget) ? (_b2 = (_a2 = spec === null || spec === void 0 ? void 0 : spec.toSimpleCommonSelector) === null || _a2 === void 0 ? void 0 : _a2.call(spec, settings.scrollRootElement)) !== null && _b2 !== void 0 ? _b2 : void 0 : void 0,
-                scrollRootSelector: (0, driver_1.isSelector)(settings.scrollRootElement) ? (_d = (_c2 = spec === null || spec === void 0 ? void 0 : spec.toSimpleCommonSelector) === null || _c2 === void 0 ? void 0 : _c2.call(spec, settings.scrollRootElement)) !== null && _d !== void 0 ? _d : void 0 : void 0
-              };
-            });
           }
           await currentContext.focus();
           snapshotUrl = await driver.getUrl();
           snapshotTitle = await driver.getTitle();
         } else {
-          snapshotResults = !utils34.types.isArray(target) ? Array(uniqueEnvironments.length).fill(target) : target;
-          snapshotUrl = utils34.types.has((_c = snapshotResults[0]) === null || _c === void 0 ? void 0 : _c.snapshot, "url") ? snapshotResults[0].snapshot.url : void 0;
+          snapshots = !utils34.types.isArray(target) ? Array(uniqueEnvironments.length).fill(target) : target;
+          snapshotUrl = utils34.types.has(snapshots[0], "url") ? snapshots[0].url : void 0;
         }
+        const generatedSelectors = snapshots.map((snapshot) => getGeneratedSelectors(utils34.types.has(snapshot, "generatedSelectors") ? snapshot.generatedSelectors : void 0));
         const promises = uniqueEnvironments.map(async (environment, index) => {
-          var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+          var _a2, _b2, _c, _d, _e, _f, _g, _h;
           const environmentLogger = logger.extend({ tags: [`environment-${utils34.general.shortid()}`] });
           const ufgEnvironment = environment;
           if (utils34.types.has(ufgEnvironment, "name") && ufgEnvironment.name === "edge") {
@@ -83002,13 +83017,8 @@ var require_check_and_close3 = __commonJS({
               environmentLogger.warn('Command "check" was aborted before rendering');
               throw new abort_error_1.AbortError('Command "check" was aborted before rendering');
             }
-            const { snapshot: snapshotFromResult, selectorsToCalculate: selectorsToCalculateFromSnapshot, regionToTarget, scrollRootSelector } = snapshotResults[index];
-            const { cookies, ...snapshot } = snapshotFromResult;
-            const region = (_a2 = regionToTarget !== null && regionToTarget !== void 0 ? regionToTarget : elementReferenceToTarget) !== null && _a2 !== void 0 ? _a2 : settings.region;
-            const selectorsToCalculate = selectorsToCalculateFromSnapshot !== null && selectorsToCalculateFromSnapshot !== void 0 ? selectorsToCalculateFromSnapshot : elementReferencesToCalculate.map((selector) => ({
-              originalSelector: selector,
-              safeSelector: selector
-            }));
+            const { cookies, ...snapshot } = snapshots[index];
+            const selectors = generatedSelectors[index];
             if (utils34.types.has(ufgEnvironment, "iosDeviceInfo") || utils34.types.has(ufgEnvironment, "androidDeviceInfo")) {
               ufgEnvironment.type = utils34.types.has(snapshot, "cdt") ? "web" : "native";
             }
@@ -83033,24 +83043,24 @@ var require_check_and_close3 = __commonJS({
                 environmentLogger.warn('Command "check" was aborted before rendering');
                 throw new abort_error_1.AbortError('Command "check" was aborted before rendering');
               } else if (!baseEyes.running) {
-                environmentLogger.warn(`Render on environment with id "${(_b2 = baseEyes.test.environment) === null || _b2 === void 0 ? void 0 : _b2.environmentId}" was aborted during one of the previous steps`);
-                throw new abort_error_1.AbortError(`Render on environment with id "${(_c2 = baseEyes.test.environment) === null || _c2 === void 0 ? void 0 : _c2.environmentId}" was aborted during one of the previous steps`);
+                environmentLogger.warn(`Render on environment with id "${(_a2 = baseEyes.test.environment) === null || _a2 === void 0 ? void 0 : _a2.environmentId}" was aborted during one of the previous steps`);
+                throw new abort_error_1.AbortError(`Render on environment with id "${(_b2 = baseEyes.test.environment) === null || _b2 === void 0 ? void 0 : _b2.environmentId}" was aborted during one of the previous steps`);
               }
               const renderTarget = await renderTargetPromise;
               if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
                 environmentLogger.warn('Command "check" was aborted before rendering');
                 throw new abort_error_1.AbortError('Command "check" was aborted before rendering');
               } else if (!baseEyes.running) {
-                environmentLogger.warn(`Render on environment with id "${(_d = baseEyes.test.environment) === null || _d === void 0 ? void 0 : _d.environmentId}" was aborted during one of the previous steps`);
-                throw new abort_error_1.AbortError(`Render on environment with id "${(_e = baseEyes.test.environment) === null || _e === void 0 ? void 0 : _e.environmentId}" was aborted during one of the previous steps`);
+                environmentLogger.warn(`Render on environment with id "${(_c = baseEyes.test.environment) === null || _c === void 0 ? void 0 : _c.environmentId}" was aborted during one of the previous steps`);
+                throw new abort_error_1.AbortError(`Render on environment with id "${(_d = baseEyes.test.environment) === null || _d === void 0 ? void 0 : _d.environmentId}" was aborted during one of the previous steps`);
               }
               const { renderId, selectorRegions, ...baseTarget } = await ufgClient.render({
                 target: renderTarget,
                 settings: {
                   ...settings,
-                  region,
-                  scrollRootElement: scrollRootSelector,
-                  selectorsToCalculate: selectorsToCalculate.flatMap(({ safeSelector }) => safeSelector !== null && safeSelector !== void 0 ? safeSelector : []),
+                  region: (_e = selectors.target) !== null && _e !== void 0 ? _e : settings.region,
+                  scrollRootElement: selectors.scrolling,
+                  selectorsToCalculate: selectors.calculate.flatMap(({ safeSelector }) => safeSelector !== null && safeSelector !== void 0 ? safeSelector : []),
                   includeFullPageSize: !!settings.pageId,
                   environment: ufgEnvironment,
                   environmentId: baseEyes.test.environment.environmentId,
@@ -83062,7 +83072,7 @@ var require_check_and_close3 = __commonJS({
               });
               let offset = 0;
               const baseSettings = getBaseCheckSettings({
-                calculatedRegions: selectorsToCalculate.map(({ originalSelector, safeSelector }) => ({
+                calculatedRegions: selectors.calculate.map(({ originalSelector, safeSelector }) => ({
                   selector: originalSelector !== null && originalSelector !== void 0 ? originalSelector : void 0,
                   regions: safeSelector ? selectorRegions[offset++] : []
                 }))
@@ -84281,7 +84291,7 @@ var require_package2 = __commonJS({
   "../core/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/core",
-      version: "4.3.0",
+      version: "4.5.0",
       homepage: "https://applitools.com",
       bugs: {
         url: "https://github.com/applitools/eyes.sdk.javascript1/issues"
@@ -84340,6 +84350,12 @@ var require_package2 = __commonJS({
       },
       sea: {
         bin: "eyes",
+        certs: {
+          win: {
+            cert: "env.CODE_SIGNING_CERT_WIN",
+            pass: "env.CODE_SIGNING_PASS_WIN"
+          }
+        },
         targets: {
           "node20-linux-x64-glibc-217": "./bin/core-linux",
           "node20-linux-x64-musl": "./bin/core-alpine",
@@ -84605,6 +84621,68 @@ var require_validate_sdk_version = __commonJS({
   }
 });
 
+// ../core/dist/utils/memory-usage-logging.js
+var require_memory_usage_logging = __commonJS({
+  "../core/dist/utils/memory-usage-logging.js"(exports) {
+    "use strict";
+    init_process();
+    init_setImmediate();
+    init_buffer();
+    var __createBinding = exports && exports.__createBinding || (Object.create ? function(o, m, k, k2) {
+      if (k2 === void 0)
+        k2 = k;
+      var desc = Object.getOwnPropertyDescriptor(m, k);
+      if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+        desc = { enumerable: true, get: function() {
+          return m[k];
+        } };
+      }
+      Object.defineProperty(o, k2, desc);
+    } : function(o, m, k, k2) {
+      if (k2 === void 0)
+        k2 = k;
+      o[k2] = m[k];
+    });
+    var __setModuleDefault = exports && exports.__setModuleDefault || (Object.create ? function(o, v) {
+      Object.defineProperty(o, "default", { enumerable: true, value: v });
+    } : function(o, v) {
+      o["default"] = v;
+    });
+    var __importStar = exports && exports.__importStar || function(mod) {
+      if (mod && mod.__esModule)
+        return mod;
+      var result = {};
+      if (mod != null) {
+        for (var k in mod)
+          if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+            __createBinding(result, mod, k);
+      }
+      __setModuleDefault(result, mod);
+      return result;
+    };
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.startMemoryUsageLogging = void 0;
+    var utils34 = __importStar(require_browser3());
+    function startMemoryUsageLogging({ timeout = 3e4, logger }) {
+      var _a;
+      logger = logger.extend({ tags: [`mem-usage-${utils34.general.shortid()}`] });
+      const interval = setInterval(() => logger.log(formatMemoryUsage(process.memoryUsage())), (_a = utils34.general.getEnvValue("MEMORY_LOG_TIMEOUT", "number")) !== null && _a !== void 0 ? _a : timeout);
+      interval.unref();
+      return { stop: stop2 };
+      function stop2() {
+        clearInterval(interval);
+      }
+    }
+    exports.startMemoryUsageLogging = startMemoryUsageLogging;
+    function formatMemoryUsage(usage) {
+      return `Memory usage: ${Object.entries(usage).map(([key, value]) => `${key}: ${toMB(value)}MB`).join(", ")}`;
+    }
+    function toMB(size) {
+      return Math.round(size / 1024 / 1024 * 100) / 100;
+    }
+  }
+});
+
 // ../core/dist/core.js
 var require_core4 = __commonJS({
   "../core/dist/core.js"(exports) {
@@ -84662,9 +84740,11 @@ var require_core4 = __commonJS({
     var delete_test_1 = require_delete_test2();
     var extract_test_environment_1 = require_extract_test_environment();
     var validate_sdk_version_1 = require_validate_sdk_version();
+    var memory_usage_logging_1 = require_memory_usage_logging();
     var utils34 = __importStar(require_browser3());
     function makeCore({ spec, clients, concurrency, base: defaultBase, environment: defaultEnvironment, agentId = "core", cwd = process.cwd(), logger: defaultLogger, asyncCache } = {}) {
       const logger = (0, logger_1.makeLogger)({ logger: defaultLogger, format: { label: "core" } });
+      (0, memory_usage_logging_1.startMemoryUsageLogging)({ logger });
       const environment = (0, extract_test_environment_1.extractTestEnvironment)(defaultEnvironment);
       logger.log(`Core is initialized ${defaultBase ? "with" : "without"} custom base core and environment`, environment);
       if (environment.sdk)
@@ -87820,7 +87900,7 @@ var require_logs = __commonJS({
     init_setImmediate();
     init_buffer();
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.structureLogs = exports.parseLogs = void 0;
+    exports.analyzeLogs = exports.structureLogs = exports.stringifyLog = exports.parseLogs = void 0;
     function parseLogs(logs) {
       const regexp = /^(?<label>[^\s]+) (?:\((?<tags>[^\)]+)\) )?\| (?<timestamp>\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z)? (?:\[(?<level>[A-Z]+)\s*\])? (?<message>.+)$/;
       const lines = logs.split("\n");
@@ -87839,8 +87919,14 @@ var require_logs = __commonJS({
       }, []);
     }
     exports.parseLogs = parseLogs;
+    function stringifyLog(log) {
+      var _a;
+      return `${log.label} (${(_a = log.tags) === null || _a === void 0 ? void 0 : _a.map((tags) => tags.join("/")).join(" & ")}) ${log.timestamp} [${log.level}] ${log.message}`;
+    }
+    exports.stringifyLog = stringifyLog;
     function structureLogs(logs) {
       const groups = {};
+      groups.logs;
       logs.forEach((log) => {
         var _a;
         const tags = (_a = log.tags) !== null && _a !== void 0 ? _a : [[]];
@@ -87858,6 +87944,34 @@ var require_logs = __commonJS({
       return groups;
     }
     exports.structureLogs = structureLogs;
+    function analyzeLogs({ logs, ...groups }) {
+      var _a, _b;
+      const analysis = {};
+      analysis.logs = logs === null || logs === void 0 ? void 0 : logs.map(stringifyLog);
+      const groupAnalyses = Object.fromEntries(Object.entries(groups).map(([name, group]) => [name, analyzeLogs(group)]));
+      analysis.startedAt = Math.min(Date.parse((_a = logs === null || logs === void 0 ? void 0 : logs[0]) === null || _a === void 0 ? void 0 : _a.timestamp) || Infinity, ...Object.values(groupAnalyses).map((group) => group.startedAt));
+      analysis.finishedAt = Math.max(Date.parse((_b = logs === null || logs === void 0 ? void 0 : logs[logs.length - 1]) === null || _b === void 0 ? void 0 : _b.timestamp) || 0, ...Object.values(groupAnalyses).map((group) => group.finishedAt));
+      analysis.time = analysis.finishedAt - analysis.startedAt;
+      analysis.conclusion = "";
+      analysis.conclusion += `Time taken: ${formatTime(analysis.time)};`;
+      if (Object.keys(groupAnalyses).length > 0) {
+        analysis.conclusion += `Longest group: ${Object.keys(groupAnalyses).reduce((prev, cur) => groupAnalyses[cur].time > groupAnalyses[prev].time ? cur : prev)}`;
+      }
+      return { ...analysis, ...groupAnalyses };
+    }
+    exports.analyzeLogs = analyzeLogs;
+    function formatTime(ms) {
+      const h = Math.floor(ms / 36e5);
+      if (h)
+        ms -= h * 36e5;
+      const m = Math.floor(ms / 6e4);
+      if (m)
+        ms -= m * 6e4;
+      const s = Math.floor(ms / 1e3);
+      if (s)
+        ms -= s * 1e3;
+      return [h && `${h}h`, m && `${m}m`, s && `${s}s`, ms && `${ms}ms`].filter(Boolean).join(" ");
+    }
   }
 });
 
@@ -87926,7 +88040,7 @@ var require_package3 = __commonJS({
   "../eyes/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/eyes",
-      version: "1.13.0",
+      version: "1.13.2",
       keywords: [
         "applitools",
         "eyes",

package/package.json

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