@lambdatest/smartui-cli 2.0.8 → 3.0.0

package/dist/index.cjs

@@ -7,7 +7,7 @@ var listr2 = require('listr2');
 var chalk = require('chalk');
 var path2 = require('path');
 var fastify = require('fastify');
-var fs2 = require('fs');
+var fs4 = require('fs');
 var test = require('@playwright/test');
 var Ajv = require('ajv');
 var addErrors = require('ajv-errors');
@@ -23,7 +23,7 @@ var which__default = /*#__PURE__*/_interopDefault(which);
 var chalk__default = /*#__PURE__*/_interopDefault(chalk);
 var path2__default = /*#__PURE__*/_interopDefault(path2);
 var fastify__default = /*#__PURE__*/_interopDefault(fastify);
-var fs2__default = /*#__PURE__*/_interopDefault(fs2);
+var fs4__default = /*#__PURE__*/_interopDefault(fs4);
 var Ajv__default = /*#__PURE__*/_interopDefault(Ajv);
 var addErrors__default = /*#__PURE__*/_interopDefault(addErrors);
 var FormData__default = /*#__PURE__*/_interopDefault(FormData);
@@ -66,9 +66,241 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+
+// src/lib/constants.ts
+var constants_default = {
+  // default configs
+  DEFAULT_CONFIG: {
+    web: {
+      browsers: [
+        "chrome",
+        "firefox",
+        "safari",
+        "edge"
+      ],
+      viewports: [
+        [1920],
+        [1366],
+        [1028]
+      ]
+    },
+    mobile: {
+      devices: [
+        "iPhone 14",
+        "Galaxy S24"
+      ],
+      fullPage: true,
+      orientation: "portrait"
+    },
+    waitForTimeout: 1e3,
+    enableJavaScript: false,
+    allowedHostnames: []
+  },
+  DEFAULT_WEB_STATIC_CONFIG: [
+    {
+      "name": "lambdatest-home-page",
+      "url": "https://www.lambdatest.com",
+      "waitForTimeout": 1e3
+    },
+    {
+      "name": "example-page",
+      "url": "https://example.com/"
+    }
+  ],
+  // browsers
+  CHROME: "chrome",
+  SAFARI: "safari",
+  FIREFOX: "firefox",
+  EDGE: "edge",
+  EDGE_CHANNEL: "msedge",
+  PW_WEBKIT: "webkit",
+  // viewports
+  MIN_VIEWPORT_HEIGHT: 1080,
+  // mobile
+  MOBILE_OS_ANDROID: "android",
+  MOBILE_OS_IOS: "ios",
+  MOBILE_ORIENTATION_PORTRAIT: "portrait",
+  MOBILE_ORIENTATION_LANDSCAPE: "landscape",
+  // CI
+  GITHUB_API_HOST: "https://api.github.com",
+  SUPPORTED_MOBILE_DEVICES: {
+    "Blackberry KEY2 LE": { os: "android", viewport: { width: 412, height: 618 } },
+    "Galaxy A12": { os: "android", viewport: { width: 360, height: 800 } },
+    "Galaxy A21s": { os: "android", viewport: { width: 412, height: 915 } },
+    "Galaxy A22": { os: "android", viewport: { width: 358, height: 857 } },
+    "Galaxy A31": { os: "android", viewport: { width: 412, height: 915 } },
+    "Galaxy A32": { os: "android", viewport: { width: 412, height: 915 } },
+    "Galaxy A51": { os: "android", viewport: { width: 412, height: 915 } },
+    "Galaxy A7": { os: "android", viewport: { width: 412, height: 846 } },
+    "Galaxy A70": { os: "android", viewport: { width: 412, height: 915 } },
+    "Galaxy A8": { os: "android", viewport: { width: 360, height: 740 } },
+    "Galaxy A8 Plus": { os: "android", viewport: { width: 412, height: 846 } },
+    "Galaxy J7 Prime": { os: "android", viewport: { width: 360, height: 640 } },
+    "Galaxy M12": { os: "android", viewport: { width: 412, height: 915 } },
+    "Galaxy M31": { os: "android", viewport: { width: 412, height: 892 } },
+    "Galaxy Note10": { os: "android", viewport: { width: 412, height: 869 } },
+    "Galaxy Note10 Plus": { os: "android", viewport: { width: 412, height: 869 } },
+    "Galaxy Note20": { os: "android", viewport: { width: 412, height: 915 } },
+    "Galaxy Note20 Ultra": { os: "android", viewport: { width: 412, height: 869 } },
+    "Galaxy S10": { os: "android", viewport: { width: 360, height: 760 } },
+    "Galaxy S10 Plus": { os: "android", viewport: { width: 412, height: 869 } },
+    "Galaxy S10e": { os: "android", viewport: { width: 412, height: 740 } },
+    "Galaxy S20": { os: "android", viewport: { width: 360, height: 800 } },
+    "Galaxy S20 FE": { os: "android", viewport: { width: 412, height: 914 } },
+    "Galaxy S20 Ultra": { os: "android", viewport: { width: 412, height: 915 } },
+    "Galaxy S20 Plus": { os: "android", viewport: { width: 384, height: 854 } },
+    "Galaxy S21": { os: "android", viewport: { width: 360, height: 800 } },
+    "Galaxy S21 FE": { os: "android", viewport: { width: 360, height: 780 } },
+    "Galaxy S21 Ultra": { os: "android", viewport: { width: 384, height: 854 } },
+    "Galaxy S21 Plus": { os: "android", viewport: { width: 360, height: 800 } },
+    "Galaxy S22": { os: "android", viewport: { width: 360, height: 780 } },
+    "Galaxy S22 Ultra": { os: "android", viewport: { width: 384, height: 854 } },
+    "Galaxy S23": { os: "android", viewport: { width: 360, height: 645 } },
+    "Galaxy S23 Plus": { os: "android", viewport: { width: 360, height: 648 } },
+    "Galaxy S23 Ultra": { os: "android", viewport: { width: 384, height: 689 } },
+    "Galaxy S24": { os: "android", viewport: { width: 360, height: 780 } },
+    "Galaxy S24 Plus": { os: "android", viewport: { width: 384, height: 832 } },
+    "Galaxy S24 Ultra": { os: "android", viewport: { width: 384, height: 832 } },
+    "Galaxy S7": { os: "android", viewport: { width: 360, height: 640 } },
+    "Galaxy S7 Edge": { os: "android", viewport: { width: 360, height: 640 } },
+    "Galaxy S8": { os: "android", viewport: { width: 360, height: 740 } },
+    "Galaxy S8 Plus": { os: "android", viewport: { width: 360, height: 740 } },
+    "Galaxy S9": { os: "android", viewport: { width: 360, height: 740 } },
+    "Galaxy S9 Plus": { os: "android", viewport: { width: 360, height: 740 } },
+    "Galaxy Tab A7 Lite": { os: "android", viewport: { width: 534, height: 894 } },
+    "Galaxy Tab A8": { os: "android", viewport: { width: 800, height: 1280 } },
+    "Galaxy Tab S3": { os: "android", viewport: { width: 1024, height: 768 } },
+    "Galaxy Tab S4": { os: "android", viewport: { width: 712, height: 1138 } },
+    "Galaxy Tab S7": { os: "android", viewport: { width: 800, height: 1192 } },
+    "Galaxy Tab S8": { os: "android", viewport: { width: 753, height: 1205 } },
+    "Galaxy Tab S8 Plus": { os: "android", viewport: { width: 825, height: 1318 } },
+    "Huawei Mate 20 Pro": { os: "android", viewport: { width: 360, height: 780 } },
+    "Huawei P20 Pro": { os: "android", viewport: { width: 360, height: 747 } },
+    "Huawei P30": { os: "android", viewport: { width: 360, height: 780 } },
+    "Huawei P30 Pro": { os: "android", viewport: { width: 360, height: 780 } },
+    "Microsoft Surface Duo": { os: "android", viewport: { width: 1114, height: 705 } },
+    "Moto G7 Play": { os: "android", viewport: { width: 360, height: 760 } },
+    "Moto G9 Play": { os: "android", viewport: { width: 393, height: 786 } },
+    "Moto G Stylus (2022)": { os: "android", viewport: { width: 432, height: 984 } },
+    "Nexus 5": { os: "android", viewport: { width: 360, height: 640 } },
+    "Nexus 5X": { os: "android", viewport: { width: 412, height: 732 } },
+    "Nokia 5": { os: "android", viewport: { width: 360, height: 640 } },
+    "Nothing Phone (1)": { os: "android", viewport: { width: 412, height: 915 } },
+    "OnePlus 10 Pro": { os: "android", viewport: { width: 412, height: 919 } },
+    "OnePlus 11": { os: "android", viewport: { width: 360, height: 804 } },
+    "OnePlus 6": { os: "android", viewport: { width: 412, height: 869 } },
+    "OnePlus 6T": { os: "android", viewport: { width: 412, height: 892 } },
+    "OnePlus 7": { os: "android", viewport: { width: 412, height: 892 } },
+    "OnePlus 7T": { os: "android", viewport: { width: 412, height: 914 } },
+    "OnePlus 8": { os: "android", viewport: { width: 412, height: 915 } },
+    "OnePlus 9": { os: "android", viewport: { width: 411, height: 915 } },
+    "OnePlus 9 Pro": { os: "android", viewport: { width: 412, height: 919 } },
+    "OnePlus Nord": { os: "android", viewport: { width: 412, height: 914 } },
+    "OnePlus Nord 2": { os: "android", viewport: { width: 412, height: 915 } },
+    "OnePlus Nord CE": { os: "android", viewport: { width: 412, height: 915 } },
+    "Oppo A12": { os: "android", viewport: { width: 360, height: 760 } },
+    "Oppo A15": { os: "android", viewport: { width: 360, height: 800 } },
+    "Oppo A54": { os: "android", viewport: { width: 360, height: 800 } },
+    "Oppo A5s": { os: "android", viewport: { width: 360, height: 760 } },
+    "Oppo F17": { os: "android", viewport: { width: 360, height: 800 } },
+    "Oppo K10": { os: "android", viewport: { width: 360, height: 804 } },
+    "Pixel 3": { os: "android", viewport: { width: 412, height: 823 } },
+    "Pixel 3 XL": { os: "android", viewport: { width: 412, height: 846 } },
+    "Pixel 3a": { os: "android", viewport: { width: 412, height: 823 } },
+    "Pixel 4": { os: "android", viewport: { width: 392, height: 830 } },
+    "Pixel 4 XL": { os: "android", viewport: { width: 412, height: 823 } },
+    "Pixel 4a": { os: "android", viewport: { width: 393, height: 851 } },
+    "Pixel 5": { os: "android", viewport: { width: 393, height: 851 } },
+    "Pixel 6": { os: "android", viewport: { width: 393, height: 786 } },
+    "Pixel 6 Pro": { os: "android", viewport: { width: 412, height: 892 } },
+    "Pixel 7": { os: "android", viewport: { width: 412, height: 915 } },
+    "Pixel 7 Pro": { os: "android", viewport: { width: 412, height: 892 } },
+    "Pixel 8": { os: "android", viewport: { width: 412, height: 915 } },
+    "Pixel 8 Pro": { os: "android", viewport: { width: 448, height: 998 } },
+    "Poco M2 Pro": { os: "android", viewport: { width: 393, height: 873 } },
+    "POCO X3 Pro": { os: "android", viewport: { width: 393, height: 873 } },
+    "Realme 5i": { os: "android", viewport: { width: 360, height: 800 } },
+    "Realme 7i": { os: "android", viewport: { width: 360, height: 800 } },
+    "Realme 8i": { os: "android", viewport: { width: 360, height: 804 } },
+    "Realme C21Y": { os: "android", viewport: { width: 360, height: 800 } },
+    "Realme C21": { os: "android", viewport: { width: 360, height: 800 } },
+    "Realme GT2 Pro": { os: "android", viewport: { width: 360, height: 804 } },
+    "Redmi 8": { os: "android", viewport: { width: 360, height: 760 } },
+    "Redmi 9": { os: "android", viewport: { width: 360, height: 800 } },
+    "Redmi 9C": { os: "android", viewport: { width: 360, height: 800 } },
+    "Redmi Note 10 Pro": { os: "android", viewport: { width: 393, height: 873 } },
+    "Redmi Note 8": { os: "android", viewport: { width: 393, height: 851 } },
+    "Redmi Note 8 Pro": { os: "android", viewport: { width: 393, height: 851 } },
+    "Redmi Note 9": { os: "android", viewport: { width: 393, height: 851 } },
+    "Redmi Note 9 Pro Max": { os: "android", viewport: { width: 393, height: 873 } },
+    "Redmi Y2": { os: "android", viewport: { width: 360, height: 720 } },
+    "Tecno Spark 7": { os: "android", viewport: { width: 360, height: 800 } },
+    "Vivo Y22": { os: "android", viewport: { width: 385, height: 860 } },
+    "Vivo T1": { os: "android", viewport: { width: 393, height: 873 } },
+    "Vivo V7": { os: "android", viewport: { width: 360, height: 720 } },
+    "Vivo Y11": { os: "android", viewport: { width: 360, height: 722 } },
+    "Vivo Y12": { os: "android", viewport: { width: 360, height: 722 } },
+    "Vivo Y20g": { os: "android", viewport: { width: 385, height: 854 } },
+    "Vivo Y50": { os: "android", viewport: { width: 393, height: 786 } },
+    "Xiaomi 12 Pro": { os: "android", viewport: { width: 412, height: 915 } },
+    "Xperia Z5": { os: "android", viewport: { width: 360, height: 640 } },
+    "Xperia Z5 Dual": { os: "android", viewport: { width: 360, height: 640 } },
+    "Zenfone 6": { os: "android", viewport: { width: 412, height: 892 } },
+    "iPad 10.2 (2019)": { os: "ios", viewport: { width: 810, height: 1080 } },
+    "iPad 10.2 (2020)": { os: "ios", viewport: { width: 834, height: 1194 } },
+    "iPad 10.2 (2021)": { os: "ios", viewport: { width: 810, height: 1080 } },
+    "iPad 9.7 (2017)": { os: "ios", viewport: { width: 768, height: 1024 } },
+    "iPad Air (2019)": { os: "ios", viewport: { width: 834, height: 1112 } },
+    "iPad Air (2020)": { os: "ios", viewport: { width: 820, height: 1180 } },
+    "iPad Air (2022)": { os: "ios", viewport: { width: 820, height: 1180 } },
+    "iPad mini (2019)": { os: "ios", viewport: { width: 768, height: 1024 } },
+    "iPad mini (2021)": { os: "ios", viewport: { width: 744, height: 1133 } },
+    "iPad Pro 11 (2021)": { os: "ios", viewport: { width: 834, height: 1194 } },
+    "iPad Pro 11 (2022)": { os: "ios", viewport: { width: 834, height: 1194 } },
+    "iPad Pro 12.9 (2018)": { os: "ios", viewport: { width: 1024, height: 1366 } },
+    "iPad Pro 12.9 (2020)": { os: "ios", viewport: { width: 1024, height: 1366 } },
+    "iPad Pro 12.9 (2021)": { os: "ios", viewport: { width: 1024, height: 1366 } },
+    "iPad Pro 12.9 (2022)": { os: "ios", viewport: { width: 1024, height: 1366 } },
+    "iPhone 11": { os: "ios", viewport: { width: 375, height: 812 } },
+    "iPhone 11 Pro": { os: "ios", viewport: { width: 375, height: 812 } },
+    "iPhone 11 Pro Max": { os: "ios", viewport: { width: 414, height: 896 } },
+    "iPhone 12": { os: "ios", viewport: { width: 390, height: 844 } },
+    "iPhone 12 Mini": { os: "ios", viewport: { width: 375, height: 812 } },
+    "iPhone 12 Pro": { os: "ios", viewport: { width: 390, height: 844 } },
+    "iPhone 12 Pro Max": { os: "ios", viewport: { width: 428, height: 926 } },
+    "iPhone 13": { os: "ios", viewport: { width: 390, height: 844 } },
+    "iPhone 13 Mini": { os: "ios", viewport: { width: 390, height: 844 } },
+    "iPhone 13 Pro": { os: "ios", viewport: { width: 390, height: 844 } },
+    "iPhone 13 Pro Max": { os: "ios", viewport: { width: 428, height: 926 } },
+    "iPhone 14": { os: "ios", viewport: { width: 390, height: 844 } },
+    "iPhone 14 Plus": { os: "ios", viewport: { width: 428, height: 926 } },
+    "iPhone 14 Pro": { os: "ios", viewport: { width: 390, height: 844 } },
+    "iPhone 14 Pro Max": { os: "ios", viewport: { width: 428, height: 928 } },
+    "iPhone 15": { os: "ios", viewport: { width: 393, height: 852 } },
+    "iPhone 15 Plus": { os: "ios", viewport: { width: 430, height: 932 } },
+    "iPhone 15 Pro": { os: "ios", viewport: { width: 393, height: 852 } },
+    "iPhone 15 Pro Max": { os: "ios", viewport: { width: 430, height: 932 } },
+    "iPhone 6": { os: "ios", viewport: { width: 375, height: 667 } },
+    "iPhone 6s": { os: "ios", viewport: { width: 375, height: 667 } },
+    "iPhone 6s Plus": { os: "ios", viewport: { width: 414, height: 736 } },
+    "iPhone 7": { os: "ios", viewport: { width: 375, height: 667 } },
+    "iPhone 7 Plus": { os: "ios", viewport: { width: 414, height: 736 } },
+    "iPhone 8": { os: "ios", viewport: { width: 375, height: 667 } },
+    "iPhone 8 Plus": { os: "ios", viewport: { width: 414, height: 736 } },
+    "iPhone SE (2016)": { os: "ios", viewport: { width: 320, height: 568 } },
+    "iPhone SE (2020)": { os: "ios", viewport: { width: 375, height: 667 } },
+    "iPhone SE (2022)": { os: "ios", viewport: { width: 375, height: 667 } },
+    "iPhone X": { os: "ios", viewport: { width: 375, height: 812 } },
+    "iPhone XR": { os: "ios", viewport: { width: 414, height: 896 } },
+    "iPhone XS": { os: "ios", viewport: { width: 375, height: 812 } },
+    "iPhone XS Max": { os: "ios", viewport: { width: 414, height: 896 } }
+  }
+};
+
+// src/lib/utils.ts
 function delDir(dir) {
-  if (fs2__default.default.existsSync(dir)) {
-    fs2__default.default.rmSync(dir, { recursive: true });
+  if (fs4__default.default.existsSync(dir)) {
+    fs4__default.default.rmSync(dir, { recursive: true });
   }
 }
 function scrollToBottomAndBackToTop({
@@ -97,6 +329,68 @@ function scrollToBottomAndBackToTop({
     })();
   });
 }
