@lambdatest/smartui-cli 4.1.50 → 4.1.52

package/dist/index.cjs

@@ -778,6 +778,39 @@ var ConfigSchema = {
         }
       }
     },
+    lazyLoadConfiguration: {
+      type: "object",
+      properties: {
+        enabled: {
+          type: "boolean",
+          errorMessage: "Invalid config; lazyLoad enabled must be true/false"
+        },
+        scrollStep: {
+          type: "number",
+          minimum: 50,
+          maximum: 2e3,
+          errorMessage: "Invalid config; lazyLoad scrollStep must be > 50 and <= 2000"
+        },
+        scrollDelay: {
+          type: "number",
+          minimum: 100,
+          maximum: 5e3,
+          errorMessage: "Invalid config; lazyLoad scrollDelay must be > 100 and <= 5000"
+        },
+        maxScrolls: {
+          type: "number",
+          minimum: 1,
+          maximum: 100,
+          errorMessage: "Invalid config; lazyLoad maxScrolls must be > 1 and <= 100"
+        },
+        jumpBackToTop: {
+          type: "boolean",
+          errorMessage: "Invalid config; lazyLoad jumpBackToTop must be true/false"
+        }
+      },
+      required: ["enabled"],
+      additionalProperties: false
+    },
     delayedUpload: {
       type: "boolean",
       errorMessage: "Invalid config; delayedUpload must be true/false"
@@ -1337,6 +1370,18 @@ var FigmaWebConfigSchema = {
                   "type": "string"
                 },
                 uniqueItems: false
+              },
+              "screenshot_viewports": {
+                "type": "array",
+                "items": {
+                  "type": "array",
+                  "items": {
+                    "type": "integer",
+                    "minimum": 1
+                  },
+                  "minItems": 1,
+                  "maxItems": 2
+                }
               }
             },
             "required": ["figma_file_token", "figma_ids"]
@@ -1538,6 +1583,35 @@ function scrollToBottomAndBackToTop({
     })();
   });
 }
