@percy/dom 1.26.2-beta.0 → 1.26.3-alpha.4

package/dist/bundle.js

@@ -1,8 +1,13 @@
-(function() {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+(function () {
   (function (exports) {
     'use strict';
 
-    const process = (typeof globalThis !== "undefined" && globalThis.process) || {};
+    const process = typeof globalThis !== "undefined" && globalThis.process || {};
     process.env = process.env || {};
     process.env.__PERCY_BROWSERIFIED__ = true;
 
@@ -195,15 +200,22 @@
       }
       return true;
     }
+    function createStyleResource(styleSheet) {
+      const styles = Array.from(styleSheet.cssRules).map(cssRule => cssRule.cssText).join('\n');
+      let resource = resourceFromText(uid(), 'text/css', styles);
+      return resource;
+    }
     function serializeCSSOM(_ref) {
       let {
         dom,
         clone,
         resources,
-        cache
+        cache,
+        warnings
       } = _ref;
       // in-memory CSSOM into their respective DOM nodes.
       for (let styleSheet of dom.styleSheets) {
+        var _styleSheet$href;
         if (isCSSOM(styleSheet)) {
           let styleId = styleSheet.ownerNode.getAttribute('data-percy-element-id');
           let cloneOwnerNode = clone.querySelector(`[data-percy-element-id="${styleId}"]`);
@@ -215,30 +227,49 @@
           style.innerHTML = Array.from(styleSheet.cssRules).map(cssRule => cssRule.cssText).join('\n');
           cloneOwnerNode.parentNode.insertBefore(style, cloneOwnerNode.nextSibling);
           cloneOwnerNode.remove();
+        } else if ((_styleSheet$href = styleSheet.href) !== null && _styleSheet$href !== void 0 && _styleSheet$href.startsWith('blob:')) {
+          const styleLink = document.createElement('link');
+          styleLink.setAttribute('rel', 'stylesheet');
+          let resource = createStyleResource(styleSheet);
+          resources.add(resource);
+          styleLink.setAttribute('data-percy-blob-stylesheets-serialized', 'true');
+          styleLink.setAttribute('data-percy-serialized-attribute-href', resource.url);
+
+          /* istanbul ignore next: tested, but coverage is stripped */
+          if (clone.constructor.name === 'HTMLDocument' || clone.constructor.name === 'DocumentFragment') {
+            // handle document and iframe
+            clone.body.prepend(styleLink);
+          } else if (clone.constructor.name === 'ShadowRoot') {
+            clone.prepend(styleLink);
+          }
         }
       }
 
       // clone Adopted Stylesheets
       // Regarding ordering of the adopted stylesheets - https://github.com/WICG/construct-stylesheets/issues/93
-      for (let sheet of dom.adoptedStyleSheets) {
-        const styleLink = document.createElement('link');
-        styleLink.setAttribute('rel', 'stylesheet');
-        if (!cache.has(sheet)) {
-          const styles = Array.from(sheet.cssRules).map(cssRule => cssRule.cssText).join('\n');
-          let resource = resourceFromText(uid(), 'text/css', styles);
-          resources.add(resource);
-          cache.set(sheet, resource.url);
-        }
-        styleLink.setAttribute('data-percy-adopted-stylesheets-serialized', 'true');
-        styleLink.setAttribute('data-percy-serialized-attribute-href', cache.get(sheet));
-
-        /* istanbul ignore next: tested, but coverage is stripped */
-        if (clone.constructor.name === 'HTMLDocument' || clone.constructor.name === 'DocumentFragment') {
-          // handle document and iframe
-          clone.body.prepend(styleLink);
-        } else if (clone.constructor.name === 'ShadowRoot') {
-          clone.prepend(styleLink);
+      /* istanbul ignore next: tested, but coverage is stripped */
+      if (dom.adoptedStyleSheets) {
+        for (let sheet of dom.adoptedStyleSheets) {
+          const styleLink = document.createElement('link');
+          styleLink.setAttribute('rel', 'stylesheet');
+          if (!cache.has(sheet)) {
+            let resource = createStyleResource(sheet);
+            resources.add(resource);
+            cache.set(sheet, resource.url);
+          }
+          styleLink.setAttribute('data-percy-adopted-stylesheets-serialized', 'true');
+          styleLink.setAttribute('data-percy-serialized-attribute-href', cache.get(sheet));
+
+          /* istanbul ignore next: tested, but coverage is stripped */
+          if (clone.constructor.name === 'HTMLDocument' || clone.constructor.name === 'DocumentFragment') {
+            // handle document and iframe
+            clone.body.prepend(styleLink);
+          } else if (clone.constructor.name === 'ShadowRoot') {
+            clone.prepend(styleLink);
+          }
         }
+      } else {
+        warnings.add('Skipping `adoptedStyleSheets` as it is not supported.');
       }
     }
 
@@ -456,11 +487,12 @@
 
     // Returns a copy or new doctype for a document.
     function doctype(dom) {
+      var _ref2;
       let {
         name = 'html',
         publicId = '',
         systemId = ''
-      } = (dom === null || dom === void 0 ? void 0 : dom.doctype) ?? {};
+      } = (_ref2 = dom === null || dom === void 0 ? void 0 : dom.doctype) !== null && _ref2 !== void 0 ? _ref2 : {};
       let deprecated = '';
       if (publicId && systemId) {
         deprecated = ` PUBLIC "${publicId}" "${systemId}"`;
@@ -492,11 +524,10 @@
         let percyElementId = shadowHost.getAttribute('data-percy-element-id');
         let cloneShadowHost = ctx.clone.querySelector(`[data-percy-element-id="${percyElementId}"]`);
         if (shadowHost.shadowRoot && cloneShadowHost.shadowRoot) {
-          serializeElements({
-            ...ctx,
+          serializeElements(_objectSpread(_objectSpread({}, ctx), {}, {
             dom: shadowHost.shadowRoot,
             clone: cloneShadowHost.shadowRoot
-          });
+          }));
         } else {
           ctx.warnings.add('data-percy-shadow-host does not have shadowRoot');
         }
@@ -546,18 +577,16 @@
       };
       return stringifyResponse ? JSON.stringify(result) : result;
     }
-
     exports["default"] = serializeDOM;
     exports.serialize = serializeDOM;
     exports.serializeDOM = serializeDOM;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
+    Object.defineProperty(exports, '__esModule', {
+      value: true
+    });
   })(this.PercyDOM = this.PercyDOM || {});
 }).call(window);
-
 if (typeof define === "function" && define.amd) {
   define("@percy/dom", [], () => window.PercyDOM);
 } else if (typeof module === "object" && module.exports) {
   module.exports = window.PercyDOM;
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.26.2-beta.0",
+  "version": "1.26.3-alpha.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -9,7 +9,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "tag": "beta"
+    "tag": "alpha"
   },
   "main": "dist/bundle.js",
   "browser": "dist/bundle.js",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "14191aa65d5da5190039ae0938c9fd8edab7cd28"
+  "gitHead": "d89ab97b8d5169eafd3eb42bdbbef41a2ac624ba"
 }