@percy/dom 1.20.0 → 1.20.2

package/dist/bundle.js

@@ -336,8 +336,15 @@
      * https://developer.mozilla.org/en-US/docs/Web/API/Element/attachShadow#parameters
      */
 
-    // returns document fragment
-    const deepClone = (host, disableShadowDOM) => {
+    /**
+     * Deep clone a document while also preserving shadow roots
+     * returns document fragment
+     */
+    function cloneNodeAndShadow(_ref) {
+      let {
+        dom,
+        disableShadowDOM
+      } = _ref;
       // clones shadow DOM and light DOM for a given node
       let cloneNode = (node, parent) => {
         let walkTree = (nextn, nextp) => {
@@ -370,26 +377,18 @@
         // clone light DOM
         walkTree(node.firstChild, clone);
       };
-      let fragment = document.createDocumentFragment();
-      cloneNode(host, fragment);
+      let fragment = dom.createDocumentFragment();
+      cloneNode(dom.documentElement, fragment);
+      fragment.documentElement = fragment.firstChild;
+      fragment.head = fragment.querySelector('head');
+      fragment.body = fragment.querySelector('body');
       return fragment;
-    };
-
-    /**
-     * Deep clone a document while also preserving shadow roots and converting adoptedStylesheets to <style> tags.
-     */
-    const cloneNodeAndShadow = ctx => {
-      let cloneDocumentFragment = deepClone(ctx.dom.documentElement, ctx.disableShadowDOM);
-      cloneDocumentFragment.documentElement = cloneDocumentFragment.firstChild;
-      cloneDocumentFragment.head = cloneDocumentFragment.querySelector('head');
-      cloneDocumentFragment.body = cloneDocumentFragment.querySelector('body');
-      return cloneDocumentFragment;
-    };
+    }
 
     /**
      * Use `getInnerHTML()` to serialize shadow dom as <template> tags. `innerHTML` and `outerHTML` don't do this. Buzzword: "declarative shadow dom"
      */
-    const getOuterHTML = docElement => {
+    function getOuterHTML(docElement) {
       // firefox doesn't serialize shadow DOM, we're awaiting API's by firefox to become ready and are not polyfilling it.
       if (!docElement.getInnerHTML) {
         return docElement.outerHTML;
@@ -400,7 +399,7 @@
       });
       docElement.textContent = '';
       return docElement.outerHTML.replace('</html>', `${innerHTML}</html>`);
-    };
+    }
 
     // we inject declarative shadow dom polyfill to allow shadow dom to load in non chromium infrastructure browsers
     // Since only chromium currently supports declarative shadow DOM - https://caniuse.com/declarative-shadow-dom

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.20.0",
+  "version": "1.20.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -34,5 +34,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "261bef3e9abe7716ecfe2b9ad2eae9db2979d200"
+  "gitHead": "eb789262833734cfc4b7dbb888e889f571eb886e"
 }