skip malformed css selector (#3577)

skyvern/webeye/scraper/domUtils.js

@@ -763,7 +763,11 @@ function isHoverPointerElement(element, hoverStylesMap) {
         }
       }
       if (shouldMatch || selector.includes(tagName)) {
-        if (element.matches(selector) && styles.cursor === "pointer") {
+        if (
+          isValidCSSSelector(selector) &&
+          element.matches(selector) &&
+          styles.cursor === "pointer"
+        ) {
           return true;
         }
       }
@@ -2192,6 +2196,11 @@ async function getHoverStylesMap() {
             // Get base selector without :hover
             const baseSelector = hoverPart.replace(/:hover/g, "").trim();
 
+            // Skip invalid CSS selectors
+            if (!isValidCSSSelector(baseSelector)) {
+              continue;
+            }
+
             // Get or create styles object for this selector
             let styles = hoverMap.get(baseSelector) || {};
 
@@ -2204,13 +2213,16 @@ async function getHoverStylesMap() {
             // store it in a special format
             if (parts.length > 1) {
               const fullSelector = selector;
-              styles["__nested__"] = styles["__nested__"] || [];
+              // Skip if the full selector is invalid
-              styles["__nested__"].push({
+              if (isValidCSSSelector(fullSelector)) {
-                selector: fullSelector,
+                styles["__nested__"] = styles["__nested__"] || [];
-                styles: Object.fromEntries(
+                styles["__nested__"].push({
-                  [...rule.style].map((prop) => [prop, rule.style[prop]]),
+                  selector: fullSelector,
-                ),
+                  styles: Object.fromEntries(
-              });
+                    [...rule.style].map((prop) => [prop, rule.style[prop]]),
+                  ),
+                });
+              }
             }
 
             // only need the style which includes the cursor attribute.