@lambdatest/smartui-cli 4.0.10 → 4.0.12

package/dist/index.cjs

@@ -861,7 +861,8 @@ var env_default = () => {
     LT_ACCESS_KEY,
     LT_SDK_DEBUG,
     BASELINE_BRANCH,
-    CURRENT_BRANCH
+    CURRENT_BRANCH,
+    PROJECT_NAME
   } = process.env;
   return {
     PROJECT_TOKEN,
@@ -878,7 +879,8 @@ var env_default = () => {
     BASELINE_BRANCH,
     CURRENT_BRANCH,
     LT_SDK_DEBUG: LT_SDK_DEBUG === "true",
-    SMARTUI_DO_NOT_USE_CAPTURED_COOKIES: SMARTUI_DO_NOT_USE_CAPTURED_COOKIES === "true"
+    SMARTUI_DO_NOT_USE_CAPTURED_COOKIES: SMARTUI_DO_NOT_USE_CAPTURED_COOKIES === "true",
+    PROJECT_NAME
   };
 };
 var logContext = {};
@@ -941,8 +943,14 @@ var auth_default = (ctx) => {
     task: (ctx2, task) => __async(void 0, null, function* () {
       updateLogContext({ task: "auth" });
       try {
-        yield ctx2.client.auth(ctx2.log);
-        task.output = chalk6__default.default.gray(`using project token '******#${ctx2.env.PROJECT_TOKEN.split("#").pop()}'`);
+        const authResult = yield ctx2.client.auth(ctx2.log, ctx2.env);
+        if (authResult === 2) {
+          task.output = chalk6__default.default.gray(`New project '${ctx2.env.PROJECT_NAME}' created successfully`);
+        } else if (authResult === 0) {
+          task.output = chalk6__default.default.gray(`Using existing project token '******#${ctx2.env.PROJECT_TOKEN.split("#").pop()}'`);
+        } else if (authResult === 1) {
+          task.output = chalk6__default.default.gray(`Using existing project '${ctx2.env.PROJECT_NAME}'`);
+        }
         task.title = "Authenticated with SmartUI";
       } catch (error) {
         ctx2.log.debug(error);
@@ -955,7 +963,7 @@ var auth_default = (ctx) => {
 };
 
 // package.json
-var version = "4.0.10";
+var version = "4.0.12";
 var package_default = {
   name: "@lambdatest/smartui-cli",
   version,
@@ -1006,10 +1014,20 @@ var package_default = {
   }
 };
 var httpClient = class {
-  constructor({ SMARTUI_CLIENT_API_URL, PROJECT_TOKEN }) {
+  constructor({ SMARTUI_CLIENT_API_URL, PROJECT_TOKEN, PROJECT_NAME, LT_USERNAME, LT_ACCESS_KEY }) {
+    this.projectToken = PROJECT_TOKEN || "";
+    this.projectName = PROJECT_NAME || "";
+    this.username = LT_USERNAME || "";
+    this.accessKey = LT_ACCESS_KEY || "";
     this.axiosInstance = axios__default.default.create({
-      baseURL: SMARTUI_CLIENT_API_URL,
-      headers: { "projectToken": PROJECT_TOKEN }
+      baseURL: SMARTUI_CLIENT_API_URL
+    });
+    this.axiosInstance.interceptors.request.use((config) => {
+      config.headers["projectToken"] = this.projectToken;
+      config.headers["projectName"] = this.projectName;
+      config.headers["username"] = this.username;
+      config.headers["accessKey"] = this.accessKey;
+      return config;
     });
   }
   request(config, log2) {
@@ -1041,11 +1059,27 @@ var httpClient = class {
       });
     });
   }
-  auth(log2) {
-    return this.request({
-      url: "/token/verify",
-      method: "GET"
-    }, log2);
+  auth(log2, env) {
+    return __async(this, null, function* () {
+      let result = 1;
+      if (this.projectToken) {
+        result = 0;
+      }
+      const response = yield this.request({
+        url: "/token/verify",
+        method: "GET"
+      }, log2);
+      if (response && response.projectToken) {
+        this.projectToken = response.projectToken;
+        env.PROJECT_TOKEN = response.projectToken;
+        if (response.message && response.message.includes("Project created successfully")) {
+          result = 2;
+        }
+        return result;
+      } else {
+        throw new Error("Authentication failed, project token not received");
+      }
+    });
   }
   createBuild(git, config, log2) {
     return this.request({
@@ -2017,6 +2051,30 @@ function processSnapshot(snapshot, ctx) {
           throw new Error(`for snapshot ${snapshot.name} viewport ${viewportString}, multiple elements found for selector ${processedOptions.element}`);
         }
       } else if (selectors.length) {
+        let height = 0;
+        height = yield page.evaluate(() => {
+          const DEFAULT_HEIGHT = 16384;
+          const body = document.body;
+          const html = document.documentElement;
+          if (!body || !html) {
+            ctx.log.debug("Document body or html element is missing, using default height");
+            return DEFAULT_HEIGHT;
+          }
+          const measurements = [
+            (body == null ? void 0 : body.scrollHeight) || 0,
+            (body == null ? void 0 : body.offsetHeight) || 0,
+            (html == null ? void 0 : html.clientHeight) || 0,
+            (html == null ? void 0 : html.scrollHeight) || 0,
+            (html == null ? void 0 : html.offsetHeight) || 0
+          ];
+          const allMeasurementsInvalid = measurements.every((measurement) => !measurement);
+          if (allMeasurementsInvalid) {
+            ctx.log.debug("All height measurements are invalid, using default height");
+            return DEFAULT_HEIGHT;
+          }
+          return Math.max(...measurements);
+        });
+        ctx.log.debug(`Calculated content height: ${height}`);
         let locators = [];
         if (!Array.isArray(processedOptions[ignoreOrSelectBoxes][viewportString]))
           processedOptions[ignoreOrSelectBoxes][viewportString] = [];
@@ -2030,13 +2088,20 @@ function processSnapshot(snapshot, ctx) {
         }
         for (const locator of locators) {
           let bb = yield locator.boundingBox();
-          if (bb)
-            processedOptions[ignoreOrSelectBoxes][viewportString].push({
-              left: bb.x,
-              top: bb.y,
-              right: bb.x + bb.width,
-              bottom: bb.y + bb.height
-            });
+          if (bb) {
+            const top = bb.y;
+            const bottom = bb.y + bb.height;
+            if (top <= height && bottom <= height) {
+              processedOptions[ignoreOrSelectBoxes][viewportString].push({
+                left: bb.x,
+                top,
+                right: bb.x + bb.width,
+                bottom
+              });
+            } else {
+              ctx.log.debug(`Bounding box for selector skipped due to exceeding height: ${JSON.stringify({ top, bottom, height })}`);
+            }
+          }
         }
       }
       ctx.log.debug(`Processed options: ${JSON.stringify(processedOptions)}`);
@@ -2279,7 +2344,7 @@ var Queue = class {
           let drop = false;
           if (!this.ctx.config.delayedUpload && snapshot && snapshot.name && this.snapshotNames.includes(snapshot.name)) {
             drop = true;
-            this.ctx.log.info(`Skipping duplicate SmartUI snapshot '${snapshot.name}'. To capture duplicate screenshots, please set the 'delayedUploads' configuration as true in your config file.`);
+            this.ctx.log.info(`Skipping duplicate SmartUI snapshot '${snapshot.name}'. To capture duplicate screenshots, please set the '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);

package/package.json

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