@percy/dom 1.31.10 → 1.31.11-beta.0

package/dist/bundle.js

@@ -507,8 +507,21 @@
 
     /* global XPathResult */
     const PSEDUO_ELEMENT_MARKER_ATTR = 'data-percy-pseudo-element-id';
-    function markElementIfNeeded(element, markWithId) {
-      if (markWithId && !element.getAttribute(PSEDUO_ELEMENT_MARKER_ATTR)) {
+    const POPOVER_OPEN_ATTR = 'data-percy-popover-open';
+    function isPopoverOpen(ctx, element) {
+      try {
+        return element.matches(':popover-open');
+      } catch (err) {
+        ctx.warnings.add('Browser does not support :popover-open pseudo-class.');
+        return false;
+      }
+    }
+    function markElementIfNeeded(ctx, element, markWithId) {
+      if (!markWithId) return;
+      if (element.hasAttribute('popover') && isPopoverOpen(ctx, element) && !element.hasAttribute(POPOVER_OPEN_ATTR)) {
+        element.setAttribute(POPOVER_OPEN_ATTR, 'true');
+      }
+      if (!element.getAttribute(PSEDUO_ELEMENT_MARKER_ATTR)) {
         element.setAttribute(PSEDUO_ELEMENT_MARKER_ATTR, uid());
       }
     }
@@ -532,7 +545,7 @@
             ctx.warnings.add(`No element found with ID: ${id} for pseudo-class serialization`);
             continue;
           }
-          markElementIfNeeded(element, markWithId);
+          markElementIfNeeded(ctx, element, markWithId);
           elements.push(element);
         }
       }
@@ -546,7 +559,7 @@
             continue;
           }
           const element = elementCollection[0];
-          markElementIfNeeded(element, markWithId);
+          markElementIfNeeded(ctx, element, markWithId);
           elements.push(element);
         }
       }
@@ -558,12 +571,31 @@
               ctx.warnings.add(`No element found for XPath: ${xpathExpression} for pseudo-class serialization`);
               continue;
             }
-            markElementIfNeeded(element, markWithId);
+            markElementIfNeeded(ctx, element, markWithId);
           } catch (err) {
+            ctx.warnings.add(`Invalid XPath expression "${xpathExpression}" for pseudo-class serialization. Error: ${err.message}`);
             console.warn(`Invalid XPath expression "${xpathExpression}". Error: ${err.message}`);
           }
         }
       }
+      if (config.selector && Array.isArray(config.selector)) {
+        for (const selector of config.selector) {
+          try {
+            const matched = Array.from(dom.querySelectorAll(selector));
+            if (!matched.length) {
+              ctx.warnings.add(`No element found for selector: ${selector} for pseudo-class serialization`);
+              continue;
+            }
+            matched.forEach(el => {
+              markElementIfNeeded(ctx, el, markWithId);
+              elements.push(el);
+            });
+          } catch (err) {
+            ctx.warnings.add(`Invalid selector "${selector}" for pseudo-class serialization. Error: ${err.message}`);
+            console.warn(`Invalid selector "${selector}". Error: ${err.message}`);
+          }
+        }
+      }
       return elements;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.31.10",
+  "version": "1.31.11-beta.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -9,7 +9,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "tag": "latest"
+    "tag": "beta"
   },
   "main": "dist/bundle.js",
   "browser": "dist/bundle.js",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "f7d26d7bfc3021edbbf34ea713421f4d47eae054"
+  "gitHead": "eda81f78ff9e58dac7c1c64e5f92001e5cbf3368"
 }