+function launchBrowsers(ctx) {
+  return __async(this, null, function* () {
+    let browsers = {};
+    let launchOptions = { headless: true };
+    if (ctx.config.web) {
+      for (const browser of ctx.config.web.browsers) {
+        switch (browser) {
+          case constants_default.CHROME:
+            browsers[constants_default.CHROME] = yield test.chromium.launch(launchOptions);
+            break;
+          case constants_default.SAFARI:
+            browsers[constants_default.SAFARI] = yield test.webkit.launch(launchOptions);
+            break;
+          case constants_default.FIREFOX:
+            browsers[constants_default.FIREFOX] = yield test.firefox.launch(launchOptions);
+            break;
+          case constants_default.EDGE:
+            browsers[constants_default.EDGE] = yield test.chromium.launch(__spreadValues({ channel: constants_default.EDGE_CHANNEL }, launchOptions));
+            break;
+        }
+      }
+    }
+    if (ctx.config.mobile) {
+      for (const device of ctx.config.mobile.devices) {
+        if (constants_default.SUPPORTED_MOBILE_DEVICES[device].os === "android" && !browsers[constants_default.CHROME])
+          browsers[constants_default.CHROME] = yield test.chromium.launch(launchOptions);
+        else if (constants_default.SUPPORTED_MOBILE_DEVICES[device].os === "ios" && !browsers[constants_default.SAFARI])
+          browsers[constants_default.SAFARI] = yield test.webkit.launch(launchOptions);
+      }
+    }
+    return browsers;
+  });
+}
+function closeBrowsers(browsers) {
+  return __async(this, null, function* () {
+    var _a;
+    for (const browserName of Object.keys(browsers))
+      yield (_a = browsers[browserName]) == null ? void 0 : _a.close();
+  });
+}
+function getRenderViewports(ctx) {
+  let renderViewports = [];
+  if (ctx.config.web) {
+    for (const viewport of ctx.config.web.viewports) {
+      renderViewports.push({
+        viewport,
+        viewportString: `${viewport.width}${viewport.height ? "x" + viewport.height : ""}`,
+        fullPage: viewport.height ? false : true
+      });
+    }
+  }
+  if (ctx.config.mobile) {
+    for (const device of ctx.config.mobile.devices) {
+      renderViewports.push({
+        viewport: constants_default.SUPPORTED_MOBILE_DEVICES[device].viewport,
+        viewportString: `${device} (${ctx.config.mobile.orientation})`,
+        fullPage: ctx.config.mobile.fullPage
+      });
+    }
+  }
+  return renderViewports;
+}
 var MAX_RESOURCE_SIZE = 5 * 1024 ** 2;
 var ALLOWED_RESOURCES = ["document", "stylesheet", "image", "media", "font", "other"];
 var ALLOWED_STATUSES = [200, 201];
