@lambdatest/smartui-cli 4.1.38 → 4.1.40

package/dist/index.cjs

@@ -12,6 +12,7 @@ var Ajv = require('ajv');
 var addErrors = require('ajv-errors');
 var test = require('@playwright/test');
 var util$1 = require('util');
+var postcss = require('postcss');
 var winston = require('winston');
 var stringify = require('json-stringify-safe');
 var FormData = require('form-data');
@@ -51,6 +52,7 @@ var fastify__default = /*#__PURE__*/_interopDefault(fastify);
 var fs6__default = /*#__PURE__*/_interopDefault(fs6);
 var Ajv__default = /*#__PURE__*/_interopDefault(Ajv);
 var addErrors__default = /*#__PURE__*/_interopDefault(addErrors);
+var postcss__default = /*#__PURE__*/_interopDefault(postcss);
 var stringify__default = /*#__PURE__*/_interopDefault(stringify);
 var FormData__default = /*#__PURE__*/_interopDefault(FormData);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
@@ -888,6 +890,10 @@ var ConfigSchema = {
       type: "boolean",
       errorMessage: "Invalid config; loadDomContent must be true/false"
     },
+    customCSS: {
+      type: "string",
+      errorMessage: "Invalid config; customCSS must be a string"
+    },
     approvalThreshold: {
       type: "number",
       minimum: 0,
@@ -977,7 +983,9 @@ var SnapshotSchema = {
     name: {
       type: "string",
       minLength: 1,
-      errorMessage: "Invalid snapshot; name is mandatory and cannot be empty"
+      maxLength: 255,
+      pattern: "^.*\\S.*$",
+      errorMessage: "Invalid snapshot: name is mandatory, cannot be empty, and must not exceed 255 characters."
     },
     url: {
       type: "string",
@@ -1196,6 +1204,10 @@ var SnapshotSchema = {
             minProperties: 1
           },
           errorMessage: "Invalid snapshot options; customCookies must be an array of objects with string properties"
+        },
+        customCSS: {
+          type: "string",
+          errorMessage: "Invalid snapshot options; customCSS must be a string"
         }
       },
       additionalProperties: false
@@ -2203,6 +2215,129 @@ function startSSEListener(ctx) {
     }
   });
 }
+function resolveCustomCSS(cssValue, configPath, logger2) {
+  if (!cssValue || typeof cssValue !== "string") {
+    throw new Error("customCSS must be a non-empty string");
+  }
+  const trimmed = cssValue.trim();
+  if (trimmed.length === 0) {
+    throw new Error("customCSS cannot be empty");
+  }
+  const path7 = __require("path");
+  const isLikelyFilePath = trimmed.endsWith(".css") || trimmed.startsWith("./") || trimmed.startsWith("../") || trimmed.startsWith("/") || path7.isAbsolute(trimmed);
+  if (isLikelyFilePath) {
+    logger2.debug(`customCSS appears to be a file path: ${trimmed}`);
+    const ext = path7.extname(trimmed).toLowerCase();
+    if (ext && ext !== ".css") {
+      throw new Error(`Invalid customCSS file type: ${ext}. Only .css files are supported.`);
+    }
+    const baseDir = path7.dirname(configPath);
+    const resolvedPath = path7.isAbsolute(trimmed) ? trimmed : path7.resolve(baseDir, trimmed);
+    logger2.debug(`Resolved customCSS file path: ${resolvedPath}`);
+    if (!fs6__default.default.existsSync(resolvedPath)) {
+      throw new Error(`customCSS file not found: ${resolvedPath}`);
+    }
+    const stats = fs6__default.default.statSync(resolvedPath);
+    if (!stats.isFile()) {
+      throw new Error(`customCSS path is not a file: ${resolvedPath}`);
+    }
+    try {
+      const cssContent = fs6__default.default.readFileSync(resolvedPath, "utf-8");
+      logger2.debug(`Read ${cssContent.length} characters from customCSS file`);
+      return cssContent;
+    } catch (error) {
+      if (error.message.includes("Invalid CSS syntax")) {
+        throw error;
+      }
+      throw new Error(`Failed to read customCSS file: ${error.message}`);
+    }
+  } else {
+    logger2.debug("customCSS appears to be inline CSS");
+    return trimmed;
+  }
+}
+function parseCSSFile(cssContent) {
+  const rules = [];
+  try {
+    const ast = postcss__default.default.parse(cssContent);
+    ast.walkRules((rule) => {
+      var _a, _b;
+      const declarations = [];
+      rule.walkDecls((decl) => {
+        declarations.push({
+          property: decl.prop,
+          value: decl.value,
+          important: decl.important
+        });
+      });
+      rules.push({
+        selector: rule.selector,
+        declarations,
+        source: {
+          start: (_a = rule.source) == null ? void 0 : _a.start,
+          end: (_b = rule.source) == null ? void 0 : _b.end
+        }
+      });
+    });
+  } catch (error) {
+    throw new Error(`Failed to parse CSS: ${error.message}`);
+  }
+  return rules;
+}
+function validateCSSSelectors(page, cssRules, logger2) {
+  return __async(this, null, function* () {
+    const failedSelectors = [];
+    let successCount = 0;
+    for (const rule of cssRules) {
+      const selector = rule.selector;
+      if (selector.includes(":") || selector.includes("@") || selector.includes("::")) {
+        successCount++;
+        continue;
+      }
+      try {
+        const elementExists = yield page.evaluate(({ selectorValue }) => {
+          try {
+            const elements = document.querySelectorAll(selectorValue);
+            return elements.length > 0;
+          } catch (error) {
+            return false;
+          }
+        }, { selectorValue: selector });
+        if (elementExists) {
+          successCount++;
+          logger2.debug(`CSS selector valid: ${selector}`);
+        } else {
+          failedSelectors.push(selector);
+          logger2.debug(`CSS selector found no elements: ${selector}`);
+        }
+      } catch (error) {
+        failedSelectors.push(selector);
+        logger2.debug(`CSS selector validation error for "${selector}": ${error.message}`);
+      }
+    }
+    return {
+      successCount,
+      failedSelectors,
+      totalRules: cssRules.length
+    };
+  });
+}
+function generateCSSInjectionReport(validationResult, logger2) {
+  const lines = [];
+  lines.push(chalk__default.default.cyan("[SmartUI] CSS Injection Report:"));
+  if (validationResult.successCount > 0) {
+    lines.push(chalk__default.default.green(`[SmartUI] \u2705 Success: ${validationResult.successCount} rules applied.`));
+  }
+  if (validationResult.failedSelectors.length > 0) {
+    lines.push(chalk__default.default.yellow(`[SmartUI] \u26A0\uFE0F  Warning: ${validationResult.failedSelectors.length} selector(s) failed to find an element:`));
+    validationResult.failedSelectors.forEach((selector) => {
+      lines.push(chalk__default.default.yellow(`[SmartUI]   - ${selector}`));
+    });
+  }
+  const report = lines.join("\n");
+  logger2.info(report);
+  return report;
+}
 
 // src/lib/server.ts
 var fp = require_find_free_port();
