@percy/dom 1.26.2-beta.0 → 1.26.3-beta.0

package/dist/bundle.js

@@ -195,6 +195,11 @@
       }
       return true;
     }
+    function createStyleResource(styleSheet) {
+      const styles = Array.from(styleSheet.cssRules).map(cssRule => cssRule.cssText).join('\n');
+      let resource = resourceFromText(uid(), 'text/css', styles);
+      return resource;
+    }
     function serializeCSSOM(_ref) {
       let {
         dom,
@@ -204,6 +209,7 @@
       } = _ref;
       // in-memory CSSOM into their respective DOM nodes.
       for (let styleSheet of dom.styleSheets) {
+        var _styleSheet$href;
         if (isCSSOM(styleSheet)) {
           let styleId = styleSheet.ownerNode.getAttribute('data-percy-element-id');
           let cloneOwnerNode = clone.querySelector(`[data-percy-element-id="${styleId}"]`);
@@ -215,6 +221,21 @@
           style.innerHTML = Array.from(styleSheet.cssRules).map(cssRule => cssRule.cssText).join('\n');
           cloneOwnerNode.parentNode.insertBefore(style, cloneOwnerNode.nextSibling);
           cloneOwnerNode.remove();
+        } else if ((_styleSheet$href = styleSheet.href) !== null && _styleSheet$href !== void 0 && _styleSheet$href.startsWith('blob:')) {
+          const styleLink = document.createElement('link');
+          styleLink.setAttribute('rel', 'stylesheet');
+          let resource = createStyleResource(styleSheet);
+          resources.add(resource);
+          styleLink.setAttribute('data-percy-blob-stylesheets-serialized', 'true');
+          styleLink.setAttribute('data-percy-serialized-attribute-href', resource.url);
+
+          /* istanbul ignore next: tested, but coverage is stripped */
+          if (clone.constructor.name === 'HTMLDocument' || clone.constructor.name === 'DocumentFragment') {
+            // handle document and iframe
+            clone.body.prepend(styleLink);
+          } else if (clone.constructor.name === 'ShadowRoot') {
+            clone.prepend(styleLink);
+          }
         }
       }
 
@@ -224,8 +245,7 @@
         const styleLink = document.createElement('link');
         styleLink.setAttribute('rel', 'stylesheet');
         if (!cache.has(sheet)) {
-          const styles = Array.from(sheet.cssRules).map(cssRule => cssRule.cssText).join('\n');
-          let resource = resourceFromText(uid(), 'text/css', styles);
+          let resource = createStyleResource(sheet);
           resources.add(resource);
           cache.set(sheet, resource.url);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.26.2-beta.0",
+  "version": "1.26.3-beta.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "14191aa65d5da5190039ae0938c9fd8edab7cd28"
+  "gitHead": "2911cbf68c1745ba42acca4746bdeaad42dc98de"
 }