@@ -110,13 +404,13 @@ var processSnapshot_default = (snapshot, ctx) => __async(void 0, null, function*
   let cache = {};
   yield page.route("**/*", (route, request) => __async(void 0, null, function* () {
     const requestUrl = request.url();
-    const snapshotHostname = new URL(snapshot.url).hostname;
     const requestHostname = new URL(requestUrl).hostname;
     try {
+      ctx.config.allowedHostnames.push(new URL(snapshot.url).hostname);
+      if (ctx.config.enableJavaScript)
+        ALLOWED_RESOURCES.push("script");
       const response = yield page.request.fetch(request);
       const body = yield response.body();
-      if (ctx.webConfig.enableJavaScript)
-        ALLOWED_RESOURCES.push("script");
       if (!body) {
         ctx.log.debug(`Handling request ${requestUrl}
  - skipping no response`);
@@ -126,7 +420,7 @@ var processSnapshot_default = (snapshot, ctx) => __async(void 0, null, function*
       } else if (requestUrl === snapshot.url) {
         ctx.log.debug(`Handling request ${requestUrl}
  - skipping root resource`);
-      } else if (requestHostname !== snapshotHostname) {
+      } else if (!ctx.config.allowedHostnames.includes(requestHostname)) {
         ctx.log.debug(`Handling request ${requestUrl}
  - skipping remote resource`);
       } else if (cache[requestUrl]) {
@@ -138,7 +432,7 @@ var processSnapshot_default = (snapshot, ctx) => __async(void 0, null, function*
       } else if (!ALLOWED_STATUSES.includes(response.status())) {
         ctx.log.debug(`Handling request ${requestUrl}
  - skipping disallowed status [${response.status()}]`);
-      } else if (!ctx.webConfig.enableJavaScript && !ALLOWED_RESOURCES.includes(request.resourceType())) {
+      } else if (!ALLOWED_RESOURCES.includes(request.resourceType())) {
         ctx.log.debug(`Handling request ${requestUrl}
  - skipping disallowed resource type [${request.resourceType()}]`);
       } else {
@@ -155,48 +449,66 @@ var processSnapshot_default = (snapshot, ctx) => __async(void 0, null, function*
         body
       });
     } catch (error) {
-      ctx.log.debug(`Handling request ${requestUrl} - aborted`);
+      ctx.log.debug(`Handling request ${requestUrl}
+ - aborted due to ${error.message}`);
       route.abort();
     }
   }));
   let options = snapshot.options;
   let optionWarnings = /* @__PURE__ */ new Set();
   let processedOptions = {};
-  let selectors2 = [];
+  let selectors = [];
   let ignoreOrSelectDOM;
   let ignoreOrSelectBoxes;
   if (options && Object.keys(options).length) {
     ctx.log.debug(`Snapshot options: ${JSON.stringify(options)}`);
-    if (options.ignoreDOM && Object.keys(options.ignoreDOM).length || options.selectDOM && Object.keys(options.selectDOM).length) {
-      if (options.ignoreDOM && Object.keys(options.ignoreDOM).length) {
-        processedOptions.ignoreBoxes = {};
-        ignoreOrSelectDOM = "ignoreDOM";
-        ignoreOrSelectBoxes = "ignoreBoxes";
-      } else {
-        processedOptions.selectBoxes = {};
-        ignoreOrSelectDOM = "selectDOM";
-        ignoreOrSelectBoxes = "selectBoxes";
-      }
+    const isNotAllEmpty = (obj) => {
+      var _a;
+      for (let key in obj)
+        if ((_a = obj[key]) == null ? void 0 : _a.length)
+          return true;
+      return false;
+    };
+    if (options.element && Object.keys(options.element).length) {
+      if (options.element.id)
+        processedOptions.element = "#" + options.element.id;
+      else if (options.element.class)
+        processedOptions.element = "." + options.element.class;
+      else if (options.element.cssSelector)
+        processedOptions.element = options.element.cssSelector;
+      else if (options.element.xpath)
+        processedOptions.element = "xpath=" + options.element.xpath;
+    } else if (options.ignoreDOM && Object.keys(options.ignoreDOM).length && isNotAllEmpty(options.ignoreDOM)) {
+      processedOptions.ignoreBoxes = {};
+      ignoreOrSelectDOM = "ignoreDOM";
+      ignoreOrSelectBoxes = "ignoreBoxes";
+    } else if (options.selectDOM && Object.keys(options.selectDOM).length && isNotAllEmpty(options.selectDOM)) {
+      processedOptions.selectBoxes = {};
+      ignoreOrSelectDOM = "selectDOM";
+      ignoreOrSelectBoxes = "selectBoxes";
+    }
+    if (ignoreOrSelectDOM) {
       for (const [key, value] of Object.entries(options[ignoreOrSelectDOM])) {
         switch (key) {
           case "id":
-            selectors2.push(...value.map((e) => "#" + e));
+            selectors.push(...value.map((e) => "#" + e));
             break;
           case "class":
-            selectors2.push(...value.map((e) => "." + e));
+            selectors.push(...value.map((e) => "." + e));
             break;
           case "xpath":
-            selectors2.push(...value.map((e) => "xpath=" + e));
+            selectors.push(...value.map((e) => "xpath=" + e));
             break;
           case "cssSelector":
-            selectors2.push(...value);
+            selectors.push(...value);
             break;
         }
       }
     }
   }
   let navigated = false;
-  for (const viewport of ctx.webConfig.viewports) {
+  let renderViewports = getRenderViewports(ctx);
+  for (const { viewport, viewportString, fullPage } of renderViewports) {
     yield page.setViewportSize({ width: viewport.width, height: viewport.height || MIN_VIEWPORT_HEIGHT });
     ctx.log.debug(`Page resized to ${viewport.width}x${viewport.height || MIN_VIEWPORT_HEIGHT}`);
     if (!navigated) {
@@ -204,20 +516,25 @@ var processSnapshot_default = (snapshot, ctx) => __async(void 0, null, function*
       navigated = true;
       ctx.log.debug(`Navigated to ${snapshot.url}`);
     }
-    if (!viewport.height)
+    if (fullPage)
       yield page.evaluate(scrollToBottomAndBackToTop);
     yield page.waitForLoadState("networkidle");
     ctx.log.debug("Network idle 500ms");
-    if (selectors2.length) {
-      let viewportString = `${viewport.width}${viewport.height ? "x" + viewport.height : ""}`;
+    if (processedOptions.element) {
+      let l = yield page.locator(processedOptions.element).all();
+      if (l.length === 0) {
+        throw new Error(`for snapshot ${snapshot.name} viewport ${viewportString}, no element found for selector ${processedOptions.element}`);
+      } else if (l.length > 1) {
+        throw new Error(`for snapshot ${snapshot.name} viewport ${viewportString}, multiple elements found for selector ${processedOptions.element}`);
+      }
+    } else if (selectors.length) {
+      let locators = [];
       if (!Array.isArray(processedOptions[ignoreOrSelectBoxes][viewportString]))
         processedOptions[ignoreOrSelectBoxes][viewportString] = [];
-      let locators = [];
-      let boxes = [];
-      for (const selector of selectors2) {
+      for (const selector of selectors) {
         let l = yield page.locator(selector).all();
         if (l.length === 0) {
-          optionWarnings.add(`For snapshot ${snapshot.name}, no element found for selector ${selector}`);
+          optionWarnings.add(`for snapshot ${snapshot.name} viewport ${viewportString}, no element found for selector ${selector}`);
           continue;
         }
         locators.push(...l);
@@ -225,14 +542,13 @@ var processSnapshot_default = (snapshot, ctx) => __async(void 0, null, function*
       for (const locator of locators) {
         let bb = yield locator.boundingBox();
         if (bb)
-          boxes.push({
+          processedOptions[ignoreOrSelectBoxes][viewportString].push({
             left: bb.x,
             top: bb.y,
             right: bb.x + bb.width,
             bottom: bb.y + bb.height
           });
       }
-      processedOptions[ignoreOrSelectBoxes][viewportString].push(...boxes);
     }
   }
   yield page.close();
@@ -269,10 +585,10 @@ var ConfigSchema = {
       properties: {
         browsers: {
           type: "array",
-          items: { type: "string", enum: ["chrome", "firefox", "edge", "safari"] },
+          items: { type: "string", enum: [constants_default.CHROME, constants_default.FIREFOX, constants_default.SAFARI, constants_default.EDGE] },
           uniqueItems: true,
           maxItems: 4,
-          errorMessage: "Invalid config; allowed browsers - chrome, firefox, edge, safari"
+          errorMessage: `Invalid config; allowed browsers - ${constants_default.CHROME}, ${constants_default.FIREFOX}, ${constants_default.SAFARI}, ${constants_default.EDGE}`
         },
         viewports: {
           type: "array",
@@ -298,29 +614,80 @@ var ConfigSchema = {
           uniqueItems: true,
           maxItems: 5,
           errorMessage: "Invalid config; max unique viewports allowed - 5"
+        }
+      },
+      required: ["browsers", "viewports"],
+      additionalProperties: false
+    },
+    mobile: {
+      type: "object",
+      properties: {
+        devices: {
+          type: "array",
+          items: {
+            type: "string",
+            enum: Object.keys(constants_default.SUPPORTED_MOBILE_DEVICES),
+            minLength: 1,
+            errorMessage: {
+              enum: "Invalid config; unsupported mobile devices",
+              minLength: "Invalid config; mobile device cannot be empty"
+            }
+          },
+          uniqueItems: true,
+          maxItems: 20,
+          errorMessage: {
+            uniqueItems: "Invalid config; duplicate mobile devices",
+            maxItems: "Invalid config; max mobile devices allowed - 20"
+          }
         },
-        waitForPageRender: {
-          type: "number",
-          minimum: 0,
-          maximum: 3e5,
-          errorMessage: "Invalid config; waitForPageRender must be > 0 and <= 300000"
-        },
-        waitForTimeout: {
-          type: "number",
-          minimum: 0,
-          maximum: 3e4,
-          errorMessage: "Invalid config; waitForTimeout must be > 0 and <= 30000"
-        },
-        enableJavaScript: {
+        fullPage: {
           type: "boolean",
-          errorMessage: "Invalid config; enableJavaScript must be true/false"
+          errorMessage: "Invalid config; fullPage must be true/false"
+        },
+        orientation: {
+          type: "string",
+          enum: [constants_default.MOBILE_ORIENTATION_PORTRAIT, constants_default.MOBILE_ORIENTATION_LANDSCAPE],
+          errorMessage: `Invalid config; orientation must be ${constants_default.MOBILE_ORIENTATION_PORTRAIT}/${constants_default.MOBILE_ORIENTATION_LANDSCAPE}`
         }
       },
-      required: ["browsers", "viewports"],
+      required: ["devices"],
       additionalProperties: false
+    },
+    waitForPageRender: {
+      type: "number",
+      minimum: 0,
+      maximum: 3e5,
+      errorMessage: "Invalid config; waitForPageRender must be > 0 and <= 300000"
+    },
+    waitForTimeout: {
+      type: "number",
+      minimum: 0,
+      maximum: 3e4,
+      errorMessage: "Invalid config; waitForTimeout must be > 0 and <= 30000"
+    },
+    enableJavaScript: {
+      type: "boolean",
+      errorMessage: "Invalid config; enableJavaScript must be true/false"
+    },
+    allowedHostnames: {
+      type: "array",
+      items: {
+        type: "string",
+        minLength: 1,
+        errorMessage: {
+          minLength: "Invalid config; allowed hostname cannot be empty"
+        }
+      },
+      uniqueItems: true,
+      errorMessage: {
+        uniqueItems: "Invalid config; duplicates in allowedHostnames"
+      }
     }
   },
-  required: ["web"],
+  anyOf: [
+    { required: ["web"] },
+    { required: ["mobile"] }
+  ],
   additionalProperties: false
 };
 var WebStaticConfigSchema = {
@@ -370,32 +737,56 @@ var SnapshotSchema = {
     options: {
       type: "object",
       properties: {
+        element: {
+          type: "object",
+          properties: {
+            id: {
+              type: "string",
+              pattern: "^[^;]*$",
+              errorMessage: "Invalid snapshot options; element id cannot be empty or have semicolon"
+            },
+            class: {
+              type: "string",
+              pattern: "^[^;]*$",
+              errorMessage: "Invalid snapshot options; element class cannot be empty or have semicolon"
+            },
+            cssSelector: {
+              type: "string",
+              pattern: "^[^;]*$",
+              errorMessage: "Invalid snapshot options; element cssSelector cannot be empty or have semicolon"
+            },
+            xpath: {
+              type: "string",
+              errorMessage: "Invalid snapshot options; element xpath cannot be empty"
+            }
+          }
+        },
         ignoreDOM: {
           type: "object",
           properties: {
             id: {
               type: "array",
-              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; id cannot be empty or have semicolon" },
+              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; ignoreDOM id cannot be empty or have semicolon" },
               uniqueItems: true,
-              errorMessage: "Invalid snapshot options; id array must have unique items"
+              errorMessage: "Invalid snapshot options; ignoreDOM id array must have unique items"
             },
             class: {
               type: "array",
-              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; class cannot be empty or have semicolon" },
+              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; ignoreDOM class cannot be empty or have semicolon" },
               uniqueItems: true,
-              errorMessage: "Invalid snapshot options; class array must have unique items"
+              errorMessage: "Invalid snapshot options; ignoreDOM class array must have unique items"
             },
             cssSelector: {
               type: "array",
-              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; cssSelector cannot be empty or have semicolon" },
+              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; ignoreDOM cssSelector cannot be empty or have semicolon" },
               uniqueItems: true,
-              errorMessage: "Invalid snapshot options; cssSelector array must have unique items"
+              errorMessage: "Invalid snapshot options; ignoreDOM cssSelector array must have unique items"
             },
             xpath: {
               type: "array",
               items: { type: "string", minLength: 1 },
               uniqueItems: true,
-              errorMessage: "Invalid snapshot options; xpath array must have unique and non-empty items"
+              errorMessage: "Invalid snapshot options; ignoreDOM xpath array must have unique and non-empty items"
             }
           }
         },
@@ -404,27 +795,27 @@ var SnapshotSchema = {
           properties: {
             id: {
               type: "array",
-              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; id cannot be empty or have semicolon" },
+              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; selectDOM id cannot be empty or have semicolon" },
               uniqueItems: true,
-              errorMessage: "Invalid snapshot options; id array must have unique items"
+              errorMessage: "Invalid snapshot options; selectDOM id array must have unique items"
             },
             class: {
               type: "array",
-              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; class cannot be empty or have semicolon" },
+              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; selectDOM class cannot be empty or have semicolon" },
               uniqueItems: true,
-              errorMessage: "Invalid snapshot options; class array must have unique items"
+              errorMessage: "Invalid snapshot options; selectDOM class array must have unique items"
             },
             cssSelector: {
               type: "array",
-              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; cssSelector cannot be empty or have semicolon" },
+              items: { type: "string", minLength: 1, pattern: "^[^;]*$", errorMessage: "Invalid snapshot options; selectDOM cssSelector cannot be empty or have semicolon" },
               uniqueItems: true,
-              errorMessage: "Invalid snapshot options; cssSelector array must have unique items"
+              errorMessage: "Invalid snapshot options; selectDOM cssSelector array must have unique items"
             },
             xpath: {
               type: "array",
               items: { type: "string", minLength: 1 },
               uniqueItems: true,
-              errorMessage: "Invalid snapshot options; xpath array must have unique and non-empty items"
+              errorMessage: "Invalid snapshot options; selectDOM xpath array must have unique and non-empty items"
             }
           }
         }
@@ -444,7 +835,7 @@ var validateSnapshot = ajv.compile(SnapshotSchema);
 var server_default = (ctx) => __async(void 0, null, function* () {
   const server = fastify__default.default({ logger: false, bodyLimit: 1e7 });
   const opts = {};
-  const SMARTUI_DOM = fs2.readFileSync(path2__default.default.resolve(__dirname, "dom-serializer.js"), "utf-8");
+  const SMARTUI_DOM = fs4.readFileSync(path2__default.default.resolve(__dirname, "dom-serializer.js"), "utf-8");
   server.get("/healthcheck", opts, (_, reply) => {
     reply.code(200).send({ cliVersion: ctx.cliVersion });
   });
@@ -467,6 +858,7 @@ var server_default = (ctx) => __async(void 0, null, function* () {
   yield server.listen();
   let { port } = server.addresses()[0];
   process.env.SMARTUI_SERVER_ADDRESS = `http://localhost:${port}`;
+  process.env.CYPRESS_SMARTUI_SERVER_ADDRESS = `http://localhost:${port}`;
   return server;
 });
 
@@ -476,13 +868,15 @@ var env_default = () => {
     PROJECT_TOKEN = "",
     SMARTUI_CLIENT_API_URL = "https://api.lambdatest.com/visualui/1.0",
     LT_SDK_LOG_LEVEL,
-    LT_SDK_DEBUG
+    LT_SDK_DEBUG,
+    GITHUB_ACTIONS
   } = process.env;
   return {
     PROJECT_TOKEN,
     SMARTUI_CLIENT_API_URL,
     LT_SDK_LOG_LEVEL,
-    LT_SDK_DEBUG
+    LT_SDK_DEBUG,
+    GITHUB_ACTIONS
   };
 };
 var logContext = { task: "smartui-cli" };
@@ -557,69 +951,9 @@ var auth_default = (ctx) => {
     rendererOptions: { persistentOutput: true }
   };
 };
-var DEFAULT_WEB_STATIC_CONFIG = [
-  {
-    "name": "lambdatest-home-page",
-    "url": "https://www.lambdatest.com",
-    "waitForTimeout": 1e3
-  },
-  {
-    "name": "example-page",
-    "url": "https://example.com/"
-  }
-];
-var DEFAULT_CONFIG = {
-  web: {
-    browsers: [
-      "chrome",
-      "firefox",
-      "safari",
-      "edge"
-    ],
-    viewports: [
-      [1920],
-      [1366],
-      [360]
-    ],
-    waitForTimeout: 1e3,
-    enableJavaScript: false
-  }
-};
-function createConfig(filepath) {
-  filepath = filepath || ".smartui.json";
-  let filetype = path2__default.default.extname(filepath);
-  if (filetype != ".json") {
-    console.log("Error: Config file must have .json extension");
-    return;
-  }
-  if (fs2__default.default.existsSync(filepath)) {
-    console.log(`Error: SmartUI Config already exists: ${filepath}`);
-    console.log(`To create a new file, please specify the file name like: 'smartui config:create .smartui-config.json'`);
-    return;
-  }
-  fs2__default.default.mkdirSync(path2__default.default.dirname(filepath), { recursive: true });
-  fs2__default.default.writeFileSync(filepath, JSON.stringify(DEFAULT_CONFIG, null, 2) + "\n");
-  console.log(`Created SmartUI Config: ${filepath}`);
-}
-function createWebStaticConfig(filepath) {
-  filepath = filepath || "url.json";
-  let filetype = path2__default.default.extname(filepath);
-  if (filetype != ".json") {
-    console.log("Error: Config file must have .json extension");
-    return;
-  }
-  if (fs2__default.default.existsSync(filepath)) {
-    console.log(`Error: web-static config already exists: ${filepath}`);
-    console.log(`To create a new file, please specify the file name like: 'smartui config:create-web-static links.json'`);
-    return;
-  }
-  fs2__default.default.mkdirSync(path2__default.default.dirname(filepath), { recursive: true });
-  fs2__default.default.writeFileSync(filepath, JSON.stringify(DEFAULT_WEB_STATIC_CONFIG, null, 2) + "\n");
-  console.log(`Created web-static config: ${filepath}`);
-}
 
 // package.json
-var version = "2.0.8";
+var version = "3.0.0";
 var package_default = {
   name: "@lambdatest/smartui-cli",
   version,
@@ -691,7 +1025,7 @@ var httpClient = class {
             headers: error.response.headers,
             body: error.response.data
           })}`);
-          throw new Error(JSON.stringify(error.response.data));
+          throw new Error(error.response.data.error.message);
         }
         if (error.request) {
           log.debug(`http request failed: ${error.toJSON()}`);
@@ -708,24 +1042,13 @@ var httpClient = class {
       method: "GET"
     }, log);
   }
-  createBuild({ branch, commitId, commitAuthor, commitMessage, githubURL }, config, log) {
+  createBuild(git, config, log) {
     return this.request({
       url: "/build",
       method: "POST",
       data: {
-        git: {
-          branch,
-          commitId,
-          commitAuthor,
-          commitMessage,
-          githubURL
-        },
-        config: {
-          browsers: config.browsers,
-          resolutions: config.viewports,
-          waitForPageRender: config.waitForPageRender,
-          waitForTimeout: config.waitForTimeout
-        }
+        git,
+        config
       }
     }, log);
   }
@@ -753,28 +1076,26 @@ var httpClient = class {
       }
     }, log);
   }
-  uploadScreenshot({ id: buildId, name: buildName, baseline }, ssPath, ssName, browserName, viewport, completed) {
-    const file = fs2__default.default.readFileSync(ssPath);
+  uploadScreenshot({ id: buildId, name: buildName, baseline }, ssPath, ssName, browserName, viewport, log) {
+    const file = fs4__default.default.readFileSync(ssPath);
     const form = new FormData__default.default();
-    form.append("screenshots", file, { filename: `${ssName}.png`, contentType: "image/png" });
+    form.append("screenshot", file, { filename: `${ssName}.png`, contentType: "image/png" });
     form.append("browser", browserName);
-    form.append("resolution", viewport);
+    form.append("viewport", viewport);
     form.append("buildId", buildId);
     form.append("buildName", buildName);
     form.append("screenshotName", ssName);
     form.append("baseline", baseline.toString());
-    form.append("completed", completed.toString());
     return this.axiosInstance.request({
       url: `/screenshot`,
       method: "POST",
       headers: form.getHeaders(),
       data: form
     }).then(() => {
-      if (completed)
-        delDir("screenshots");
+      log.debug(`${ssName} for ${browserName} ${viewport} uploaded successfully`);
     }).catch((error) => {
       if (error.response) {
-        throw new Error(JSON.stringify(error.response.data));
+        throw new Error(error.response.data.error.message);
       }
       if (error.request) {
         throw new Error(error.toJSON().message);
@@ -795,35 +1116,49 @@ var httpClient = class {
   }
 };
 var ctx_default = (options) => {
+  var _a, _b;
   let env = env_default();
-  let viewports = [];
-  let config = DEFAULT_CONFIG;
+  let webConfig;
+  let mobileConfig;
+  let config = constants_default.DEFAULT_CONFIG;
   try {
     if (options.config) {
-      config = JSON.parse(fs2__default.default.readFileSync(options.config, "utf-8"));
-      if (config.web.resolutions) {
+      config = JSON.parse(fs4__default.default.readFileSync(options.config, "utf-8"));
+      if ((_a = config.web) == null ? void 0 : _a.resolutions) {
         config.web.viewports = config.web.resolutions;
         delete config.web.resolutions;
       }
+      if (!validateConfig(config)) {
+        throw new Error(validateConfig.errors[0].message);
+      }
     }
-    if (!validateConfig(config))
-      throw new Error(validateConfig.errors[0].message);
   } catch (error) {
     console.log(`[smartui] Error: ${error.message}`);
     process.exit();
   }
-  for (let viewport of config.web.viewports)
-    viewports.push({ width: viewport[0], height: viewport[1] || 0 });
+  if (config.web) {
+    webConfig = { browsers: config.web.browsers, viewports: [] };
+    for (let viewport of (_b = config.web) == null ? void 0 : _b.viewports)
+      webConfig.viewports.push({ width: viewport[0], height: viewport[1] || 0 });
+  }
+  if (config.mobile) {
+    mobileConfig = {
+      devices: config.mobile.devices,
+      fullPage: config.mobile.fullPage || true,
+      orientation: config.mobile.orientation || constants_default.MOBILE_ORIENTATION_PORTRAIT
+    };
+  }
   return {
     env,
     log: logger_default,
     client: new httpClient(env),
-    webConfig: {
-      browsers: config.web.browsers,
-      viewports,
-      waitForPageRender: config.web.waitForPageRender || 0,
-      waitForTimeout: config.web.waitForTimeout || 0,
-      enableJavaScript: config.web.enableJavaScript || false
+    config: {
+      web: webConfig,
+      mobile: mobileConfig,
+      waitForPageRender: config.waitForPageRender || 0,
+      waitForTimeout: config.waitForTimeout || 0,
+      enableJavaScript: config.enableJavaScript || false,
+      allowedHostnames: config.allowedHostnames || []
     },
     webStaticConfig: [],
     git: {
@@ -865,7 +1200,7 @@ function isGitRepo() {
     return false;
   }
 }
-var git_default = () => {
+var git_default = (ctx) => {
   const splitCharacter = "<##>";
   const prettyFormat = ["%h", "%H", "%s", "%f", "%b", "%at", "%ct", "%an", "%ae", "%cn", "%ce", "%N", ""];
   const command3 = 'git log -1 --pretty=format:"' + prettyFormat.join(splitCharacter) + '" && git rev-parse --abbrev-ref HEAD && git tag --contains HEAD';
@@ -877,7 +1212,8 @@ var git_default = () => {
     branch,
     commitId: res[0] || "",
     commitMessage: res[2] || "",
-    commitAuthor: res[7] || ""
+    commitAuthor: res[7] || "",
+    githubURL: ctx.env.GITHUB_ACTIONS ? `${constants_default.GITHUB_API_HOST}/repos/${process.env.GITHUB_REPOSITORY}/statuses/${res[1]}` : ""
   };
 };
 var getGitInfo_default = (ctx) => {
@@ -888,7 +1224,7 @@ var getGitInfo_default = (ctx) => {
     },
     task: (ctx2, task) => __async(void 0, null, function* () {
       try {
-        ctx2.git = git_default();
+        ctx2.git = git_default(ctx2);
         task.output = chalk__default.default.gray(`branch: ${ctx2.git.branch}, commit: ${ctx2.git.commitId}, author: ${ctx2.git.commitAuthor}`);
         task.title = "Fetched git information";
       } catch (error) {
@@ -906,13 +1242,12 @@ var createBuild_default = (ctx) => {
     task: (ctx2, task) => __async(void 0, null, function* () {
       updateLogContext({ task: "createBuild" });
       try {
-        let resp = yield ctx2.client.createBuild(ctx2.git, ctx2.webConfig, ctx2.log);
+        let resp = yield ctx2.client.createBuild(ctx2.git, ctx2.config, ctx2.log);
         ctx2.build = {
           id: resp.data.buildId,
           name: resp.data.buildName,
-          url: resp.buildURL,
-          baseline: resp.data.baseline || false,
-          projectId: resp.data.projectId
+          url: resp.data.buildURL,
+          baseline: resp.data.baseline
         };
         task.output = chalk__default.default.gray(`build id: ${resp.data.buildId}`);
         task.title = "SmartUI build created";
@@ -1024,6 +1359,40 @@ command.name("exec").description("Run test commands around SmartUI").argument("<
   });
 });
 var exec_default2 = command;
+function createConfig(filepath) {
+  filepath = filepath || ".smartui.json";
+  let filetype = path2__default.default.extname(filepath);
+  if (filetype != ".json") {
+    console.log("Error: Config file must have .json extension");
+    return;
+  }
+  if (fs4__default.default.existsSync(filepath)) {
+    console.log(`Error: SmartUI Config already exists: ${filepath}`);
+    console.log(`To create a new file, please specify the file name like: 'smartui config:create .smartui-config.json'`);
+    return;
+  }
+  fs4__default.default.mkdirSync(path2__default.default.dirname(filepath), { recursive: true });
+  fs4__default.default.writeFileSync(filepath, JSON.stringify(constants_default.DEFAULT_CONFIG, null, 2) + "\n");
+  console.log(`Created SmartUI Config: ${filepath}`);
+}
+function createWebStaticConfig(filepath) {
+  filepath = filepath || "url.json";
+  let filetype = path2__default.default.extname(filepath);
+  if (filetype != ".json") {
+    console.log("Error: Config file must have .json extension");
+    return;
+  }
+  if (fs4__default.default.existsSync(filepath)) {
+    console.log(`Error: web-static config already exists: ${filepath}`);
+    console.log(`To create a new file, please specify the file name like: 'smartui config:create-web-static links.json'`);
+    return;
+  }
+  fs4__default.default.mkdirSync(path2__default.default.dirname(filepath), { recursive: true });
+  fs4__default.default.writeFileSync(filepath, JSON.stringify(constants_default.DEFAULT_WEB_STATIC_CONFIG, null, 2) + "\n");
+  console.log(`Created web-static config: ${filepath}`);
+}
+
+// src/commander/config.ts
 var configWeb = new commander.Command();
 var configStatic = new commander.Command();
 configWeb.name("config:create").description("Create SmartUI config file").argument("[filepath]", "Optional config filepath").action(function(filepath, options) {
@@ -1036,73 +1405,83 @@ configStatic.name("config:create-web-static").description("Create Web Static con
     createWebStaticConfig(filepath);
   });
 });
-var BROWSER_CHROME = "chrome";
-var BROWSER_SAFARI = "safari";
-var BROWSER_FIREFOX = "firefox";
-var BROWSER_EDGE = "edge";
-var EDGE_CHANNEL = "msedge";
-var PW_WEBKIT = "webkit";
-var MIN_VIEWPORT_HEIGHT2 = 1080;
-function captureScreenshots(ctx, screenshots) {
+function captureScreenshots(ctx) {
   return __async(this, null, function* () {
-    var _a;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     delDir("screenshots");
-    let totalBrowsers = ctx.webConfig.browsers.length;
-    let totalViewports = ctx.webConfig.viewports.length;
-    let totalScreenshots = screenshots.length;
+    let browsers = {};
     let capturedScreenshots = 0;
-    for (let i = 0; i < totalBrowsers; i++) {
-      let browserName = (_a = ctx.webConfig.browsers[i]) == null ? void 0 : _a.toLowerCase();
-      let browser;
-      let launchOptions = { headless: true };
-      let pageOptions = { waitUntil: process.env.SMARTUI_PAGE_WAIT_UNTIL_EVENT || "load" };
-      try {
-        switch (browserName) {
-          case BROWSER_CHROME:
-            browser = yield test.chromium.launch(launchOptions);
-            break;
-          case BROWSER_SAFARI:
-            browser = yield test.webkit.launch(launchOptions);
-            break;
-          case BROWSER_FIREFOX:
-            browser = yield test.firefox.launch(launchOptions);
-            break;
-          case BROWSER_EDGE:
-            launchOptions.channel = EDGE_CHANNEL;
-            browser = yield test.chromium.launch(launchOptions);
-            break;
+    let pageOptions = { waitUntil: process.env.SMARTUI_PAGE_WAIT_UNTIL_EVENT || "load" };
+    let totalScreenshots = ctx.webStaticConfig.length * ((((_b = (_a = ctx.config.web) == null ? void 0 : _a.browsers) == null ? void 0 : _b.length) * ((_d = (_c = ctx.config.web) == null ? void 0 : _c.viewports) == null ? void 0 : _d.length) || 0) + (((_f = (_e = ctx.config.mobile) == null ? void 0 : _e.devices) == null ? void 0 : _f.length) || 0));
+    try {
+      browsers = yield launchBrowsers(ctx);
+      for (let staticConfig of ctx.webStaticConfig) {
+        let screenshotId = staticConfig.name.toLowerCase().replace(/\s/g, "_");
+        if (ctx.config.web) {
+          for (let browserName of ctx.config.web.browsers) {
+            const browser = browsers[browserName];
+            const context = yield browser.newContext();
+            const page = yield context.newPage();
+            yield page.goto(staticConfig.url.trim(), pageOptions);
+            for (let { width, height } of ctx.config.web.viewports) {
+              let ssPath = `screenshots/${screenshotId}/${browserName}-${width}x${height}-${screenshotId}.png`;
+              yield page.setViewportSize({ width, height: height || constants_default.MIN_VIEWPORT_HEIGHT });
+              if (height === 0)
+                yield page.evaluate(scrollToBottomAndBackToTop);
+              yield page.waitForTimeout(staticConfig.waitForTimeout || 0);
+              yield page.screenshot({ path: ssPath, fullPage: height ? false : true });
+              browserName = browserName === constants_default.SAFARI ? constants_default.PW_WEBKIT : browserName;
+              yield ctx.client.uploadScreenshot(ctx.build, ssPath, staticConfig.name, browserName, `${width}${height ? `x${height}` : ``}`, ctx.log);
+              capturedScreenshots++;
+              ctx.task.output = chalk__default.default.gray(`screenshots captured: ${capturedScreenshots}/${totalScreenshots}`);
+            }
+            yield page.close();
+            yield context.close();
+          }
         }
-        const context = yield browser.newContext();
-        for (let j = 0; j < totalScreenshots; j++) {
-          let screenshot = screenshots[j];
-          let screenshotId = screenshot.name.toLowerCase().replace(/\s/g, "-");
-          const page = yield context.newPage();
-          yield page.goto(screenshot.url.trim(), pageOptions);
-          for (let k = 0; k < totalViewports; k++) {
-            let { width, height } = ctx.webConfig.viewports[k];
-            let ssName = `${browserName}-${width}x${height}-${screenshotId}.png`;
-            let ssPath = `screenshots/${screenshotId}/${ssName}.png`;
-            yield page.setViewportSize({ width, height: height || MIN_VIEWPORT_HEIGHT2 });
-            if (height === 0)
-              yield page.evaluate(scrollToBottomAndBackToTop);
-            yield page.waitForTimeout(screenshot.waitForTimeout || 0);
-            yield page.screenshot({ path: ssPath, fullPage: height ? false : true });
-            let completed = i == totalBrowsers - 1 && j == totalScreenshots - 1 && k == totalViewports - 1 ? true : false;
-            browserName = browserName === BROWSER_SAFARI ? PW_WEBKIT : browserName;
-            ctx.client.uploadScreenshot(ctx.build, ssPath, screenshot.name, browserName, `${width}x${height}`, completed);
+        if (ctx.config.mobile) {
+          let contextChrome = yield (_g = browsers[constants_default.CHROME]) == null ? void 0 : _g.newContext();
+          let contextSafari = yield (_h = browsers[constants_default.SAFARI]) == null ? void 0 : _h.newContext();
+          let pageChrome = yield contextChrome == null ? void 0 : contextChrome.newPage();
+          let pageSafari = yield contextSafari == null ? void 0 : contextSafari.newPage();
+          yield pageChrome == null ? void 0 : pageChrome.goto(staticConfig.url.trim(), pageOptions);
+          yield pageSafari == null ? void 0 : pageSafari.goto(staticConfig.url.trim(), pageOptions);
+          for (let device of ctx.config.mobile.devices) {
+            let ssPath = `screenshots/${screenshotId}/${device.replace(/\s/g, "_")}_${screenshotId}.png`;
+            let { width, height } = constants_default.SUPPORTED_MOBILE_DEVICES[device].viewport;
+            let portrait = ctx.config.mobile.orientation === constants_default.MOBILE_ORIENTATION_PORTRAIT ? true : false;
+            if (constants_default.SUPPORTED_MOBILE_DEVICES[device].os === constants_default.MOBILE_OS_ANDROID) {
+              yield pageChrome == null ? void 0 : pageChrome.setViewportSize({ width: portrait ? width : height, height: portrait ? height : width });
+              if (ctx.config.mobile.fullPage)
+                yield pageChrome == null ? void 0 : pageChrome.evaluate(scrollToBottomAndBackToTop);
+              yield pageChrome == null ? void 0 : pageChrome.waitForTimeout(staticConfig.waitForTimeout || 0);
+              yield pageChrome == null ? void 0 : pageChrome.screenshot({ path: ssPath, fullPage: ctx.config.mobile.fullPage });
+              yield ctx.client.uploadScreenshot(ctx.build, ssPath, staticConfig.name, constants_default.CHROME, `${device} (${ctx.config.mobile.orientation})`, ctx.log);
+            } else {
+              yield pageSafari == null ? void 0 : pageSafari.setViewportSize({ width: portrait ? width : height, height: portrait ? height : width });
+              if (ctx.config.mobile.fullPage)
+                yield pageChrome == null ? void 0 : pageChrome.evaluate(scrollToBottomAndBackToTop);
+              yield pageSafari == null ? void 0 : pageSafari.waitForTimeout(staticConfig.waitForTimeout || 0);
+              yield pageSafari == null ? void 0 : pageSafari.screenshot({ path: ssPath, fullPage: ctx.config.mobile.fullPage });
+              yield ctx.client.uploadScreenshot(ctx.build, ssPath, staticConfig.name, constants_default.PW_WEBKIT, `${device} (${ctx.config.mobile.orientation})`, ctx.log);
+            }
             capturedScreenshots++;
-            ctx.task.output = chalk__default.default.gray(`screenshots captured: ${capturedScreenshots}/${totalBrowsers * totalViewports * totalScreenshots}`);
+            ctx.task.output = chalk__default.default.gray(`screenshots captured: ${capturedScreenshots}/${totalScreenshots}`);
           }
-          yield page.close();
+          yield pageChrome == null ? void 0 : pageChrome.close();
+          yield pageSafari == null ? void 0 : pageSafari.close();
+          yield contextChrome == null ? void 0 : contextChrome.close();
+          yield contextSafari == null ? void 0 : contextSafari.close();
         }
-        yield browser.close();
-      } catch (error) {
-        if (browser)
-          yield browser.close();
-        throw error;
       }
+      yield closeBrowsers(browsers);
+      delDir("screenshots");
+    } catch (error) {
+      yield closeBrowsers(browsers);
+      delDir("screenshots");
+      throw error;
     }
-    return totalBrowsers * totalViewports * totalScreenshots;
+    return capturedScreenshots;
   });
 }
 var captureScreenshots_default = (ctx) => {
@@ -1111,7 +1490,7 @@ var captureScreenshots_default = (ctx) => {
     task: (ctx2, task) => __async(void 0, null, function* () {
       try {
         ctx2.task = task;
-        let totalScreenshots = yield captureScreenshots(ctx2, ctx2.webStaticConfig);
+        let totalScreenshots = yield captureScreenshots(ctx2);
         task.title = "Screenshots captured successfully";
         task.output = chalk__default.default.gray(`total screenshots: ${totalScreenshots}`);
       } catch (error) {
@@ -1129,12 +1508,12 @@ var command2 = new commander.Command();
 command2.name("capture").description("Capture screenshots of static sites").argument("<file>", "Web static config file").action(function(file, _, command3) {
   return __async(this, null, function* () {
     let ctx = ctx_default(command3.optsWithGlobals());
-    if (!fs2__default.default.existsSync(file)) {
+    if (!fs4__default.default.existsSync(file)) {
       console.log(`Error: Web Static Config file ${file} not found.`);
       return;
     }
     try {
-      ctx.webStaticConfig = JSON.parse(fs2__default.default.readFileSync(file, "utf8"));
+      ctx.webStaticConfig = JSON.parse(fs4__default.default.readFileSync(file, "utf8"));
       if (!validateWebStaticConfig(ctx.webStaticConfig))
         throw new Error(validateWebStaticConfig.errors[0].message);
     } catch (error) {

package/package.json

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