@percy/dom 1.9.1 → 1.10.2

package/dist/bundle.js

@@ -105,23 +105,37 @@
 
     // Returns true if a stylesheet is a CSSOM-based stylesheet.
     function isCSSOM(styleSheet) {
-      var _styleSheet$ownerNode, _styleSheet$ownerNode2;
+      // no href, has a rulesheet, and has an owner node
+      return !styleSheet.href && styleSheet.cssRules && styleSheet.ownerNode;
+    } // Returns false if any stylesheet rules do not match between two stylesheets
 
-      // no href, has a rulesheet, and isn't already in the DOM
-      return !styleSheet.href && styleSheet.cssRules && !((_styleSheet$ownerNode = styleSheet.ownerNode) !== null && _styleSheet$ownerNode !== void 0 && (_styleSheet$ownerNode2 = _styleSheet$ownerNode.innerText) !== null && _styleSheet$ownerNode2 !== void 0 && _styleSheet$ownerNode2.trim().length);
+
+    function styleSheetsMatch(sheetA, sheetB) {
+      for (let i = 0; i < sheetA.cssRules.length; i++) {
+        var _sheetB$cssRules$i;
+
+        let ruleA = sheetA.cssRules[i].cssText;
+        let ruleB = (_sheetB$cssRules$i = sheetB.cssRules[i]) === null || _sheetB$cssRules$i === void 0 ? void 0 : _sheetB$cssRules$i.cssText;
+        if (ruleA !== ruleB) return false;
+      }
+
+      return true;
     } // Outputs in-memory CSSOM into their respective DOM nodes.
 
 
     function serializeCSSOM(dom, clone) {
       for (let styleSheet of dom.styleSheets) {
         if (isCSSOM(styleSheet)) {
-          let style = clone.createElement('style');
           let styleId = styleSheet.ownerNode.getAttribute('data-percy-element-id');
           let cloneOwnerNode = clone.querySelector(`[data-percy-element-id="${styleId}"]`);
+          if (styleSheetsMatch(styleSheet, cloneOwnerNode.sheet)) continue;
+          let style = clone.createElement('style');
           style.type = 'text/css';
+          style.setAttribute('data-percy-element-id', styleId);
           style.setAttribute('data-percy-cssom-serialized', 'true');
-          style.innerHTML = Array.from(styleSheet.cssRules).reduce((prev, cssRule) => prev + cssRule.cssText, '');
+          style.innerHTML = Array.from(styleSheet.cssRules).map(cssRule => cssRule.cssText).join('\n');
           cloneOwnerNode.parentNode.insertBefore(style, cloneOwnerNode.nextSibling);
+          cloneOwnerNode.remove();
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.9.1",
+  "version": "1.10.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -34,5 +34,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "b2ff5100698488c8bf8c681972f4f2b9a1e2055f"
+  "gitHead": "66527175cdac3848157be7dd8368f5845d98e77e"
 }