@percy/dom 1.30.3-alpha.2 → 1.30.3-alpha.4

package/dist/bundle.js

@@ -518,7 +518,8 @@
               clone.shadowRoot.innerHTML = '';
             } else {
               clone.attachShadow({
-                mode: 'open'
+                mode: 'open',
+                serializable: true
               });
             }
             // clone dom elements
@@ -547,14 +548,26 @@
      * Use `getInnerHTML()` to serialize shadow dom as <template> tags. `innerHTML` and `outerHTML` don't do this. Buzzword: "declarative shadow dom"
      */
     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) {
+      // All major browsers in latest versions supports getHTML API to get serialized DOM
+      // https://developer.mozilla.org/en-US/docs/Web/API/Element/getHTML
+      // old firefox doesn't serialize shadow DOM, we're awaiting API's by firefox to become ready and are not polyfilling it.
+      // new firefox from 128 onwards serializes it using getHTML
+      /* istanbul ignore if: Only triggered in firefox <= 128 and tests runs on latest */
+      if (!docElement.getHTML) {
         return docElement.outerHTML;
       }
       // chromium gives us declarative shadow DOM serialization API
-      let innerHTML = docElement.getInnerHTML({
-        includeShadowRoots: true
-      });
+      let innerHTML = '';
+      /* istanbul ignore else if: Only triggered in chrome <= 128 and tests runs on latest */
+      if (docElement.getHTML) {
+        innerHTML = docElement.getHTML({
+          serializableShadowRoots: true
+        });
+      } else if (docElement.getInnerHTML) {
+        innerHTML = docElement.getInnerHTML({
+          includeShadowRoots: true
+        });
+      }
       docElement.textContent = '';
       // Note: Here we are specifically passing replacer function to avoid any replacements due to
       // special characters in client's dom like $&

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.30.3-alpha.2",
+  "version": "1.30.3-alpha.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "aeaba47044853e43b42e979a4e676916e4d95dff"
+  "gitHead": "c524e283ea199ee9169fa7f5c50a796d46864c3e"
 }