@percy/dom 1.30.9-beta.2 → 1.30.9-beta.4

package/dist/bundle.js

@@ -503,7 +503,8 @@
         dom,
         disableShadowDOM,
         resources,
-        cache
+        cache,
+        enableJavaScript
       } = ctx;
       // clones shadow DOM and light DOM for a given node
       let cloneNode = (node, parent) => {
@@ -521,6 +522,26 @@
           markElement(node, disableShadowDOM);
           let clone = node.cloneNode();
 
+          // Handle <style> tag specifically for media queries
+          if (node.nodeName === 'STYLE' && !enableJavaScript) {
+            var _node$textContent;
+            let cssText = ((_node$textContent = node.textContent) === null || _node$textContent === void 0 ? void 0 : _node$textContent.trim()) || '';
+            if (!cssText && node.sheet) {
+              try {
+                const cssRules = node.sheet.cssRules;
+                if (cssRules && cssRules.length > 0) {
+                  cssText = Array.from(cssRules).map(rule => rule.cssText).join('\n');
+                }
+              } catch (_) {
+                // ignore errors
+              }
+            }
+            if (cssText) {
+              clone.textContent = cssText;
+              clone.setAttribute('data-percy-cssom-serialized', 'true');
+            }
+          }
+
           // We apply any element transformations here to avoid another treeWalk
           applyElementTransformations(clone);
           serializeBase64(clone, resources, cache);

package/package.json

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