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,6 +2213,8 @@ async function getHoverStylesMap() {
             // store it in a special format
             if (parts.length > 1) {
               const fullSelector = selector;
+              // Skip if the full selector is invalid
+              if (isValidCSSSelector(fullSelector)) {
                 styles["__nested__"] = styles["__nested__"] || [];
                 styles["__nested__"].push({
                   selector: fullSelector,
@@ -2212,6 +2223,7 @@ async function getHoverStylesMap() {
                   ),
                 });
               }
+            }
 
             // only need the style which includes the cursor attribute.
             if (!("cursor" in styles)) {