+function smoothScrollToBottom({
+  step = 250,
+  delay = 300,
+  maxScrolls = 50,
+  jumpBackToTop = true
+} = {}) {
+  return new Promise((resolve) => {
+    let totalHeight = document.body.scrollHeight;
+    let currentScroll = window.scrollY;
+    let scrollCount = 0;
+    function scroll() {
+      if (currentScroll + window.innerHeight >= totalHeight || scrollCount >= maxScrolls) {
+        if (jumpBackToTop) {
+          window.scrollTo(0, 0);
+        }
+        resolve();
+        return;
+      }
+      window.scrollBy(0, step);
+      scrollCount++;
+      setTimeout(() => {
+        currentScroll = window.scrollY;
+        totalHeight = document.body.scrollHeight;
+        scroll();
+      }, delay);
+    }
+    scroll();
+  });
+}
 function launchBrowsers(ctx) {
   return __async(this, null, function* () {
     var _a;
@@ -2821,7 +2895,7 @@ var authExec_default = (ctx) => {
 };
 
 // package.json
-var version = "4.1.50";
+var version = "4.1.52";
 var package_default = {
   name: "@lambdatest/smartui-cli",
   version,
@@ -3653,6 +3727,7 @@ var ctx_default = (options) => {
   let webConfig;
   let mobileConfig;
   let basicAuthObj;
+  let lazyLoadConfigObj;
   let tunnelObj;
   let config = constants_default.DEFAULT_CONFIG;
   let port;
@@ -3749,6 +3824,9 @@ var ctx_default = (options) => {
   if (config.basicAuthorization) {
     basicAuthObj = config.basicAuthorization;
   }
+  if (config.lazyLoadConfiguration) {
+    lazyLoadConfigObj = config.lazyLoadConfiguration;
+  }
   if (config.tunnel) {
     tunnelObj = config.tunnel;
   }
@@ -3786,6 +3864,7 @@ var ctx_default = (options) => {
       allowedHostnames: config.allowedHostnames || [],
       allowedAssets: config.allowedAssets || [],
       basicAuthorization: basicAuthObj,
+      lazyLoadConfiguration: lazyLoadConfigObj,
       smartIgnore: (_f = config.smartIgnore) != null ? _f : false,
       delayedUpload: (_g = config.delayedUpload) != null ? _g : false,
       useGlobalCache: (_h = config.useGlobalCache) != null ? _h : false,
@@ -4447,6 +4526,19 @@ function prepareSnapshot(snapshot, ctx) {
     if (ctx.config.useExtendedViewport) {
       processedOptions.useExtendedViewport = true;
     }
+    if (ctx.config.lazyLoadConfiguration && ctx.config.lazyLoadConfiguration.enabled) {
+      let stepValue = ctx.config.lazyLoadConfiguration.scrollStep || 250;
+      let delayValue = ctx.config.lazyLoadConfiguration.scrollDelay || 100;
+      let maxScrollsValue = ctx.config.lazyLoadConfiguration.maxScrolls || 50;
+      let jumpBackToTopValue = ctx.config.lazyLoadConfiguration.jumpBackToTop !== false;
+      processedOptions.lazyLoadConfiguration = {
+        enabled: true,
+        scrollStep: stepValue,
+        scrollDelay: delayValue,
+        maxScrolls: maxScrollsValue,
+        jumpBackToTop: jumpBackToTopValue
+      };
+    }
     try {
       if (options == null ? void 0 : options.customCSS) {
         const resolvedCSS = resolveCustomCSS(options.customCSS, "", ctx.log);
@@ -4873,6 +4965,19 @@ function processSnapshot(snapshot, ctx) {
     } else {
       renderViewports = getRenderViewports(ctx);
     }
+    if (ctx.config.lazyLoadConfiguration && ctx.config.lazyLoadConfiguration.enabled) {
+      let stepValue = ctx.config.lazyLoadConfiguration.scrollStep || 250;
+      let delayValue = ctx.config.lazyLoadConfiguration.scrollDelay || 100;
+      let maxScrollsValue = ctx.config.lazyLoadConfiguration.maxScrolls || 50;
+      let jumpBackToTopValue = ctx.config.lazyLoadConfiguration.jumpBackToTop || false;
+      processedOptions.lazyLoadConfiguration = {
+        enabled: true,
+        scrollStep: stepValue,
+        scrollDelay: delayValue,
+        maxScrolls: maxScrollsValue,
+        jumpBackToTop: jumpBackToTopValue
+      };
+    }
     for (const { viewport, viewportString, fullPage, device } of renderViewports) {
       if (previousDeviceType !== null && previousDeviceType !== device) {
         navigated = false;
@@ -4916,7 +5021,19 @@ function processSnapshot(snapshot, ctx) {
           }
         }
       }
-      if (ctx.config.cliEnableJavaScript && fullPage) yield page.evaluate(scrollToBottomAndBackToTop, { frequency: 100, timing: ctx.config.scrollTime });
+      if (ctx.config.cliEnableJavaScript && fullPage) {
+        if (ctx.config.lazyLoadConfiguration && ctx.config.lazyLoadConfiguration.enabled) {
+          let stepValue = ctx.config.lazyLoadConfiguration.scrollStep || 250;
+          let delayValue = ctx.config.lazyLoadConfiguration.scrollDelay || 300;
+          let maxScrollsValue = ctx.config.lazyLoadConfiguration.maxScrolls || 50;
+          let jumpBackToTopValue = ctx.config.lazyLoadConfiguration.jumpBackToTop !== false;
+          ctx.log.debug("Starting lazy load scrolling with configuration: " + JSON.stringify({ step: stepValue, delay: delayValue, maxScrolls: maxScrollsValue, jumpBackToTop: jumpBackToTopValue }));
+          yield page.evaluate(smoothScrollToBottom, { step: stepValue, delay: delayValue, maxScrolls: maxScrollsValue, jumpBackToTop: jumpBackToTopValue });
+          ctx.log.debug("Completed lazy load scrolling");
+        } else {
+          yield page.evaluate(scrollToBottomAndBackToTop, { frequency: 100, timing: ctx.config.scrollTime });
+        }
+      }
       try {
         yield page.waitForLoadState("networkidle", { timeout: 15e3 });
         ctx.log.debug("Network idle 500ms");
@@ -5770,6 +5887,9 @@ function verifyFigmaWebConfig(ctx) {
     if (c.screenshot_names && c.screenshot_names.length > 0 && c.figma_ids && c.figma_ids.length != c.screenshot_names.length) {
       throw new Error("Mismatch in Figma Ids and Screenshot Names in figma config");
     }
+    if (c.screenshot_viewports && c.screenshot_viewports.length > 0 && c.figma_ids && c.figma_ids.length != c.screenshot_viewports.length) {
+      throw new Error("Mismatch in Figma Ids and Screenshot Viewports in figma config");
+    }
     if (isValidArray(c.screenshot_names)) {
       for (const name of c.screenshot_names) {
         screenshots.push(name);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambdatest/smartui-cli",
-  "version": "4.1.50",
+  "version": "4.1.52",
   "description": "A command line interface (CLI) to run SmartUI tests on LambdaTest",
   "files": [
     "dist/**/*"