@lambdatest/smartui-cli 4.0.5 → 4.0.7

package/dist/index.cjs

@@ -33,8 +33,6 @@ var spawn__default = /*#__PURE__*/_interopDefault(spawn);
 var sharp__default = /*#__PURE__*/_interopDefault(sharp);
 
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -50,7 +48,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -99,7 +96,8 @@ var constants_default = {
     },
     waitForTimeout: 1e3,
     enableJavaScript: false,
-    allowedHostnames: []
+    allowedHostnames: [],
+    smartIgnore: false
   },
   DEFAULT_WEB_STATIC_CONFIG: [
     {
@@ -119,6 +117,64 @@ var constants_default = {
   EDGE: "edge",
   EDGE_CHANNEL: "msedge",
   WEBKIT: "webkit",
+  // discovery browser launch arguments
+  LAUNCH_ARGS: [
+    // disable the translate popup and optimization downloads
+    "--disable-features=Translate,OptimizationGuideModelDownloading",
+    // disable several subsystems which run network requests in the background
+    "--disable-background-networking",
+    // disable task throttling of timer tasks from background pages
+    "--disable-background-timer-throttling",
+    // disable backgrounding renderer processes
+    "--disable-renderer-backgrounding",
+    // disable backgrounding renderers for occluded windows (reduce nondeterminism)
+    "--disable-backgrounding-occluded-windows",
+    // disable crash reporting
+    "--disable-breakpad",
+    // disable client side phishing detection
+    "--disable-client-side-phishing-detection",
+    // disable default component extensions with background pages for performance
+    "--disable-component-extensions-with-background-pages",
+    // disable installation of default apps on first run
+    "--disable-default-apps",
+    // work-around for environments where a small /dev/shm partition causes crashes
+    "--disable-dev-shm-usage",
+    // disable extensions
+    "--disable-extensions",
+    // disable hang monitor dialogs in renderer processes
+    "--disable-hang-monitor",
+    // disable inter-process communication flooding protection for javascript
+    "--disable-ipc-flooding-protection",
+    // disable web notifications and the push API
+    "--disable-notifications",
+    // disable the prompt when a POST request causes page navigation
+    "--disable-prompt-on-repost",
+    // disable syncing browser data with google accounts
+    "--disable-sync",
+    // disable site-isolation to make network requests easier to intercept
+    "--disable-site-isolation-trials",
+    // disable the first run tasks, whether or not it's actually the first run
+    "--no-first-run",
+    // disable the sandbox for all process types that are normally sandboxed
+    "--no-sandbox",
+    // specify a consistent encryption backend across platforms
+    "--password-store=basic",
+    // use a mock keychain on Mac to prevent blocking permissions dialogs
+    "--use-mock-keychain",
+    // enable remote debugging on the first available port
+    "--remote-debugging-port=0",
+    // sets navigator.webdriver to false
+    "--disable-blink-features=AutomationControlled",
+    // disable UA-CH feature
+    `--disable-features=UserAgentClientHint`
+  ],
+  // discovery request headers
+  REQUEST_HEADERS: {
+    // `HeadlessChrome` is added to sec-ch-ua, `--disable-features=UserAgentClientHint` doesn't seem to work
+    "sec-ch-ua": '"Chromium";v="129", "Not=A?Brand";v="8"',
+    "sec-ch-ua-mobile": '"?0"',
+    "sec-ch-ua-platform": '"Windows"'
+  },
   // user agents
   CHROME_USER_AGENT: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.6312.107 Safari/537.3",
   FIREFOX_USER_AGENT: "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:112.0) Gecko/20100101 Firefox/112.0",
@@ -444,6 +500,10 @@ var ConfigSchema = {
       type: "boolean",
       errorMessage: "Invalid config; cliEnableJavaScript must be true/false"
     },
+    smartIgnore: {
+      type: "boolean",
+      errorMessage: "Invalid config; smartIgnore must be true/false"
+    },
     scrollTime: {
       type: "number",
       minimum: 1,
@@ -476,6 +536,10 @@ var ConfigSchema = {
           errorMessage: "Invalid config; password is mandatory"
         }
       }
+    },
+    delayedUpload: {
+      type: "boolean",
+      errorMessage: "Invalid config; delayedUpload must be true/false"
     }
   },
   anyOf: [
@@ -612,6 +676,64 @@ var SnapshotSchema = {
               errorMessage: "Invalid snapshot options; selectDOM xpath array must have unique and non-empty items"
             }
           }
+        },
+        web: {
+          type: "object",
+          properties: {
+            browsers: {
+              type: "array",
+              items: {
+                type: "string",
+                enum: [constants_default.CHROME, constants_default.FIREFOX, constants_default.SAFARI, constants_default.EDGE],
+                minLength: 1
+              },
+              uniqueItems: true,
+              errorMessage: `Invalid snapshot options; allowed browsers - ${constants_default.CHROME}, ${constants_default.FIREFOX}, ${constants_default.SAFARI}, ${constants_default.EDGE}`
+            },
+            viewports: {
+              type: "array",
+              items: {
+                type: "array",
+                items: {
+                  type: "number",
+                  minimum: 1
+                },
+                minItems: 1,
+                maxItems: 2,
+                errorMessage: "Invalid snapshot options; each viewport array must contain either a single width or a width and height tuple with positive values."
+              },
+              uniqueItems: true,
+              errorMessage: "Invalid snapshot options; viewports must be an array of unique arrays."
+            }
+          },
+          required: ["viewports"],
+          errorMessage: "Invalid snapshot options; web must include viewports property."
+        },
+        mobile: {
+          type: "object",
+          properties: {
+            devices: {
+              type: "array",
+              items: {
+                type: "string",
+                enum: Object.keys(constants_default.SUPPORTED_MOBILE_DEVICES),
+                minLength: 1
+              },
+              uniqueItems: true,
+              errorMessage: "Invalid snapshot options; devices must be an array of unique supported mobile devices."
+            },
+            fullPage: {
+              type: "boolean",
+              errorMessage: "Invalid snapshot options; fullPage must be a boolean."
+            },
+            orientation: {
+              type: "string",
+              enum: [constants_default.MOBILE_ORIENTATION_PORTRAIT, constants_default.MOBILE_ORIENTATION_LANDSCAPE],
+              errorMessage: "Invalid snapshot options; orientation must be either 'portrait' or 'landscape'."
+            }
+          },
+          required: ["devices"],
+          errorMessage: "Invalid snapshot options; mobile must include devices property."
         }
       },
       additionalProperties: false
