@percy/dom 1.0.0-beta.76 → 1.0.0

package/dist/bundle.js

@@ -13,7 +13,7 @@
 
 
     function prepareDOM(dom) {
-      for (let elem of dom.querySelectorAll('input, textarea, select, iframe, canvas, video')) {
+      for (let elem of dom.querySelectorAll('input, textarea, select, iframe, canvas, video, style')) {
         if (!elem.getAttribute('data-percy-element-id')) {
           elem.setAttribute('data-percy-element-id', uid());
         }
@@ -116,10 +116,12 @@
       for (let styleSheet of dom.styleSheets) {
         if (isCSSOM(styleSheet)) {
           let style = clone.createElement('style');
+          let styleId = styleSheet.ownerNode.getAttribute('data-percy-element-id');
+          let cloneOwnerNode = clone.querySelector(`[data-percy-element-id="${styleId}"]`);
           style.type = 'text/css';
           style.setAttribute('data-percy-cssom-serialized', 'true');
           style.innerHTML = Array.from(styleSheet.cssRules).reduce((prev, cssRule) => prev + cssRule.cssText, '');
-          clone.head.appendChild(style);
+          cloneOwnerNode.parentNode.insertBefore(style, cloneOwnerNode.nextSibling);
         }
       }
     }
@@ -167,8 +169,13 @@
         let canvas = document.createElement('canvas');
         let width = canvas.width = video.videoWidth;
         let height = canvas.height = video.videoHeight;
+        let dataUrl;
         canvas.getContext('2d').drawImage(video, 0, 0, width, height);
-        let dataUrl = canvas.toDataURL(); // If the canvas produces a blank image, skip
+
+        try {
+          dataUrl = canvas.toDataURL();
+        } catch {} // If the canvas produces a blank image, skip
+
 
         if (!dataUrl || dataUrl === 'data:,') continue;
         cloneEl.setAttribute('poster', dataUrl);
@@ -176,13 +183,11 @@
     }
 
     function doctype(dom) {
-      var _dom$doctype;
-
       let {
         name = 'html',
         publicId = '',
         systemId = ''
-      } = (_dom$doctype = dom === null || dom === void 0 ? void 0 : dom.doctype) !== null && _dom$doctype !== void 0 ? _dom$doctype : {};
+      } = (dom === null || dom === void 0 ? void 0 : dom.doctype) ?? {};
       let deprecated = '';
 
       if (publicId && systemId) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.0.0-beta.76",
+  "version": "1.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -34,5 +34,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "445af68d8e270e2a35fc74e26422ed5d3c91d2ae"
+  "gitHead": "6df509421a60144e4f9f5d59dc57a5675372a0b2"
 }