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

package/dist/bundle.js

@@ -369,6 +369,28 @@
       dropLoadingAttribute(domElement);
     }
 
+    let mimetype = null;
+    function getBase64Substring(src) {
+      let base64Index = src.indexOf(';base64,');
+      if (base64Index === -1) return null;
+      mimetype = src.substring(5, base64Index);
+      base64Index += ';base64,'.length;
+      return src.substring(base64Index);
+    }
+    function serializeBase64(node, resources) {
+      let src = node.src;
+      // skip if src is null
+      if (src == null) return;
+      let base64String = getBase64Substring(src);
+      // 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);
+      node.src = resource.url;
+    }
+
     /**
      * Custom deep clone function that replaces Percy's current clone behavior.
      * This enables us to capture shadow DOM in snapshots. It takes advantage of `attachShadow`'s mode option set to open
@@ -384,7 +406,8 @@
     function cloneNodeAndShadow(_ref) {
       let {
         dom,
-        disableShadowDOM
+        disableShadowDOM,
+        resources
       } = _ref;
       // clones shadow DOM and light DOM for a given node
       let cloneNode = (node, parent) => {
@@ -403,6 +426,7 @@
 
         // We apply any element transformations here to avoid another treeWalk
         applyElementTransformations(clone);
+        serializeBase64(clone, resources);
         parent.appendChild(clone);
 
         // shallow clone should not contain children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.28.2-beta.0",
+  "version": "1.28.2-beta.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "0519aa061bd36acd0852b961e24c05b9ad67274f"
+  "gitHead": "7c2bdccd896be9da7d07dd30ead802fbb4ca9fab"
 }