@@ -722,21 +844,21 @@ var env_default = () => {
   const {
     PROJECT_TOKEN = "",
     SMARTUI_CLIENT_API_URL = "https://api.lambdatest.com/visualui/1.0",
-    LT_SDK_DEBUG,
     SMARTUI_GIT_INFO_FILEPATH,
+    SMARTUI_DO_NOT_USE_CAPTURED_COOKIES,
     HTTP_PROXY,
     HTTPS_PROXY,
     GITHUB_ACTIONS,
     FIGMA_TOKEN,
     LT_USERNAME,
     LT_ACCESS_KEY,
+    LT_SDK_DEBUG,
     BASELINE_BRANCH,
     CURRENT_BRANCH
   } = process.env;
   return {
     PROJECT_TOKEN,
     SMARTUI_CLIENT_API_URL,
-    LT_SDK_DEBUG,
     SMARTUI_GIT_INFO_FILEPATH,
     HTTP_PROXY,
     HTTPS_PROXY,
@@ -745,7 +867,9 @@ var env_default = () => {
     LT_USERNAME,
     LT_ACCESS_KEY,
     BASELINE_BRANCH,
-    CURRENT_BRANCH
+    CURRENT_BRANCH,
+    LT_SDK_DEBUG: LT_SDK_DEBUG === "true",
+    SMARTUI_DO_NOT_USE_CAPTURED_COOKIES: SMARTUI_DO_NOT_USE_CAPTURED_COOKIES === "true"
   };
 };
 var logContext = {};
@@ -754,7 +878,7 @@ function updateLogContext(newContext) {
 }
 var logLevel = () => {
   let env = env_default();
-  return env.LT_SDK_DEBUG === "true" ? "debug" : "info";
+  return env.LT_SDK_DEBUG ? "debug" : "info";
 };
 var logger = winston.createLogger({
   format: winston.format.combine(
@@ -822,7 +946,7 @@ var auth_default = (ctx) => {
 };
 
 // package.json
-var version = "4.0.5";
+var version = "4.0.7";
 var package_default = {
   name: "@lambdatest/smartui-cli",
   version,
@@ -846,10 +970,10 @@ var package_default = {
   author: "LambdaTest <keys@lambdatest.com>",
   license: "MIT",
   dependencies: {
-    "@playwright/browser-chromium": "^1.45.3",
-    "@playwright/browser-firefox": "^1.45.3",
-    "@playwright/browser-webkit": "^1.45.3",
-    "@playwright/test": "^1.45.3",
+    "@playwright/browser-chromium": "^1.47.2",
+    "@playwright/browser-firefox": "^1.47.2",
+    "@playwright/browser-webkit": "^1.47.2",
+    "@playwright/test": "^1.47.2",
     "@types/cross-spawn": "^6.0.4",
     "@types/node": "^20.8.9",
     "@types/which": "^3.0.2",
@@ -1034,7 +1158,7 @@ var httpClient = class {
   }
 };
 var ctx_default = (options) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e, _f, _g;
   let env = env_default();
   let webConfig;
   let mobileConfig;
@@ -1092,11 +1216,13 @@ var ctx_default = (options) => {
       mobile: mobileConfig,
       waitForPageRender: config.waitForPageRender || 0,
       waitForTimeout: config.waitForTimeout || 0,
-      enableJavaScript: config.enableJavaScript || false,
-      cliEnableJavaScript: config.cliEnableJavaScript || true,
+      enableJavaScript: (_d = config.enableJavaScript) != null ? _d : false,
+      cliEnableJavaScript: (_e = config.cliEnableJavaScript) != null ? _e : true,
       scrollTime: config.scrollTime || constants_default.DEFAULT_SCROLL_TIME,
       allowedHostnames: config.allowedHostnames || [],
-      basicAuthorization: basicAuthObj
+      basicAuthorization: basicAuthObj,
+      smartIgnore: (_f = config.smartIgnore) != null ? _f : false,
+      delayedUpload: (_g = config.delayedUpload) != null ? _g : false
     },
     uploadFilePath: "",
     webStaticConfig: [],
@@ -1264,13 +1390,17 @@ var processSnapshot_default = (ctx) => {
   return {
     title: `Processing snapshots`,
     task: (ctx2, task) => __async(void 0, null, function* () {
-      var _a;
+      var _a, _b;
       try {
+        if (ctx2.config.delayedUpload) {
+          ctx2.log.debug("started after processing because of delayedUpload");
+          (_a = ctx2.snapshotQueue) == null ? void 0 : _a.startProcessingfunc();
+        }
         yield new Promise((resolve) => {
           let output2 = "";
           const intervalId = setInterval(() => {
-            var _a2, _b, _c;
-            if (((_a2 = ctx2.snapshotQueue) == null ? void 0 : _a2.isEmpty()) && !((_b = ctx2.snapshotQueue) == null ? void 0 : _b.isProcessing())) {
+            var _a2, _b2, _c;
+            if (((_a2 = ctx2.snapshotQueue) == null ? void 0 : _a2.isEmpty()) && !((_b2 = ctx2.snapshotQueue) == null ? void 0 : _b2.isProcessing())) {
               clearInterval(intervalId);
               resolve();
             } else {
@@ -1279,7 +1409,7 @@ var processSnapshot_default = (ctx) => {
           }, 500);
         });
         let output = "";
-        for (let snapshot of (_a = ctx2.snapshotQueue) == null ? void 0 : _a.getProcessedSnapshots()) {
+        for (let snapshot of (_b = ctx2.snapshotQueue) == null ? void 0 : _b.getProcessedSnapshots()) {
           if (snapshot.error)
             output += `${chalk7__default.default.red("\u2717")} ${chalk7__default.default.gray(`${snapshot.name}
 [error] ${snapshot.error}`)}
@@ -1415,6 +1545,28 @@ function getWebRenderViewports(ctx) {
   }
   return webRenderViewports;
 }
+function getWebRenderViewportsForOptions(options) {
+  let webRenderViewports = [];
+  if (options.web && Array.isArray(options.web.viewports)) {
+    for (const viewport of options.web.viewports) {
+      if (Array.isArray(viewport) && viewport.length > 0) {
+        let viewportObj = {
+          width: viewport[0]
+        };
+        if (viewport.length > 1) {
+          viewportObj.height = viewport[1];
+        }
+        webRenderViewports.push({
+          viewport: viewportObj,
+          viewportString: `${viewport[0]}${viewport[1] ? "x" + viewport[1] : ""}`,
+          fullPage: viewport.length === 1,
+          device: false
+        });
+      }
+    }
+  }
+  return webRenderViewports;
+}
 function getMobileRenderViewports(ctx) {
   var _a;
   let mobileRenderViewports = {};
@@ -1436,6 +1588,34 @@ function getMobileRenderViewports(ctx) {
   }
   return mobileRenderViewports;
 }
+function getMobileRenderViewportsForOptions(options) {
+  var _a;
+  let mobileRenderViewports = {};
+  mobileRenderViewports[constants_default.MOBILE_OS_IOS] = [];
+  mobileRenderViewports[constants_default.MOBILE_OS_ANDROID] = [];
+  if (options.mobile) {
+    for (const device of options.mobile.devices) {
+      let os = constants_default.SUPPORTED_MOBILE_DEVICES[device].os;
+      let { width, height } = constants_default.SUPPORTED_MOBILE_DEVICES[device].viewport;
+      let orientation = options.mobile.orientation || constants_default.MOBILE_ORIENTATION_PORTRAIT;
+      let portrait = orientation === constants_default.MOBILE_ORIENTATION_PORTRAIT;
+      let fullPage;
+      if (options.mobile.fullPage === void 0 || options.mobile.fullPage) {
+        fullPage = true;
+      } else {
+        fullPage = false;
+      }
+      (_a = mobileRenderViewports[os]) == null ? void 0 : _a.push({
+        viewport: { width: portrait ? width : height, height: portrait ? height : width },
+        viewportString: `${device} (${orientation})`,
+        fullPage,
+        device: true,
+        os
+      });
+    }
+  }
+  return mobileRenderViewports;
+}
 function getRenderViewports(ctx) {
   let mobileRenderViewports = getMobileRenderViewports(ctx);
   let webRenderViewports = getWebRenderViewports(ctx);
@@ -1445,75 +1625,29 @@ function getRenderViewports(ctx) {
     ...mobileRenderViewports[constants_default.MOBILE_OS_ANDROID]
   ];
 }
+function getRenderViewportsForOptions(options) {
+  let mobileRenderViewports = getMobileRenderViewportsForOptions(options);
+  let webRenderViewports = getWebRenderViewportsForOptions(options);
+  return [
+    ...webRenderViewports,
+    ...mobileRenderViewports[constants_default.MOBILE_OS_IOS],
+    ...mobileRenderViewports[constants_default.MOBILE_OS_ANDROID]
+  ];
+}
 var MAX_RESOURCE_SIZE = 15 * 1024 ** 2;
 var ALLOWED_RESOURCES = ["document", "stylesheet", "image", "media", "font", "other"];
 var ALLOWED_STATUSES = [200, 201];
 var REQUEST_TIMEOUT = 1e4;
 var MIN_VIEWPORT_HEIGHT = 1080;
-var Queue = class {
-  constructor(ctx) {
-    this.snapshots = [];
-    this.processedSnapshots = [];
-    this.processing = false;
-    this.processingSnapshot = "";
-    this.ctx = ctx;
-  }
-  enqueue(item) {
-    this.snapshots.push(item);
-    if (!this.processing) {
-      this.processing = true;
-      this.processNext();
-    }
-  }
-  processNext() {
-    return __async(this, null, function* () {
-      if (!this.isEmpty()) {
-        const snapshot = this.snapshots.shift();
-        try {
-          this.processingSnapshot = snapshot == null ? void 0 : snapshot.name;
-          let { processedSnapshot, warnings } = yield processSnapshot(snapshot, this.ctx);
-          yield this.ctx.client.uploadSnapshot(this.ctx, processedSnapshot);
-          this.ctx.totalSnapshots++;
-          this.processedSnapshots.push({ name: snapshot.name, warnings });
-        } catch (error) {
-          this.ctx.log.debug(`snapshot failed; ${error}`);
-          this.processedSnapshots.push({ name: snapshot.name, error: error.message });
-        }
-        if (this.ctx.browser) {
-          for (let context of this.ctx.browser.contexts()) {
-            for (let page of context.pages()) {
-              yield page.close();
-              this.ctx.log.debug(`Closed browser page for snapshot ${snapshot.name}`);
-            }
-            yield context.close();
-            this.ctx.log.debug(`Closed browser context for snapshot ${snapshot.name}`);
-          }
-        }
-        this.processNext();
-      } else {
-        this.processing = false;
-      }
-    });
-  }
-  isProcessing() {
-    return this.processing;
-  }
-  getProcessingSnapshot() {
-    return this.processingSnapshot;
-  }
-  getProcessedSnapshots() {
-    return this.processedSnapshots;
-  }
-  isEmpty() {
-    return this.snapshots.length ? false : true;
-  }
-};
 function processSnapshot(snapshot, ctx) {
   return __async(this, null, function* () {
     var _a;
     updateLogContext({ task: "discovery" });
     ctx.log.debug(`Processing snapshot ${snapshot.name} ${snapshot.url}`);
-    let launchOptions = { headless: true };
+    let launchOptions = {
+      headless: true,
+      args: constants_default.LAUNCH_ARGS
+    };
     let contextOptions = {
       javaScriptEnabled: ctx.config.cliEnableJavaScript,
       userAgent: constants_default.CHROME_USER_AGENT
@@ -1526,7 +1660,7 @@ function processSnapshot(snapshot, ctx) {
     }
     const context = yield ctx.browser.newContext(contextOptions);
     ctx.log.debug(`Browser context created with options ${JSON.stringify(contextOptions)}`);
-    if (snapshot.dom.cookies) {
+    if (!ctx.env.SMARTUI_DO_NOT_USE_CAPTURED_COOKIES && snapshot.dom.cookies) {
       const domainName = new URL(snapshot.url).hostname;
       ctx.log.debug(`Setting cookies for domain: ${domainName}`);
       const cookieArray = snapshot.dom.cookies.split("; ").map((cookie) => {
@@ -1562,7 +1696,10 @@ function processSnapshot(snapshot, ctx) {
     yield page.route("**/*", (route, request) => __async(this, null, function* () {
       const requestUrl = request.url();
       const requestHostname = new URL(requestUrl).hostname;
-      let requestOptions = { timeout: REQUEST_TIMEOUT };
+      let requestOptions = {
+        timeout: REQUEST_TIMEOUT,
+        headers: __spreadValues(__spreadValues({}, yield request.allHeaders()), constants_default.REQUEST_HEADERS)
+      };
       try {
         if (/\.(mp3|mp4|wav|ogg|webm)$/i.test(request.url())) {
           throw new Error("resource type mp3/mp4/wav/ogg/webm");
@@ -1573,9 +1710,7 @@ function processSnapshot(snapshot, ctx) {
         if (ctx.config.basicAuthorization) {
           ctx.log.debug(`Adding basic authorization to the headers for root url`);
           let token = Buffer.from(`${ctx.config.basicAuthorization.username}:${ctx.config.basicAuthorization.password}`).toString("base64");
-          requestOptions.headers = __spreadProps(__spreadValues({}, request.headers()), {
-            Authorization: `Basic ${token}`
-          });
+          requestOptions.headers.Authorization = `Basic ${token}`;
         }
         let response, body;
         if (requestUrl === snapshot.url) {
@@ -1652,6 +1787,33 @@ function processSnapshot(snapshot, ctx) {
             return true;
         return false;
       };
+      if (options.web && Object.keys(options.web).length) {
+        processedOptions.web = {};
+        if (options.web.viewports && options.web.viewports.length > 0) {
+          processedOptions.web.viewports = options.web.viewports.filter(
+            (viewport) => Array.isArray(viewport) && viewport.length > 0
+          );
+        }
+        if (options.web.browsers && options.web.browsers.length > 0) {
+          processedOptions.web.browsers = options.web.browsers;
+        }
+      }
+      if (options.mobile && Object.keys(options.mobile).length) {
+        processedOptions.mobile = {};
+        if (options.mobile.devices && options.mobile.devices.length > 0) {
+          processedOptions.mobile.devices = options.mobile.devices;
+        }
+        if (options.mobile.hasOwnProperty("fullPage") && typeof options.mobile.fullPage === "boolean") {
+          processedOptions.mobile.fullPage = options.mobile.fullPage;
+        } else {
+          processedOptions.mobile.fullPage = true;
+        }
+        if (options.mobile.hasOwnProperty("orientation") && (options.mobile.orientation === constants_default.MOBILE_ORIENTATION_PORTRAIT || options.mobile.orientation === constants_default.MOBILE_ORIENTATION_LANDSCAPE)) {
+          processedOptions.mobile.orientation = options.mobile.orientation;
+        } else {
+          processedOptions.mobile.orientation = constants_default.MOBILE_ORIENTATION_PORTRAIT;
+        }
+      }
       if (options.element && Object.keys(options.element).length) {
         if (options.element.id)
           processedOptions.element = "#" + options.element.id;
@@ -1691,7 +1853,12 @@ function processSnapshot(snapshot, ctx) {
     }
     let navigated = false;
     let previousDeviceType = null;
-    let renderViewports = getRenderViewports(ctx);
+    let renderViewports;
+    if (snapshot.options && snapshot.options.web || snapshot.options && snapshot.options.mobile) {
+      renderViewports = getRenderViewportsForOptions(snapshot.options);
+    } else {
+      renderViewports = getRenderViewports(ctx);
+    }
     for (const { viewport, viewportString, fullPage, device } of renderViewports) {
       if (previousDeviceType !== null && previousDeviceType !== device) {
         navigated = false;
@@ -1750,6 +1917,7 @@ function processSnapshot(snapshot, ctx) {
             });
         }
       }
+      ctx.log.debug(`Processed options: ${JSON.stringify(processedOptions)}`);
     }
     return {
       processedSnapshot: {
@@ -1764,6 +1932,282 @@ function processSnapshot(snapshot, ctx) {
   });
 }
 
+// src/lib/snapshotQueue.ts
+var Queue = class {
+  constructor(ctx) {
+    this.snapshots = [];
+    this.processedSnapshots = [];
+    this.processing = false;
+    this.processingSnapshot = "";
+    this.snapshotNames = [];
+    this.variants = [];
+    this.ctx = ctx;
+  }
+  enqueue(item) {
+    this.snapshots.push(item);
+    if (!this.ctx.config.delayedUpload) {
+      if (!this.processing) {
+        this.processing = true;
+        this.processNext();
+      }
+    }
+  }
+  startProcessingfunc() {
+    if (!this.processing) {
+      this.processing = true;
+      this.processNext();
+    }
+  }
+  processGenerateVariants(snapshot) {
+    if (snapshot.options) {
+      if (snapshot.options.web) {
+        this.generateWebVariants(snapshot, snapshot.options.web);
+      }
+      if (snapshot.options.mobile) {
+        this.generateMobileVariants(snapshot, snapshot.options.mobile);
+      }
+    }
+    if (!snapshot.options || snapshot.options && !snapshot.options.web && !snapshot.options.mobile) {
+      this.generateVariants(snapshot, this.ctx.config);
+    }
+  }
+  generateVariants(snapshot, config) {
+    if (config.web) {
+      const browsers = config.web.browsers || [];
+      const viewports = config.web.viewports || [];
+      for (const browser of browsers) {
+        for (const viewport of viewports) {
+          const width = viewport.width;
+          const height = viewport.height || 0;
+          const variant = `${snapshot.name}_${browser}_viewport[${width}]_viewport[${height}]`;
+          this.variants.push(variant);
+        }
+      }
+    }
+    if (config.mobile) {
+      const devices = config.mobile.devices || [];
+      const orientation = config.mobile.orientation || constants_default.MOBILE_ORIENTATION_PORTRAIT;
+      for (const device of devices) {
+        const variant = `${snapshot.name}_${device}_${orientation}`;
+        this.variants.push(variant);
+      }
+    }
+  }
+  generateWebVariants(snapshot, webConfig) {
+    var _a, _b, _c;
+    const browsers = (_c = (_b = webConfig.browsers) != null ? _b : (_a = this.ctx.config.web) == null ? void 0 : _a.browsers) != null ? _c : [constants_default.CHROME, constants_default.EDGE, constants_default.FIREFOX, constants_default.SAFARI];
+    const viewports = webConfig.viewports || [];
+    for (const browser of browsers) {
+      for (const viewport of viewports) {
+        const width = viewport[0];
+        const height = viewport[1] || 0;
+        const variant = `${snapshot.name}_${browser}_viewport[${width}]_viewport[${height}]`;
+        this.variants.push(variant);
+      }
+    }
+  }
+  generateMobileVariants(snapshot, mobileConfig) {
+    var _a, _b, _c;
+    const devices = mobileConfig.devices || [];
+    const orientation = (_c = (_b = mobileConfig.orientation) != null ? _b : (_a = this.ctx.config.mobile) == null ? void 0 : _a.orientation) != null ? _c : constants_default.MOBILE_ORIENTATION_PORTRAIT;
+    for (const device of devices) {
+      const variant = `${snapshot.name}_${device}_${orientation}`;
+      this.variants.push(variant);
+    }
+  }
+  filterExistingVariants(snapshot, config) {
+    let drop = true;
+    if (snapshot.options && snapshot.options.web) {
+      const webDrop = this.filterWebVariants(snapshot, snapshot.options.web);
+      if (!webDrop)
+        drop = false;
+    }
+    if (snapshot.options && snapshot.options.mobile) {
+      const mobileDrop = this.filterMobileVariants(snapshot, snapshot.options.mobile);
+      if (!mobileDrop)
+        drop = false;
+    }
+    if (!snapshot.options || snapshot.options && !snapshot.options.web && !snapshot.options.mobile) {
+      const configDrop = this.filterVariants(snapshot, config);
+      if (!configDrop)
+        drop = false;
+    }
+    return drop;
+  }
+  filterVariants(snapshot, config) {
+    var _a;
+    let allVariantsDropped = true;
+    if (config.web) {
+      const browsers = config.web.browsers || [];
+      const viewports = config.web.viewports || [];
+      for (const browser of browsers) {
+        for (const viewport of viewports) {
+          const width = viewport.width;
+          const height = viewport.height || 0;
+          const variant = `${snapshot.name}_${browser}_viewport[${width}]_viewport[${height}]`;
+          if (!this.variants.includes(variant)) {
+            allVariantsDropped = false;
+            if (!snapshot.options)
+              snapshot.options = {};
+            if (!snapshot.options.web)
+              snapshot.options.web = { browsers: [], viewports: [] };
+            if (!snapshot.options.web.browsers.includes(browser)) {
+              snapshot.options.web.browsers.push(browser);
+            }
+            const viewportExists = snapshot.options.web.viewports.some(
+              (existingViewport) => existingViewport[0] === width && (existingViewport.length < 2 || existingViewport[1] === height)
+            );
+            if (!viewportExists) {
+              if (height > 0) {
+                snapshot.options.web.viewports.push([width, height]);
+              } else {
+                snapshot.options.web.viewports.push([width]);
+              }
+            }
+          }
+        }
+      }
+    }
+    if (config.mobile) {
+      const devices = config.mobile.devices || [];
+      const orientation = config.mobile.orientation || constants_default.MOBILE_ORIENTATION_PORTRAIT;
+      const fullPage = (_a = config.mobile.fullPage) != null ? _a : true;
+      for (const device of devices) {
+        const variant = `${snapshot.name}_${device}_${orientation}`;
+        if (!this.variants.includes(variant)) {
+          allVariantsDropped = false;
+          if (!snapshot.options)
+            snapshot.options = {};
+          if (!snapshot.options.mobile)
+            snapshot.options.mobile = { devices: [], orientation: constants_default.MOBILE_ORIENTATION_PORTRAIT, fullPage };
+          if (!snapshot.options.mobile.devices.includes(device)) {
+            snapshot.options.mobile.devices.push(device);
+          }
+          snapshot.options.mobile.orientation = orientation;
+        }
+      }
+    }
+    return allVariantsDropped;
+  }
+  filterWebVariants(snapshot, webConfig) {
+    var _a, _b, _c;
+    const browsers = (_c = (_b = webConfig.browsers) != null ? _b : (_a = this.ctx.config.web) == null ? void 0 : _a.browsers) != null ? _c : [constants_default.CHROME, constants_default.EDGE, constants_default.FIREFOX, constants_default.SAFARI];
+    const viewports = webConfig.viewports || [];
+    let allVariantsDropped = true;
+    if (!snapshot.options) {
+      snapshot.options = {};
+    }
+    snapshot.options.web = { browsers: [], viewports: [] };
+    for (const browser of browsers) {
+      for (const viewport of viewports) {
+        const width = viewport[0];
+        const height = viewport[1] || 0;
+        const variant = `${snapshot.name}_${browser}_viewport[${width}]_viewport[${height}]`;
+        if (!this.variants.includes(variant)) {
+          allVariantsDropped = false;
+          if (!snapshot.options.web.browsers.includes(browser)) {
+            snapshot.options.web.browsers.push(browser);
+          }
+          const viewportExists = snapshot.options.web.viewports.some(
+            (existingViewport) => existingViewport[0] === width && (existingViewport.length < 2 || existingViewport[1] === height)
+          );
+          if (!viewportExists) {
+            if (height > 0) {
+              snapshot.options.web.viewports.push([width, height]);
+            } else {
+              snapshot.options.web.viewports.push([width]);
+            }
+          }
+        }
+      }
+    }
+    return allVariantsDropped;
+  }
+  filterMobileVariants(snapshot, mobileConfig) {
+    var _a, _b, _c, _d, _e, _f;
+    if (!snapshot.options) {
+      snapshot.options = {};
+    }
+    const devices = mobileConfig.devices || [];
+    const orientation = (_c = (_b = mobileConfig.orientation) != null ? _b : (_a = this.ctx.config.mobile) == null ? void 0 : _a.orientation) != null ? _c : constants_default.MOBILE_ORIENTATION_PORTRAIT;
+    const fullPage = (_f = (_e = mobileConfig.fullPage) != null ? _e : (_d = this.ctx.config.mobile) == null ? void 0 : _d.fullPage) != null ? _f : true;
+    let allVariantsDropped = true;
+    snapshot.options.mobile = { devices: [], orientation: constants_default.MOBILE_ORIENTATION_PORTRAIT, fullPage };
+    for (const device of devices) {
+      const variant = `${snapshot.name}_${device}_${orientation}`;
+      if (!this.variants.includes(variant)) {
+        allVariantsDropped = false;
+        snapshot.options.mobile.devices.push(device);
+        snapshot.options.mobile.orientation = orientation;
+      }
+    }
+    return allVariantsDropped;
+  }
+  processNext() {
+    return __async(this, null, function* () {
+      if (!this.isEmpty()) {
+        let snapshot;
+        if (this.ctx.config.delayedUpload) {
+          snapshot = this.snapshots.pop();
+        } else {
+          snapshot = this.snapshots.shift();
+        }
+        try {
+          this.processingSnapshot = snapshot == null ? void 0 : snapshot.name;
+          let drop = false;
+          if (!this.ctx.config.delayedUpload && snapshot && snapshot.name && this.snapshotNames.includes(snapshot.name)) {
+            drop = true;
+            this.ctx.log.info(`Skipping duplicate SmartUI snapshot '${snapshot.name}'. To capture duplicate screenshots, please set the 'delayedUploads' configuration as true in your config file.`);
+          }
+          if (this.ctx.config.delayedUpload && snapshot && snapshot.name && this.snapshotNames.includes(snapshot.name)) {
+            drop = this.filterExistingVariants(snapshot, this.ctx.config);
+          }
+          if (snapshot && snapshot.name && !this.snapshotNames.includes(snapshot.name) && !drop) {
+            this.snapshotNames.push(snapshot.name);
+          }
+          if (this.ctx.config.delayedUpload && snapshot && !drop) {
+            this.processGenerateVariants(snapshot);
+          }
+          if (!drop) {
+            let { processedSnapshot, warnings } = yield processSnapshot(snapshot, this.ctx);
+            yield this.ctx.client.uploadSnapshot(this.ctx, processedSnapshot);
+            this.ctx.totalSnapshots++;
+            this.processedSnapshots.push({ name: snapshot.name, warnings });
+          }
+        } catch (error) {
+          this.ctx.log.debug(`snapshot failed; ${error}`);
+          this.processedSnapshots.push({ name: snapshot.name, error: error.message });
+        }
+        if (this.ctx.browser) {
+          for (let context of this.ctx.browser.contexts()) {
+            for (let page of context.pages()) {
+              yield page.close();
+              this.ctx.log.debug(`Closed browser page for snapshot ${snapshot.name}`);
+            }
+            yield context.close();
+            this.ctx.log.debug(`Closed browser context for snapshot ${snapshot.name}`);
+          }
+        }
+        this.processNext();
+      } else {
+        this.processing = false;
+      }
+    });
+  }
+  isProcessing() {
+    return this.processing;
+  }
+  getProcessingSnapshot() {
+    return this.processingSnapshot;
+  }
+  getProcessedSnapshots() {
+    return this.processedSnapshots;
+  }
+  isEmpty() {
+    return this.snapshots && this.snapshots.length ? false : true;
+  }
+};
+
 // src/commander/exec.ts
 var command = new commander.Command();
 command.name("exec").description("Run test commands around SmartUI").argument("<command...>", "Command supplied for running tests").option("-P, --port <number>", "Port number for the server").action(function(execCommand, _, command5) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambdatest/smartui-cli",
-  "version": "4.0.5",
+  "version": "4.0.7",
   "description": "A command line interface (CLI) to run SmartUI tests on LambdaTest",
   "files": [
     "dist/**/*"
@@ -17,10 +17,10 @@
   "author": "LambdaTest <keys@lambdatest.com>",
   "license": "MIT",
   "dependencies": {
-    "@playwright/browser-chromium": "^1.45.3",
-    "@playwright/browser-firefox": "^1.45.3",
-    "@playwright/browser-webkit": "^1.45.3",
-    "@playwright/test": "^1.45.3",
+    "@playwright/browser-chromium": "^1.47.2",
+    "@playwright/browser-firefox": "^1.47.2",
+    "@playwright/browser-webkit": "^1.47.2",
+    "@playwright/test": "^1.47.2",
     "@types/cross-spawn": "^6.0.4",
     "@types/node": "^20.8.9",
     "@types/which": "^3.0.2",