@percy/dom 1.27.4-beta.2 → 1.27.4-beta.3

package/README.md

@@ -37,7 +37,8 @@ const domSnapshot = await page.evaluate(() => PercyDOM.serialize(options))
 
 - `enableJavaScript` — When true, does not serialize some DOM elements
 - `domTransformation` — Function to transform the DOM after serialization
-- `disableShadowDOM` — disable shadow DOM capturing, this option can be passed to `percySnapshot` its part of per-snapshot config.
+- `disableShadowDOM` — disable shadow DOM capturing, usually to be used when `enableJavascript: true`
+- `reshuffleInvalidTags` — moves DOM tags which are outside `</body>` to its inside to make the DOM compliant.
 
 ## Serialized Content
 

package/dist/bundle.js

@@ -541,13 +541,15 @@
         enableJavaScript = options === null || options === void 0 ? void 0 : options.enable_javascript,
         domTransformation = options === null || options === void 0 ? void 0 : options.dom_transformation,
         stringifyResponse = options === null || options === void 0 ? void 0 : options.stringify_response,
-        disableShadowDOM = options === null || options === void 0 ? void 0 : options.disable_shadow_dom
+        disableShadowDOM = options === null || options === void 0 ? void 0 : options.disable_shadow_dom,
+        reshuffleInvalidTags = options === null || options === void 0 ? void 0 : options.reshuffle_invalid_tags
       } = options || {};
 
       // keep certain records throughout serialization
       let ctx = {
         resources: new Set(),
         warnings: new Set(),
+        hints: new Set(),
         cache: new Map(),
         enableJavaScript,
         disableShadowDOM
@@ -569,10 +571,20 @@
       if (!disableShadowDOM) {
         injectDeclarativeShadowDOMPolyfill(ctx);
       }
+      if (reshuffleInvalidTags) {
+        let clonedBody = ctx.clone.body;
+        while (clonedBody.nextSibling) {
+          let sibling = clonedBody.nextSibling;
+          clonedBody.append(sibling);
+        }
+      } else if (ctx.clone.body.nextSibling) {
+        ctx.hints.add('DOM elements found outside </body>');
+      }
       let result = {
         html: serializeHTML(ctx),
         warnings: Array.from(ctx.warnings),
-        resources: Array.from(ctx.resources)
+        resources: Array.from(ctx.resources),
+        hints: Array.from(ctx.hints)
       };
       return stringifyResponse ? JSON.stringify(result) : result;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.27.4-beta.2",
+  "version": "1.27.4-beta.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "9dc3b46642f608a762a7c4a1ca564813ece1b370"
+  "gitHead": "e560f5df1637d30722f8d1d7e6eae9cf99ede2dd"
 }