@lambdatest/smartui-cli 4.1.3 → 4.1.4

package/dist/index.cjs

@@ -1517,7 +1517,7 @@ var authExec_default = (ctx) => {
 };
 
 // package.json
-var version = "4.1.3";
+var version = "4.1.4";
 var package_default = {
   name: "@lambdatest/smartui-cli",
   version,
@@ -1632,6 +1632,9 @@ var httpClient = class {
       if (config && config.data && !config.data.name) {
         log2.debug(config.data);
       }
+      if (config && config.data && config.data.snapshotUuid) {
+        log2.debug(config.data);
+      }
       return this.axiosInstance.request(config).then((resp) => {
         if (resp) {
           log2.debug(`http response: ${JSON.stringify({
@@ -1757,7 +1760,7 @@ var httpClient = class {
       }
     }, log2);
   }
-  uploadSnapshot(ctx, snapshot) {
+  uploadSnapshot(ctx, snapshot, discoveryErrors) {
     return this.request({
       url: `/builds/${ctx.build.id}/snapshot`,
       method: "POST",
@@ -1767,11 +1770,12 @@ var httpClient = class {
         test: {
           type: ctx.testType,
           source: "cli"
-        }
+        },
+        discoveryErrors
       }
     }, ctx.log);
   }
-  processSnapshot(ctx, snapshot, snapshotUuid) {
+  processSnapshot(ctx, snapshot, snapshotUuid, discoveryErrors) {
     return this.request({
       url: `/build/${ctx.build.id}/snapshot`,
       method: "POST",
@@ -1784,11 +1788,12 @@ var httpClient = class {
           type: ctx.testType,
           source: "cli"
         },
-        async: false
+        async: false,
+        discoveryErrors
       }
     }, ctx.log);
   }
-  processSnapshotCaps(ctx, snapshot, snapshotUuid, capsBuildId, capsProjectToken) {
+  processSnapshotCaps(ctx, snapshot, snapshotUuid, capsBuildId, capsProjectToken, discoveryErrors) {
     return this.request({
       url: `/build/${capsBuildId}/snapshot`,
       method: "POST",
@@ -1804,11 +1809,12 @@ var httpClient = class {
           type: ctx.testType,
           source: "cli"
         },
-        async: false
+        async: false,
+        discoveryErrors
       }
     }, ctx.log);
   }
-  uploadSnapshotForCaps(ctx, snapshot, capsBuildId, capsProjectToken) {
+  uploadSnapshotForCaps(ctx, snapshot, capsBuildId, capsProjectToken, discoveryErrors) {
     const buildId = capsBuildId !== "" ? capsBuildId : ctx.build.id;
     return this.request({
       url: `/builds/${buildId}/snapshot`,
@@ -1823,7 +1829,8 @@ var httpClient = class {
         test: {
           type: ctx.testType,
           source: "cli"
-        }
+        },
+        discoveryErrors
       }
     }, ctx.log);
   }
@@ -2313,6 +2320,9 @@ var finalizeBuild_default = (ctx) => {
         if (ctx2.build.id) {
           yield ctx2.client.finalizeBuild(ctx2.build.id, ctx2.totalSnapshots, ctx2.log);
         }
+        if (ctx2.build.hasDiscoveryError) {
+          ctx2.log.warn(`We found some network errors while capturing DOM snapshots. These network errors may cause visual differences in your screenshots. Please go to ${ctx2.build.url} for more details`);
+        }
       } catch (error) {
         ctx2.log.debug(error);
         task.output = chalk__default.default.gray(error.message);
@@ -2383,6 +2393,15 @@ function processSnapshot(snapshot, ctx) {
     updateLogContext({ task: "discovery" });
     ctx.log.debug(`Processing snapshot ${snapshot.name} ${snapshot.url}`);
     const isHeadless = ((_a = process.env.HEADLESS) == null ? void 0 : _a.toLowerCase()) === "false" ? false : true;
+    let discoveryErrors = {
+      name: "",
+      url: "",
+      timestamp: "",
+      snapshotUUID: "",
+      browsers: {}
+    };
+    let globalViewport = "";
+    let globalBrowser = constants_default.CHROME;
     let launchOptions = {
       headless: isHeadless,
       args: constants_default.LAUNCH_ARGS
@@ -2436,6 +2455,7 @@ function processSnapshot(snapshot, ctx) {
       }
     }
     yield page.route("**/*", (route, request) => __async(this, null, function* () {
+      var _a2;
       const requestUrl = request.url();
       const requestHostname = new URL(requestUrl).hostname;
       let requestOptions = {
@@ -2497,12 +2517,26 @@ function processSnapshot(snapshot, ctx) {
         } else if (body.length > MAX_RESOURCE_SIZE) {
           ctx.log.debug(`Handling request ${requestUrl}
  - skipping resource larger than 15MB`);
-        } else if (!ALLOWED_STATUSES.includes(response.status())) {
-          ctx.log.debug(`Handling request ${requestUrl}
- - skipping disallowed status [${response.status()}]`);
         } else if (!ALLOWED_RESOURCES.includes(request.resourceType())) {
           ctx.log.debug(`Handling request ${requestUrl}
  - skipping disallowed resource type [${request.resourceType()}]`);
+        } else if (!ALLOWED_STATUSES.includes(response.status())) {
+          ctx.log.debug(`${globalViewport} Handling request ${requestUrl}
+ - skipping disallowed status [${response.status()}]`);
+          let data = {
+            statusCode: `${response.status()}`,
+            url: requestUrl,
+            resourceType: request.resourceType()
+          };
+          if (!discoveryErrors.browsers[globalBrowser]) {
+            discoveryErrors.browsers[globalBrowser] = {};
+          }
+          if (discoveryErrors.browsers[globalBrowser] && !discoveryErrors.browsers[globalBrowser][globalViewport]) {
+            discoveryErrors.browsers[globalBrowser][globalViewport] = [];
+          }
+          if (discoveryErrors.browsers[globalBrowser]) {
+            (_a2 = discoveryErrors.browsers[globalBrowser][globalViewport]) == null ? void 0 : _a2.push(data);
+          }
         } else {
           ctx.log.debug(`Handling request ${requestUrl}
  - content-type ${response.headers()["content-type"]}`);
@@ -2638,8 +2672,17 @@ function processSnapshot(snapshot, ctx) {
       previousDeviceType = device;
       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}`);
+      globalViewport = viewportString;
+      ctx.log.debug(`globalViewport : ${globalViewport}`);
+      if (globalViewport.toLowerCase().includes("iphone") || globalViewport.toLowerCase().includes("ipad")) {
+        globalBrowser = constants_default.WEBKIT;
+      } else {
+        globalBrowser = constants_default.CHROME;
+      }
       if (!navigated) {
         try {
+          discoveryErrors.url = snapshot.url;
+          discoveryErrors.name = snapshot.name;
           yield page.goto(snapshot.url, { waitUntil: "domcontentloaded", timeout: ctx.config.waitForDiscovery });
           yield new Promise((r) => setTimeout(r, 1250));
           if (ctx.config.waitForTimeout)
@@ -2722,6 +2765,21 @@ function processSnapshot(snapshot, ctx) {
       }
       ctx.log.debug(`Processed options: ${JSON.stringify(processedOptions)}`);
     }
+    let hasBrowserErrors = false;
+    for (let browser in discoveryErrors.browsers) {
+      if (discoveryErrors.browsers[browser]) {
+        for (let viewport in discoveryErrors.browsers[browser]) {
+          if (discoveryErrors.browsers[browser][viewport].length > 0) {
+            hasBrowserErrors = true;
+            ctx.build.hasDiscoveryError = true;
+            break;
+          }
+        }
+      }
+    }
+    if (hasBrowserErrors) {
+      discoveryErrors.timestamp = (/* @__PURE__ */ new Date()).toISOString();
+    }
     return {
       processedSnapshot: {
         name: snapshot.name,
@@ -2730,7 +2788,8 @@ function processSnapshot(snapshot, ctx) {
         resources: cache,
         options: processedOptions
       },
-      warnings: [...optionWarnings, ...snapshot.dom.warnings]
+      warnings: [...optionWarnings, ...snapshot.dom.warnings],
+      discoveryErrors
     };
   });
 }
@@ -2988,16 +3047,16 @@ var Queue = class {
                 useCapsBuildId = true;
               }
             }
-            let { processedSnapshot, warnings } = yield processSnapshot(snapshot, this.ctx);
+            let { processedSnapshot, warnings, discoveryErrors } = yield processSnapshot(snapshot, this.ctx);
             if (useCapsBuildId) {
               if (useKafkaFlowCaps) {
                 const snapshotUuid = uuid.v4();
                 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);
-                yield this.ctx.client.processSnapshotCaps(this.ctx, processedSnapshot, snapshotUuid, capsBuildId, capsProjectToken);
+                yield this.ctx.client.processSnapshotCaps(this.ctx, processedSnapshot, snapshotUuid, capsBuildId, capsProjectToken, discoveryErrors);
               } else {
-                yield this.ctx.client.uploadSnapshotForCaps(this.ctx, processedSnapshot, capsBuildId, capsProjectToken);
+                yield this.ctx.client.uploadSnapshotForCaps(this.ctx, processedSnapshot, capsBuildId, capsProjectToken, discoveryErrors);
               }
               const cachedCapabilities = this.ctx.sessionCapabilitiesMap.get(sessionId);
               const currentCount = (cachedCapabilities == null ? void 0 : cachedCapabilities.snapshotCount) || 0;
@@ -3028,9 +3087,9 @@ var Queue = class {
                 const presignedResponse = yield this.ctx.client.getS3PresignedURLForSnapshotUpload(this.ctx, processedSnapshot.name, snapshotUuid);
                 const uploadUrl = presignedResponse.data.url;
                 yield this.ctx.client.uploadSnapshotToS3(this.ctx, uploadUrl, processedSnapshot);
-                yield this.ctx.client.processSnapshot(this.ctx, processedSnapshot, snapshotUuid);
+                yield this.ctx.client.processSnapshot(this.ctx, processedSnapshot, snapshotUuid, discoveryErrors);
               } else {
-                yield this.ctx.client.uploadSnapshot(this.ctx, processedSnapshot);
+                yield this.ctx.client.uploadSnapshot(this.ctx, processedSnapshot, discoveryErrors);
               }
               this.ctx.totalSnapshots++;
             }

package/package.json

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