@percy/dom 1.30.7-beta.0 → 1.30.7-beta.2

package/dist/bundle.js

@@ -441,7 +441,7 @@
       base64Index += ';base64,'.length;
       return src.substring(base64Index);
     }
-    function serializeBase64(node, resources) {
+    function serializeBase64(node, resources, cache) {
       let src = node.src;
       let isHrefUsed = false;
 
@@ -455,14 +455,22 @@
       let base64String = getBase64Substring(src.toString());
       // skip if src is not base64
       if (base64String == null) return;
-
-      // create a resource from the serialized data url
-      let resource = resourceFromText(uid(), mimetype, base64String);
-      resources.add(resource);
+      if (!cache.has(base64String)) {
+        // create a resource from the serialized data url
+        let resource = resourceFromText(uid(), mimetype, base64String);
+        resources.add(resource);
+        cache.set(base64String, resource.url);
+      }
       if (isHrefUsed === true) {
-        node.href.baseVal = resource.url;
+        node.href.baseVal = cache.get(base64String);
       } else {
-        node.src = resource.url;
+        // we use data-percy-serialized-attribute-src here instead of `src`.
+        // As soon as src is used the browser will try to load the resource,
+        // thus making a network call which would fail as this is a
+        // dynamic cached resource and not a resource that backend can serve.
+        // we later post converting domtree to html replace this with src
+        node.removeAttribute('src');
+        node.setAttribute('data-percy-serialized-attribute-src', cache.get(base64String));
       }
     }
 
@@ -482,7 +490,8 @@
       let {
         dom,
         disableShadowDOM,
-        resources
+        resources,
+        cache
       } = ctx;
       // clones shadow DOM and light DOM for a given node
       let cloneNode = (node, parent) => {
@@ -502,7 +511,7 @@
 
           // We apply any element transformations here to avoid another treeWalk
           applyElementTransformations(clone);
-          serializeBase64(clone, resources);
+          serializeBase64(clone, resources, cache);
           parent.appendChild(clone);
 
           // shallow clone should not contain children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.30.7-beta.0",
+  "version": "1.30.7-beta.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "4d589cecf982efeab69ea82881844447369a2af4"
+  "gitHead": "01d95d0569e70d0291d36b3c5d8da224d3014ebf"
 }