@lambdatest/smartui-cli 3.0.2 → 3.0.4

package/dist/dom-serializer.js

@@ -332,32 +332,35 @@
       for (let video of dom.querySelectorAll('video')) {
         let videoId = video.getAttribute('data-smartui-element-id');
         let cloneEl = clone.querySelector(`[data-smartui-element-id="${videoId}"]`);
-        // if the video already has a poster image, no work for us to do
-        if (video.getAttribute('poster')) {
-          cloneEl.removeAttribute('src');
-          continue;
-        }
-        let canvas = document.createElement('canvas');
-        let width = canvas.width = video.videoWidth;
-        let height = canvas.height = video.videoHeight;
-        let dataUrl;
-        canvas.getContext('2d').drawImage(video, 0, 0, width, height);
-        try {
-          dataUrl = canvas.toDataURL();
-        } catch (e) {
-          warnings.add(`data-smartui-element-id="${videoId}" : ${e.toString()}`);
-        }
 
-        // if the canvas produces a blank image, skip
-        if (!dataUrl || dataUrl === 'data:,') continue;
+        // remove video sources
+        cloneEl.removeAttribute('src');
+        const sourceEls = cloneEl.querySelectorAll('source');
+        if (sourceEls.length) sourceEls.forEach((sourceEl) => sourceEl.remove());
+        
+        // if the video doesn't have a poster image
+        if (!video.getAttribute('poster')) {
+          let canvas = document.createElement('canvas');
+          let width = canvas.width = video.videoWidth;
+          let height = canvas.height = video.videoHeight;
+          let dataUrl;
+          canvas.getContext('2d').drawImage(video, 0, 0, width, height);
+          try {
+            dataUrl = canvas.toDataURL();
+          } catch (e) {
+            warnings.add(`data-smartui-element-id="${videoId}" : ${e.toString()}`);
+          }
 
-        // create a resource from the serialized data url
-        // let resource = resourceFromDataURL(videoId, dataUrl);
-        // resources.add(resource);
+          // if the canvas produces a blank image, skip
+          if (!dataUrl || dataUrl === 'data:,') continue;
 
-        // use a data attribute to avoid making a real request
-        cloneEl.removeAttribute('src');
-        cloneEl.setAttribute('poster', dataUrl);
+          // create a resource from the serialized data url
+          let resource = resourceFromDataURL(videoId, dataUrl);
+          resources.add(resource);
+
+          // set poster attribute to resource url to avoid making a real request
+          cloneEl.setAttribute('poster', resource.url);
+        }
       }
     }
 

package/dist/index.cjs

@@ -114,6 +114,11 @@ var constants_default = {
   EDGE: "edge",
   EDGE_CHANNEL: "msedge",
   WEBKIT: "webkit",
+  // user agents
+  CHROME_USER_AGENT: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.6312.107 Safari/537.3",
+  FIREFOX_USER_AGENT: "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:112.0) Gecko/20100101 Firefox/112.0",
+  SAFARI_USER_AGENT: "Mozilla/5.0 (Macintosh; Intel Mac OS X 13_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4 Safari/605.1.15",
+  EDGE_USER_AGENT: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36 Edg/113.0.1774.35",
   // viewports
   MIN_VIEWPORT_HEIGHT: 1080,
   // mobile
@@ -421,13 +426,16 @@ var processSnapshot_default = (snapshot, ctx) => __async(void 0, null, function*
   ctx.log.debug(`Processing snapshot ${snapshot.name}`);
   if (!ctx.browser)
     ctx.browser = yield test.chromium.launch({ headless: true });
-  const context = yield ctx.browser.newContext();
+  const context = yield ctx.browser.newContext({ userAgent: constants_default.CHROME_USER_AGENT });
   const page = yield context.newPage();
   let cache = {};
   yield page.route("**/*", (route, request) => __async(void 0, null, function* () {
     const requestUrl = request.url();
     const requestHostname = new URL(requestUrl).hostname;
     try {
+      if (/\.(mp3|mp4|wav|ogg|webm)$/i.test(request.url())) {
+        throw new Error("resource type mp3/mp4/wav/ogg/webm");
+      }
       ctx.config.allowedHostnames.push(new URL(snapshot.url).hostname);
       if (ctx.config.enableJavaScript)
         ALLOWED_RESOURCES.push("script");
@@ -534,14 +542,21 @@ var processSnapshot_default = (snapshot, ctx) => __async(void 0, null, function*
     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) {
-      yield page.goto(snapshot.url);
+      yield page.goto(snapshot.url, { waitUntil: "domcontentloaded" });
+      yield new Promise((r) => setTimeout(r, 1250));
+      if (ctx.config.waitForTimeout)
+        yield page.waitForTimeout(ctx.config.waitForTimeout);
       navigated = true;
       ctx.log.debug(`Navigated to ${snapshot.url}`);
     }
     if (fullPage)
       yield page.evaluate(scrollToBottomAndBackToTop);
-    yield page.waitForLoadState("networkidle");
-    ctx.log.debug("Network idle 500ms");
+    try {
+      yield page.waitForLoadState("networkidle", { timeout: 5e3 });
+      ctx.log.debug("Network idle 500ms");
+    } catch (error) {
+      ctx.log.debug(`Network idle failed due to ${error}`);
+    }
     if (processedOptions.element) {
       let l = yield page.locator(processedOptions.element).all();
       if (l.length === 0) {
@@ -575,6 +590,14 @@ var processSnapshot_default = (snapshot, ctx) => __async(void 0, null, function*
   }
   yield page.close();
   yield context.close();
+  if (snapshot.dom.resources.length) {
+    for (let resource of snapshot.dom.resources) {
+      cache[resource.url] = {
+        body: resource.content,
+        type: resource.mimetype
+      };
+    }
+  }
   return {
     processedSnapshot: {
       name: snapshot.name,
@@ -975,7 +998,7 @@ var auth_default = (ctx) => {
 };
 
 // package.json
-var version = "3.0.2";
+var version = "3.0.4";
 var package_default = {
   name: "@lambdatest/smartui-cli",
   version,
@@ -1436,10 +1459,19 @@ function captureScreenshotsForConfig(_0, _1, _2, _3, _4) {
     let pageOptions = { waitUntil: process.env.SMARTUI_PAGE_WAIT_UNTIL_EVENT || "load" };
     let ssId = name.toLowerCase().replace(/\s/g, "_");
     let context;
+    let contextOptions = {};
     let page;
+    if (browserName == constants_default.CHROME)
+      contextOptions.userAgent = constants_default.CHROME_USER_AGENT;
+    else if (browserName == constants_default.FIREFOX)
+      contextOptions.userAgent = constants_default.FIREFOX_USER_AGENT;
+    else if (browserName == constants_default.SAFARI)
+      contextOptions.userAgent = constants_default.SAFARI_USER_AGENT;
+    else if (browserName == constants_default.EDGE)
+      contextOptions.userAgent = constants_default.EDGE_USER_AGENT;
     try {
       const browser = browsers[browserName];
-      context = yield browser == null ? void 0 : browser.newContext();
+      context = yield browser == null ? void 0 : browser.newContext(contextOptions);
       page = yield context == null ? void 0 : context.newPage();
       yield page == null ? void 0 : page.goto(url.trim(), pageOptions);
       for (let { viewport, viewportString, fullPage } of renderViewports) {

package/package.json

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