@lambdatest/smartui-cli 3.0.3 → 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

@@ -433,6 +433,9 @@ var processSnapshot_default = (snapshot, ctx) => __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");
@@ -539,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) {
@@ -580,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,
@@ -980,7 +998,7 @@ var auth_default = (ctx) => {
 };
 
 // package.json
-var version = "3.0.3";
+var version = "3.0.4";
 var package_default = {
   name: "@lambdatest/smartui-cli",
   version,

package/package.json

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