@percy/dom 1.10.1 → 1.10.2

package/dist/bundle.js

@@ -107,15 +107,29 @@
     function isCSSOM(styleSheet) {
       // 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
+
+
+    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');

package/package.json

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