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

package/dist/config.js

@@ -47,9 +47,15 @@ export const configSchema = {
         type: 'boolean',
         default: false
       },
+      enableLayout: {
+        type: 'boolean'
+      },
       domTransformation: {
         type: 'string'
       },
+      reshuffleInvalidTags: {
+        type: 'boolean'
+      },
       scope: {
         type: 'string'
       },
@@ -280,6 +286,12 @@ export const snapshotSchema = {
         domTransformation: {
           $ref: '/config/snapshot#/properties/domTransformation'
         },
+        enableLayout: {
+          $ref: '/config/snapshot#/properties/enableLayout'
+        },
+        reshuffleInvalidTags: {
+          $ref: '/config/snapshot#/properties/reshuffleInvalidTags'
+        },
         discovery: {
           type: 'object',
           additionalProperties: false,
@@ -524,6 +536,12 @@ export const snapshotSchema = {
                     }
                   }
                 }
+              },
+              hints: {
+                type: 'array',
+                items: {
+                  type: 'string'
+                }
               }
             }
           }]

package/dist/discovery.js

@@ -26,6 +26,9 @@ function debugSnapshotOptions(snapshot) {
   debugProp(snapshot, 'enableJavaScript');
   debugProp(snapshot, 'cliEnableJavaScript');
   debugProp(snapshot, 'disableShadowDOM');
+  debugProp(snapshot, 'enableLayout');
+  debugProp(snapshot, 'domTransformation');
+  debugProp(snapshot, 'reshuffleInvalidTags');
   debugProp(snapshot, 'deviceScaleFactor');
   debugProp(snapshot, 'waitForTimeout');
   debugProp(snapshot, 'waitForSelector');
@@ -101,6 +104,7 @@ function processSnapshotResources({
   ...snapshot
 }) {
   var _resources;
+  let log = logger('core:snapshot');
   resources = [...(((_resources = resources) === null || _resources === void 0 ? void 0 : _resources.values()) ?? [])];
 
   // find any root resource matching the provided dom snapshot
@@ -119,6 +123,11 @@ function processSnapshotResources({
 
   // inject Percy CSS
   if (snapshot.percyCSS) {
+    // check @percy/dom/serialize-dom.js
+    let domSnapshotHints = (domSnapshot === null || domSnapshot === void 0 ? void 0 : domSnapshot.hints) ?? [];
+    if (domSnapshotHints.includes('DOM elements found outside </body>')) {
+      log.warn('DOM elements found outside </body>, percyCSS might not work');
+    }
     let css = createPercyCSSResource(root.url, snapshot.percyCSS);
     resources.push(css);
 

package/dist/page.js

@@ -146,7 +146,8 @@ export class Page {
       width,
       enableJavaScript,
       disableShadowDOM,
-      domTransformation
+      domTransformation,
+      reshuffleInvalidTags
     } = snapshot;
     this.log.debug(`Taking snapshot: ${name}${width ? ` @${width}px` : ''}`, this.meta);
 
@@ -191,7 +192,8 @@ export class Page {
     }), {
       enableJavaScript,
       disableShadowDOM,
-      domTransformation
+      domTransformation,
+      reshuffleInvalidTags
     });
     return {
       ...snapshot,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/core",
-  "version": "1.27.4-beta.2",
+  "version": "1.27.4-beta.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -43,11 +43,11 @@
     "test:types": "tsd"
   },
   "dependencies": {
-    "@percy/client": "1.27.4-beta.2",
-    "@percy/config": "1.27.4-beta.2",
-    "@percy/dom": "1.27.4-beta.2",
-    "@percy/logger": "1.27.4-beta.2",
-    "@percy/webdriver-utils": "1.27.4-beta.2",
+    "@percy/client": "1.27.4-beta.3",
+    "@percy/config": "1.27.4-beta.3",
+    "@percy/dom": "1.27.4-beta.3",
+    "@percy/logger": "1.27.4-beta.3",
+    "@percy/webdriver-utils": "1.27.4-beta.3",
     "content-disposition": "^0.5.4",
     "cross-spawn": "^7.0.3",
     "extract-zip": "^2.0.1",
@@ -58,5 +58,5 @@
     "rimraf": "^3.0.2",
     "ws": "^8.0.0"
   },
-  "gitHead": "9dc3b46642f608a762a7c4a1ca564813ece1b370"
+  "gitHead": "e560f5df1637d30722f8d1d7e6eae9cf99ede2dd"
 }

package/types/index.d.ts

@@ -39,6 +39,9 @@ interface CommonSnapshotOptions {
   percyCSS?: string;
   enableJavaScript?: boolean;
   disableShadowDOM?: boolean;
+  enableLayout?: boolean;
+  domTransformation?: string;
+  reshuffleInvalidTags?: boolean;
   devicePixelRatio?: number;
   scope?: string;
 }