@@ -2271,7 +2406,7 @@ var server_default = (ctx) => __async(void 0, null, function* () {
           capsBuildId = (cachedCapabilities == null ? void 0 : cachedCapabilities.buildId) || "";
         } else {
           try {
-            let fetchedCapabilitiesResp = yield ctx.client.getSmartUICapabilities(sessionId, ctx.config, ctx.git, ctx.log, ctx.isStartExec);
+            let fetchedCapabilitiesResp = yield ctx.client.getSmartUICapabilities(sessionId, ctx.config, ctx.git, ctx.log, ctx.isStartExec, ctx.options.baselineBuild);
             capsBuildId = (fetchedCapabilitiesResp == null ? void 0 : fetchedCapabilitiesResp.buildId) || "";
             ctx.log.debug(`fetch caps for sessionId: ${sessionId} are ${JSON.stringify(fetchedCapabilitiesResp)}`);
             if (capsBuildId) {
@@ -2399,7 +2534,8 @@ var server_default = (ctx) => __async(void 0, null, function* () {
     let replyBody;
     try {
       ctx.log.debug(`request.query : ${JSON.stringify(request.query)}`);
-      const { contextId, pollTimeout, snapshotName } = request.query;
+      const { contextId, pollTimeout, snapshotName: rawSnapshotName } = request.query;
+      const snapshotName = rawSnapshotName == null ? void 0 : rawSnapshotName.trim();
       if (!contextId || !snapshotName) {
         throw new Error("contextId and snapshotName are required parameters");
       }
@@ -2531,7 +2667,8 @@ var env_default = () => {
     SMART_GIT,
     SHOW_RENDER_ERRORS,
     SMARTUI_SSE_URL = "https://server-events.lambdatest.com",
-    LT_SDK_SKIP_EXECUTION_LOGS
+    LT_SDK_SKIP_EXECUTION_LOGS,
+    MAX_CONCURRENT_PROCESSING
   } = process.env;
   return {
     PROJECT_TOKEN,
@@ -2557,7 +2694,8 @@ var env_default = () => {
     SMART_GIT: SMART_GIT === "true",
     SHOW_RENDER_ERRORS: SHOW_RENDER_ERRORS === "true",
     SMARTUI_SSE_URL,
-    LT_SDK_SKIP_EXECUTION_LOGS: LT_SDK_SKIP_EXECUTION_LOGS === "true"
+    LT_SDK_SKIP_EXECUTION_LOGS: LT_SDK_SKIP_EXECUTION_LOGS === "true",
+    MAX_CONCURRENT_PROCESSING: MAX_CONCURRENT_PROCESSING ? parseInt(MAX_CONCURRENT_PROCESSING, 10) : 0
   };
 };
 var logContext = {};
@@ -2652,7 +2790,7 @@ var authExec_default = (ctx) => {
 };
 
 // package.json
-var version = "4.1.38";
+var version = "4.1.40";
 var package_default = {
   name: "@lambdatest/smartui-cli",
   version,
@@ -2698,6 +2836,7 @@ var package_default = {
     "json-stringify-safe": "^5.0.1",
     listr2: "^7.0.1",
     "node-cache": "^5.1.2",
+    postcss: "^8.5.6",
     sharp: "^0.33.4",
     tsup: "^7.2.0",
     uuid: "^11.0.3",
@@ -2963,7 +3102,7 @@ var httpClient = class {
       }
     }, log2);
   }
-  getSmartUICapabilities(sessionId, config, git, log2, isStartExec) {
+  getSmartUICapabilities(sessionId, config, git, log2, isStartExec, baselineBuild) {
     return this.request({
       url: "/sessions/capabilities",
       method: "GET",
@@ -2973,7 +3112,8 @@ var httpClient = class {
       data: {
         git,
         config,
-        isStartExec
+        isStartExec,
+        baselineBuild
       },
       headers: {
         projectToken: "",
@@ -3330,8 +3470,13 @@ var httpClient = class {
   }
   getSnapshotStatus(buildId, snapshotName, snapshotUuid, ctx) {
     return this.request({
-      url: `/snapshot/status?buildId=${buildId}&snapshotName=${snapshotName}&snapshotUUID=${snapshotUuid}`,
+      url: `/snapshot/status`,
       method: "GET",
+      params: {
+        buildId,
+        snapshotName,
+        snapshotUUID: snapshotUuid
+      },
       headers: {
         "Content-Type": "application/json"
       }
@@ -3434,6 +3579,18 @@ var ctx_default = (options) => {
       if (!validateConfigFn(config)) {
         throw new Error(validateConfigFn.errors[0].message);
       }
+      if (config.customCSS) {
+        try {
+          config.customCSS = resolveCustomCSS(
+            config.customCSS,
+            options.config,
+            logger_default
+          );
+          logger_default.debug("Successfully resolved and validated customCSS from config");
+        } catch (error) {
+          throw new Error(`customCSS error: ${error.message}`);
+        }
+      }
     } else {
       logger_default.info("## No config file provided. Using default config.");
     }
@@ -3461,6 +3618,8 @@ var ctx_default = (options) => {
     if (options.userName && options.accessKey) {
       env.LT_USERNAME = options.userName;
       env.LT_ACCESS_KEY = options.accessKey;
+      process.env.LT_USERNAME = options.userName;
+      process.env.LT_ACCESS_KEY = options.accessKey;
     }
   } catch (error) {
     console.log(`[smartui] Error: ${error.message}`);
@@ -3533,7 +3692,8 @@ var ctx_default = (options) => {
       loadDomContent,
       approvalThreshold: config.approvalThreshold,
       rejectionThreshold: config.rejectionThreshold,
-      showRenderErrors: (_k = config.showRenderErrors) != null ? _k : false
+      showRenderErrors: (_k = config.showRenderErrors) != null ? _k : false,
+      customCSS: config.customCSS
     },
     uploadFilePath: "",
     webStaticConfig: [],
@@ -3572,7 +3732,9 @@ var ctx_default = (options) => {
       baselineBranch: options.baselineBranch || "",
       baselineBuild: options.baselineBuild || "",
       githubURL: options.githubURL || "",
-      showRenderErrors: options.showRenderErrors ? true : false
+      showRenderErrors: options.showRenderErrors ? true : false,
+      userName: options.userName || "",
+      accessKey: options.accessKey || ""
     },
     cliVersion: version,
     totalSnapshots: -1,
@@ -3594,6 +3756,21 @@ var ctx_default = (options) => {
     mergeByBuild: false
   };
 };
+
+// src/lib/execCommandOptions.ts
+var execCommandOptions_default = (ctx) => {
+  if (ctx.args.execCommand && !ctx.options.userName && !ctx.options.accessKey) {
+    for (const arg of ctx.args.execCommand) {
+      if (arg.includes("lambdaTestUserName")) {
+        ctx.env.LT_USERNAME = arg.split("=")[1];
+      }
+      if (arg.includes("lambdaTestAccessKey")) {
+        ctx.env.LT_ACCESS_KEY = arg.split("=")[1];
+      }
+    }
+  }
+  return ctx;
+};
 function executeCommand(command11) {
   let dst = process.cwd();
   try {
@@ -4150,6 +4327,19 @@ function prepareSnapshot(snapshot, ctx) {
     if (ctx.config.useExtendedViewport) {
       processedOptions.useExtendedViewport = true;
     }
+    try {
+      if (options == null ? void 0 : options.customCSS) {
+        const resolvedCSS = resolveCustomCSS(options.customCSS, "", ctx.log);
+        processedOptions.customCSS = resolvedCSS;
+        ctx.log.debug("Using per-snapshot customCSS (overriding config)");
+      } else if (ctx.config.customCSS) {
+        processedOptions.customCSS = ctx.config.customCSS;
+        ctx.log.debug("Using config customCSS");
+      }
+    } catch (error) {
+      ctx.log.warn(`customCSS warning: ${error.message}`);
+      chalk__default.default.yellow(`[SmartUI] warning: ${error.message}`);
+    }
     processedOptions.allowedAssets = ctx.config.allowedAssets;
     processedOptions.selectors = selectors;
     processedOptions.ignoreDOM = options == null ? void 0 : options.ignoreDOM;
@@ -4553,6 +4743,17 @@ function processSnapshot(snapshot, ctx) {
     if (ctx.config.useExtendedViewport) {
       processedOptions.useExtendedViewport = true;
     }
+    try {
+      if (options == null ? void 0 : options.customCSS) {
+        const resolvedCSS = resolveCustomCSS(options.customCSS, "", ctx.log);
+        processedOptions.customCSS = resolvedCSS;
+      } else if (ctx.config.customCSS) {
+        processedOptions.customCSS = ctx.config.customCSS;
+      }
+    } catch (error) {
+      optionWarnings.add(`${error.message}`);
+    }
+    ctx.log.debug(`Processed options: ${JSON.stringify(processedOptions)}`);
     let navigated = false;
     let previousDeviceType = null;
     let renderViewports;
@@ -4786,6 +4987,21 @@ function processSnapshot(snapshot, ctx) {
     if (ctx.build.checkPendingRequests) {
       yield checkPending();
     }
+    if (processedOptions.customCSS) {
+      try {
+        const cssRules = parseCSSFile(processedOptions.customCSS);
+        const validationResult = yield validateCSSSelectors(page, cssRules, ctx.log);
+        const report = generateCSSInjectionReport(validationResult, ctx.log);
+        if (validationResult.failedSelectors.length > 0) {
+          validationResult.failedSelectors.forEach((selector) => {
+            optionWarnings.add(`customCSS selector not found: ${selector}`);
+          });
+        }
+      } catch (error) {
+        ctx.log.warn(`CSS validation failed: ${error.message}`);
+        optionWarnings.add(`CSS validation error: ${error.message}`);
+      }
+    }
     let hasBrowserErrors = false;
     for (let browser in discoveryErrors.browsers) {
       if (discoveryErrors.browsers[browser]) {
@@ -4834,6 +5050,8 @@ var Queue = class {
     this.processingSnapshot = "";
     this.snapshotNames = [];
     this.variants = [];
+    this.activeProcessingCount = 0;
+    this.MAX_CONCURRENT_PROCESSING = 5;
     this.ctx = ctx;
   }
   enqueue(item) {
@@ -5047,200 +5265,240 @@ var Queue = class {
   }
   processNext() {
     return __async(this, null, function* () {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
       if (!this.isEmpty()) {
+        const useRemoteDiscovery = this.ctx.env.USE_REMOTE_DISCOVERY || this.ctx.config.useRemoteDiscovery;
+        if (useRemoteDiscovery && !this.ctx.config.delayedUpload && !this.ctx.config.allowDuplicateSnapshotNames) {
+          let maxConcurrentProcessing = this.ctx.env.MAX_CONCURRENT_PROCESSING === 0 ? this.MAX_CONCURRENT_PROCESSING : this.ctx.env.MAX_CONCURRENT_PROCESSING;
+          if (maxConcurrentProcessing > 15 || maxConcurrentProcessing < 1) {
+            this.ctx.log.info(`Larger than 15 concurrent processing. Setting to 5.`);
+            maxConcurrentProcessing = 5;
+          }
+          this.ctx.log.info(`Max concurrent processing: ${maxConcurrentProcessing}`);
+          const snapshotsToProcess = [];
+          const maxSnapshots = Math.min(maxConcurrentProcessing - this.activeProcessingCount, this.snapshots.length);
+          for (let i = 0; i < maxSnapshots; i++) {
+            let snapshot2;
+            if (this.ctx.config.delayedUpload) {
+              snapshot2 = this.snapshots.pop();
+            } else {
+              snapshot2 = this.snapshots.shift();
+            }
+            if (snapshot2) {
+              snapshotsToProcess.push(snapshot2);
+            }
+          }
+          if (snapshotsToProcess.length > 0) {
+            this.activeProcessingCount += snapshotsToProcess.length;
+            const processingPromises = snapshotsToProcess.map((snapshot2) => this.processSnapshot(snapshot2));
+            yield Promise.allSettled(processingPromises);
+            this.activeProcessingCount -= snapshotsToProcess.length;
+            if (!this.isEmpty()) {
+              this.processNext();
+            } else {
+              this.processing = false;
+            }
+            return;
+          }
+        }
         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.isStartExec) {
-            this.ctx.log.info(`Processing Snapshot: ${snapshot == null ? void 0 : snapshot.name}`);
-          }
-          if (!this.ctx.config.delayedUpload && snapshot && snapshot.name && this.snapshotNames.includes(snapshot.name) && !this.ctx.config.allowDuplicateSnapshotNames) {
-            if (this.ctx.sessionIdToSnapshotNameMap && snapshot.options && snapshot.options.sessionId) {
-              if (this.ctx.sessionIdToSnapshotNameMap.has(snapshot.options.sessionId)) {
-                console.log(`snapshot.options.sessionId`, snapshot.options.sessionId, `this.ctx.sessionIdToSnapshotNameMap`, JSON.stringify([...this.ctx.sessionIdToSnapshotNameMap]));
-                const existingNames = this.ctx.sessionIdToSnapshotNameMap.get(snapshot.options.sessionId) || [];
-                if (existingNames.includes(snapshot.name)) {
-                  drop = true;
-                  this.ctx.log.info(`Skipping123 duplicate SmartUI snapshot '${snapshot.name}'. To capture duplicate screenshots, please set the 'allowDuplicateSnapshotNames' or 'delayedUpload' configuration as true in your config file.`);
-                } else {
-                  existingNames.push(snapshot.name);
-                  this.ctx.sessionIdToSnapshotNameMap.set(snapshot.options.sessionId, existingNames);
-                }
+        if (snapshot) {
+          yield this.processSnapshot(snapshot);
+          this.processNext();
+        }
+      } else {
+        this.processing = false;
+      }
+    });
+  }
+  processSnapshot(snapshot) {
+    return __async(this, null, function* () {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+      try {
+        this.processingSnapshot = snapshot == null ? void 0 : snapshot.name;
+        let drop = false;
+        if (this.ctx.isStartExec) {
+          this.ctx.log.info(`Processing Snapshot: ${snapshot == null ? void 0 : snapshot.name}`);
+        }
+        if (!this.ctx.config.delayedUpload && snapshot && snapshot.name && this.snapshotNames.includes(snapshot.name) && !this.ctx.config.allowDuplicateSnapshotNames) {
+          if (this.ctx.sessionIdToSnapshotNameMap && snapshot.options && snapshot.options.sessionId) {
+            if (this.ctx.sessionIdToSnapshotNameMap.has(snapshot.options.sessionId)) {
+              console.log(`snapshot.options.sessionId`, snapshot.options.sessionId, `this.ctx.sessionIdToSnapshotNameMap`, JSON.stringify([...this.ctx.sessionIdToSnapshotNameMap]));
+              const existingNames = this.ctx.sessionIdToSnapshotNameMap.get(snapshot.options.sessionId) || [];
+              if (existingNames.includes(snapshot.name)) {
+                drop = true;
+                this.ctx.log.info(`Skipping123 duplicate SmartUI snapshot '${snapshot.name}'. To capture duplicate screenshots, please set the 'allowDuplicateSnapshotNames' or 'delayedUpload' configuration as true in your config file.`);
               } else {
-                this.ctx.sessionIdToSnapshotNameMap.set(snapshot.options.sessionId, [snapshot.name]);
+                existingNames.push(snapshot.name);
+                this.ctx.sessionIdToSnapshotNameMap.set(snapshot.options.sessionId, existingNames);
               }
             } else {
-              drop = true;
-              this.ctx.log.info(`Skipping duplicate SmartUI snapshot '${snapshot.name}'. To capture duplicate screenshots, please set the 'allowDuplicateSnapshotNames' or 'delayedUpload' configuration as true in your config file.`);
+              this.ctx.sessionIdToSnapshotNameMap.set(snapshot.options.sessionId, [snapshot.name]);
             }
+          } else {
+            drop = true;
+            this.ctx.log.info(`Skipping duplicate SmartUI snapshot '${snapshot.name}'. To capture duplicate screenshots, please set the 'allowDuplicateSnapshotNames' or 'delayedUpload' 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 && 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) {
+          const sessionId = (_a = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _a.sessionId;
+          let capsBuildId = "";
+          let capsProjectToken = "";
+          let useCapsBuildId = false;
+          let useKafkaFlowCaps = false;
+          if (sessionId && ((_b = this.ctx.sessionCapabilitiesMap) == null ? void 0 : _b.has(sessionId))) {
+            const cachedCapabilities = this.ctx.sessionCapabilitiesMap.get(sessionId);
+            capsProjectToken = (cachedCapabilities == null ? void 0 : cachedCapabilities.projectToken) || "";
+            capsBuildId = (cachedCapabilities == null ? void 0 : cachedCapabilities.buildId) || "";
+            useKafkaFlowCaps = (cachedCapabilities == null ? void 0 : cachedCapabilities.useKafkaFlow) || false;
+            if (capsBuildId != "" && capsProjectToken != "") {
+              useCapsBuildId = true;
+            }
           }
-          if (this.ctx.config.delayedUpload && snapshot && !drop) {
-            this.processGenerateVariants(snapshot);
+          let processedSnapshot, warnings, discoveryErrors;
+          if (this.ctx.env.USE_REMOTE_DISCOVERY || this.ctx.config.useRemoteDiscovery) {
+            this.ctx.log.debug(`Using remote discovery`);
+            let result = yield prepareSnapshot(snapshot, this.ctx);
+            processedSnapshot = result.processedSnapshot;
+            warnings = result.warnings;
+          } else {
+            this.ctx.log.debug(`Using local discovery`);
+            let result = yield processSnapshot(snapshot, this.ctx);
+            processedSnapshot = result.processedSnapshot;
+            warnings = result.warnings;
+            discoveryErrors = result.discoveryErrors;
           }
-          if (!drop) {
-            const sessionId = (_a = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _a.sessionId;
-            let capsBuildId = "";
-            let capsProjectToken = "";
-            let useCapsBuildId = false;
-            let useKafkaFlowCaps = false;
-            if (sessionId && ((_b = this.ctx.sessionCapabilitiesMap) == null ? void 0 : _b.has(sessionId))) {
-              const cachedCapabilities = this.ctx.sessionCapabilitiesMap.get(sessionId);
-              capsProjectToken = (cachedCapabilities == null ? void 0 : cachedCapabilities.projectToken) || "";
-              capsBuildId = (cachedCapabilities == null ? void 0 : cachedCapabilities.buildId) || "";
-              useKafkaFlowCaps = (cachedCapabilities == null ? void 0 : cachedCapabilities.useKafkaFlow) || false;
-              if (capsBuildId != "" && capsProjectToken != "") {
-                useCapsBuildId = true;
+          if (useCapsBuildId) {
+            this.ctx.log.info(`Using cached buildId: ${capsBuildId}`);
+            let approvalThreshold = ((_c = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _c.approvalThreshold) || this.ctx.config.approvalThreshold;
+            let rejectionThreshold = ((_d = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _d.rejectionThreshold) || this.ctx.config.rejectionThreshold;
+            if (useKafkaFlowCaps) {
+              let snapshotUuid = uuid.v4();
+              if (((_e = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _e.contextId) && ((_f = this.ctx.contextToSnapshotMap) == null ? void 0 : _f.has(snapshot.options.contextId))) {
+                snapshotUuid = snapshot.options.contextId;
               }
-            }
-            let processedSnapshot, warnings, discoveryErrors;
-            if (this.ctx.env.USE_REMOTE_DISCOVERY || this.ctx.config.useRemoteDiscovery) {
-              this.ctx.log.debug(`Using remote discovery`);
-              let result = yield prepareSnapshot(snapshot, this.ctx);
-              processedSnapshot = result.processedSnapshot;
-              warnings = result.warnings;
+              let uploadDomToS3 = this.ctx.config.useLambdaInternal || uploadDomToS3ViaEnv3;
+              if (!uploadDomToS3) {
+                this.ctx.log.debug(`Uploading dom to S3 for snapshot using presigned URL for CAPS`);
+                const presignedResponse = yield this.ctx.client.getS3PresignedURLForSnapshotUploadCaps(this.ctx, processedSnapshot.name, snapshotUuid, capsBuildId, capsProjectToken);
+                const uploadUrl = presignedResponse.data.url;
+                yield this.ctx.client.uploadSnapshotToS3Caps(this.ctx, uploadUrl, processedSnapshot, capsProjectToken);
+              } else {
+                this.ctx.log.debug(`Uploading dom to S3 for snapshot using LSRS`);
+                yield this.ctx.client.sendDomToLSRSForCaps(this.ctx, processedSnapshot, snapshotUuid, capsBuildId, capsProjectToken);
+              }
+              yield this.ctx.client.processSnapshotCaps(this.ctx, processedSnapshot, snapshotUuid, capsBuildId, capsProjectToken, discoveryErrors, calculateVariantCountFromSnapshot(processedSnapshot, this.ctx.config), (_g = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _g.sync, approvalThreshold, rejectionThreshold);
             } else {
-              this.ctx.log.debug(`Using local discovery`);
-              let result = yield processSnapshot(snapshot, this.ctx);
-              processedSnapshot = result.processedSnapshot;
-              warnings = result.warnings;
-              discoveryErrors = result.discoveryErrors;
+              yield this.ctx.client.uploadSnapshotForCaps(this.ctx, processedSnapshot, capsBuildId, capsProjectToken, discoveryErrors, calculateVariantCountFromSnapshot(processedSnapshot, this.ctx.config), (_h = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _h.sync, approvalThreshold, rejectionThreshold);
+            }
+            const cachedCapabilities = this.ctx.sessionCapabilitiesMap.get(sessionId);
+            const currentCount = (cachedCapabilities == null ? void 0 : cachedCapabilities.snapshotCount) || 0;
+            cachedCapabilities.snapshotCount = currentCount + 1;
+            this.ctx.sessionCapabilitiesMap.set(sessionId, cachedCapabilities);
+            if (((_i = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _i.contextId) && this.ctx.contextToSnapshotMap) {
+              this.ctx.contextToSnapshotMap.set(snapshot.options.contextId, capsBuildId);
             }
-            if (useCapsBuildId) {
-              this.ctx.log.info(`Using cached buildId: ${capsBuildId}`);
-              let approvalThreshold = ((_c = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _c.approvalThreshold) || this.ctx.config.approvalThreshold;
-              let rejectionThreshold = ((_d = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _d.rejectionThreshold) || this.ctx.config.rejectionThreshold;
-              if (useKafkaFlowCaps) {
-                let snapshotUuid = uuid.v4();
-                if (((_e = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _e.contextId) && ((_f = this.ctx.contextToSnapshotMap) == null ? void 0 : _f.has(snapshot.options.contextId))) {
-                  snapshotUuid = snapshot.options.contextId;
+          } else {
+            if (!((_j = this.ctx.build) == null ? void 0 : _j.id)) {
+              if (this.ctx.authenticatedInitially) {
+                let resp = yield this.ctx.client.createBuild(this.ctx.git, this.ctx.config, this.ctx.log, this.ctx.build.name, false, false, false, "");
+                this.ctx.build = {
+                  id: resp.data.buildId,
+                  name: resp.data.buildName,
+                  url: resp.data.buildURL,
+                  baseline: resp.data.baseline,
+                  useKafkaFlow: resp.data.useKafkaFlow || false
+                };
+              } else {
+                if (this.ctx.autoTunnelStarted) {
+                  yield stopTunnelHelper(this.ctx);
                 }
-                let uploadDomToS3 = this.ctx.config.useLambdaInternal || uploadDomToS3ViaEnv3;
-                if (!uploadDomToS3) {
-                  this.ctx.log.debug(`Uploading dom to S3 for snapshot using presigned URL for CAPS`);
-                  const presignedResponse = yield this.ctx.client.getS3PresignedURLForSnapshotUploadCaps(this.ctx, processedSnapshot.name, snapshotUuid, capsBuildId, capsProjectToken);
-                  const uploadUrl = presignedResponse.data.url;
-                  yield this.ctx.client.uploadSnapshotToS3Caps(this.ctx, uploadUrl, processedSnapshot, capsProjectToken);
-                } else {
-                  this.ctx.log.debug(`Uploading dom to S3 for snapshot using LSRS`);
-                  yield this.ctx.client.sendDomToLSRSForCaps(this.ctx, processedSnapshot, snapshotUuid, capsBuildId, capsProjectToken);
+                throw new Error("SmartUI capabilities are missing in env variables or in driver capabilities");
+              }
+              if (this.ctx.options.fetchResults) {
+                if (this.ctx.build && this.ctx.build.id) {
+                  startPolling(this.ctx, "", false, "");
                 }
-                yield this.ctx.client.processSnapshotCaps(this.ctx, processedSnapshot, snapshotUuid, capsBuildId, capsProjectToken, discoveryErrors, calculateVariantCountFromSnapshot(processedSnapshot, this.ctx.config), (_g = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _g.sync, approvalThreshold, rejectionThreshold);
-              } else {
-                yield this.ctx.client.uploadSnapshotForCaps(this.ctx, processedSnapshot, capsBuildId, capsProjectToken, discoveryErrors, calculateVariantCountFromSnapshot(processedSnapshot, this.ctx.config), (_h = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _h.sync, approvalThreshold, rejectionThreshold);
               }
-              const cachedCapabilities = this.ctx.sessionCapabilitiesMap.get(sessionId);
-              const currentCount = (cachedCapabilities == null ? void 0 : cachedCapabilities.snapshotCount) || 0;
-              cachedCapabilities.snapshotCount = currentCount + 1;
-              this.ctx.sessionCapabilitiesMap.set(sessionId, cachedCapabilities);
-              if (((_i = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _i.contextId) && this.ctx.contextToSnapshotMap) {
-                this.ctx.contextToSnapshotMap.set(snapshot.options.contextId, capsBuildId);
+            }
+            if (this.ctx.build && this.ctx.build.useKafkaFlow) {
+              let snapshotUuid = uuid.v4();
+              let snapshotUploadResponse;
+              if (((_k = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _k.contextId) && ((_l = this.ctx.contextToSnapshotMap) == null ? void 0 : _l.has(snapshot.options.contextId))) {
+                snapshotUuid = snapshot.options.contextId;
               }
-            } else {
-              if (!((_j = this.ctx.build) == null ? void 0 : _j.id)) {
-                if (this.ctx.authenticatedInitially) {
-                  let resp = yield this.ctx.client.createBuild(this.ctx.git, this.ctx.config, this.ctx.log, this.ctx.build.name, false, false, false, "");
-                  this.ctx.build = {
-                    id: resp.data.buildId,
-                    name: resp.data.buildName,
-                    url: resp.data.buildURL,
-                    baseline: resp.data.baseline,
-                    useKafkaFlow: resp.data.useKafkaFlow || false
-                  };
-                } else {
-                  if (this.ctx.autoTunnelStarted) {
-                    yield stopTunnelHelper(this.ctx);
-                  }
-                  throw new Error("SmartUI capabilities are missing in env variables or in driver capabilities");
-                }
-                if (this.ctx.options.fetchResults) {
-                  if (this.ctx.build && this.ctx.build.id) {
-                    startPolling(this.ctx, "", false, "");
-                  }
-                }
+              let uploadDomToS3 = this.ctx.config.useLambdaInternal || uploadDomToS3ViaEnv3;
+              if (!uploadDomToS3) {
+                this.ctx.log.debug(`Uploading dom to S3 for snapshot using presigned URL`);
+                const presignedResponse = yield this.ctx.client.getS3PresignedURLForSnapshotUpload(this.ctx, processedSnapshot.name, snapshotUuid);
+                const uploadUrl = presignedResponse.data.url;
+                snapshotUploadResponse = yield this.ctx.client.uploadSnapshotToS3(this.ctx, uploadUrl, processedSnapshot);
+              } else {
+                this.ctx.log.debug(`Uploading dom to S3 for snapshot using LSRS`);
+                snapshotUploadResponse = yield this.ctx.client.sendDomToLSRS(this.ctx, processedSnapshot, snapshotUuid);
               }
-              if (this.ctx.build && this.ctx.build.useKafkaFlow) {
-                let snapshotUuid = uuid.v4();
-                let snapshotUploadResponse;
-                if (((_k = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _k.contextId) && ((_l = this.ctx.contextToSnapshotMap) == null ? void 0 : _l.has(snapshot.options.contextId))) {
-                  snapshotUuid = snapshot.options.contextId;
-                }
-                let uploadDomToS3 = this.ctx.config.useLambdaInternal || uploadDomToS3ViaEnv3;
-                if (!uploadDomToS3) {
-                  this.ctx.log.debug(`Uploading dom to S3 for snapshot using presigned URL`);
-                  const presignedResponse = yield this.ctx.client.getS3PresignedURLForSnapshotUpload(this.ctx, processedSnapshot.name, snapshotUuid);
-                  const uploadUrl = presignedResponse.data.url;
-                  snapshotUploadResponse = yield this.ctx.client.uploadSnapshotToS3(this.ctx, uploadUrl, processedSnapshot);
-                } else {
-                  this.ctx.log.debug(`Uploading dom to S3 for snapshot using LSRS`);
-                  snapshotUploadResponse = yield this.ctx.client.sendDomToLSRS(this.ctx, processedSnapshot, snapshotUuid);
-                }
-                if (!snapshotUploadResponse || Object.keys(snapshotUploadResponse).length === 0) {
-                  this.ctx.log.debug(`snapshot failed; Unable to upload dom to S3`);
-                  this.processedSnapshots.push({ name: snapshot == null ? void 0 : snapshot.name, error: `snapshot failed; Unable to upload dom to S3` });
-                  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}`);
+              if (!snapshotUploadResponse || Object.keys(snapshotUploadResponse).length === 0) {
+                this.ctx.log.debug(`snapshot failed; Unable to upload dom to S3`);
+                this.processedSnapshots.push({ name: snapshot == null ? void 0 : snapshot.name, error: `snapshot failed; Unable to upload dom to S3` });
+                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}`);
                   }
-                  if ((_m = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _m.contextId) {
-                    (_o = this.ctx.contextToSnapshotMap) == null ? void 0 : _o.set((_n = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _n.contextId, "2");
-                  }
-                  this.processNext();
-                } else {
-                  let approvalThreshold = ((_p = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _p.approvalThreshold) || this.ctx.config.approvalThreshold;
-                  let rejectionThreshold = ((_q = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _q.rejectionThreshold) || this.ctx.config.rejectionThreshold;
-                  yield this.ctx.client.processSnapshot(this.ctx, processedSnapshot, snapshotUuid, discoveryErrors, calculateVariantCountFromSnapshot(processedSnapshot, this.ctx.config), (_r = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _r.sync, approvalThreshold, rejectionThreshold);
-                  if (((_s = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _s.contextId) && ((_t = this.ctx.contextToSnapshotMap) == null ? void 0 : _t.has(snapshot.options.contextId))) {
-                    this.ctx.contextToSnapshotMap.set(snapshot.options.contextId, this.ctx.build.id);
-                  }
-                  this.ctx.log.debug(`ContextId: ${(_u = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _u.contextId} status set to uploaded`);
+                }
+                if ((_m = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _m.contextId) {
+                  (_o = this.ctx.contextToSnapshotMap) == null ? void 0 : _o.set((_n = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _n.contextId, "2");
                 }
               } else {
-                this.ctx.log.info(`Uploading snapshot to S3`);
-                yield this.ctx.client.uploadSnapshot(this.ctx, processedSnapshot, discoveryErrors);
+                let approvalThreshold = ((_p = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _p.approvalThreshold) || this.ctx.config.approvalThreshold;
+                let rejectionThreshold = ((_q = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _q.rejectionThreshold) || this.ctx.config.rejectionThreshold;
+                yield this.ctx.client.processSnapshot(this.ctx, processedSnapshot, snapshotUuid, discoveryErrors, calculateVariantCountFromSnapshot(processedSnapshot, this.ctx.config), (_r = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _r.sync, approvalThreshold, rejectionThreshold);
+                if (((_s = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _s.contextId) && ((_t = this.ctx.contextToSnapshotMap) == null ? void 0 : _t.has(snapshot.options.contextId))) {
+                  this.ctx.contextToSnapshotMap.set(snapshot.options.contextId, this.ctx.build.id);
+                }
+                this.ctx.log.debug(`ContextId: ${(_u = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _u.contextId} status set to uploaded`);
               }
-              this.ctx.totalSnapshots++;
+            } else {
+              this.ctx.log.info(`Uploading snapshot to S3`);
+              yield this.ctx.client.uploadSnapshot(this.ctx, processedSnapshot, discoveryErrors);
             }
-            this.processedSnapshots.push({ name: snapshot == null ? void 0 : snapshot.name, warnings });
-          }
-        } catch (error) {
-          this.ctx.log.debug(`snapshot failed; ${error}`);
-          this.processedSnapshots.push({ name: snapshot == null ? void 0 : snapshot.name, error: error.message });
-          if (((_v = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _v.contextId) && this.ctx.contextToSnapshotMap) {
-            this.ctx.contextToSnapshotMap.set(snapshot.options.contextId, "2");
+            this.ctx.totalSnapshots++;
           }
+          this.processedSnapshots.push({ name: snapshot == null ? void 0 : snapshot.name, warnings });
         }
-        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}`);
+      } catch (error) {
+        this.ctx.log.debug(`snapshot failed; ${error}`);
+        this.processedSnapshots.push({ name: snapshot == null ? void 0 : snapshot.name, error: error.message });
+        if (((_v = snapshot == null ? void 0 : snapshot.options) == null ? void 0 : _v.contextId) && this.ctx.contextToSnapshotMap) {
+          this.ctx.contextToSnapshotMap.set(snapshot.options.contextId, "2");
+        }
+      }
+      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;
       }
     });
   }
@@ -5297,6 +5555,7 @@ command.name("exec").description("Run test commands around SmartUI").argument("<
     ctx.snapshotQueue = new Queue(ctx);
     ctx.totalSnapshots = 0;
     ctx.sourceCommand = "exec";
+    execCommandOptions_default(ctx);
     let tasks = new listr2.Listr(
       [
         authExec_default(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambdatest/smartui-cli",
-  "version": "4.1.38",
+  "version": "4.1.40",
   "description": "A command line interface (CLI) to run SmartUI tests on LambdaTest",
   "files": [
     "dist/**/*"
@@ -37,6 +37,7 @@
     "json-stringify-safe": "^5.0.1",
     "listr2": "^7.0.1",
     "node-cache": "^5.1.2",
+    "postcss": "^8.5.6",
     "sharp": "^0.33.4",
     "tsup": "^7.2.0",
     "uuid": "^11.0.3",