@skrillex1224/playwright-toolkit 2.1.244 → 2.1.245

package/dist/index.cjs

@@ -3439,6 +3439,11 @@ var DEFAULT_ACTIVATE_FALLBACK_TIMEOUT_MS = 900;
 var INTERACTIVE_SELECTOR = [
   "button",
   '[role="button"]',
+  '[role="link"]',
+  '[role="menuitem"]',
+  '[role="tab"]',
+  '[role="switch"]',
+  '[role="checkbox"]',
   "a[href]",
   "label",
   "input",
@@ -3453,6 +3458,34 @@ var EDITABLE_SELECTOR = [
   "textarea",
   '[contenteditable="true"]'
 ].join(",");
+var INTERACTIVE_HINT_PATTERN = [
+  "btn",
+  "button",
+  "send",
+  "submit",
+  "confirm",
+  "cancel",
+  "retry",
+  "reload",
+  "search",
+  "copy",
+  "share",
+  "close",
+  "more",
+  "\u53D1\u9001",
+  "\u63D0\u4EA4",
+  "\u786E\u5B9A",
+  "\u786E\u8BA4",
+  "\u53D6\u6D88",
+  "\u91CD\u8BD5",
+  "\u641C\u7D22",
+  "\u590D\u5236",
+  "\u5206\u4EAB",
+  "\u5173\u95ED",
+  "\u66F4\u591A",
+  "\u5C55\u5F00",
+  "\u6536\u8D77"
+].join("|");
 var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
 var resolveViewport = (page) => page?.viewportSize?.() || { width: 390, height: 844 };
 var describeTarget = (target) => {
@@ -3492,7 +3525,47 @@ var withTimeout = async (operation, timeoutMs, label) => {
   }
 };
 var checkElementVisibility = async (element) => {
-  return element.evaluate((el, interactiveSelector) => {
+  return element.evaluate((el, { interactiveSelector, interactiveHintPattern }) => {
+    const interactiveHintRe = new RegExp(interactiveHintPattern, "i");
+    const nodeClassName = (node) => {
+      if (!node) return "";
+      if (typeof node.className === "string") return node.className;
+      if (node.className && typeof node.className.baseVal === "string") return node.className.baseVal;
+      return "";
+    };
+    const interactiveScore = (node) => {
+      if (!node || node.nodeType !== Node.ELEMENT_NODE) return 0;
+      let score = 0;
+      if (typeof node.matches === "function" && node.matches(interactiveSelector)) score += 8;
+      const hints = [
+        node.id || "",
+        nodeClassName(node),
+        node.getAttribute?.("aria-label") || "",
+        node.getAttribute?.("title") || "",
+        node.getAttribute?.("data-testid") || "",
+        node.getAttribute?.("data-test") || "",
+        node.getAttribute?.("data-click") || "",
+        node.getAttribute?.("data-action") || "",
+        node.getAttribute?.("onclick") || "",
+        String(node.textContent || "").trim().slice(0, 24)
+      ].join(" ");
+      if (interactiveHintRe.test(hints)) score += 4;
+      const style = window.getComputedStyle(node);
+      if (style?.cursor === "pointer") score += 2;
+      return score;
+    };
+    const closestInteractive = (node) => {
+      let best = null;
+      let bestScore = 0;
+      for (let current = node; current && current !== document.body; current = current.parentElement) {
+        const score = interactiveScore(current);
+        if (score > bestScore || score > 0 && score === bestScore) {
+          best = current;
+          bestScore = score;
+        }
+      }
+      return best;
+    };
     const targetStyle = window.getComputedStyle(el);
     if (!targetStyle || targetStyle.display === "none" || targetStyle.visibility === "hidden" || targetStyle.visibility === "collapse") {
       return { code: "NOT_INTERACTABLE", reason: "\u5143\u7D20\u4E0D\u53EF\u89C1", direction: "down" };
@@ -3554,16 +3627,13 @@ var checkElementVisibility = async (element) => {
         positioning
       };
     }
-    const targetInteractive = typeof el.closest === "function" ? el.closest(interactiveSelector) : null;
+    const targetInteractive = closestInteractive(el);
     const sameInteractiveTarget = (pointElement) => {
       if (!pointElement) return false;
       if (pointElement === el || el.contains(pointElement) || pointElement.contains(el)) {
         return true;
       }
-      if (!targetInteractive || typeof pointElement.closest !== "function") {
-        return false;
-      }
-      return pointElement.closest(interactiveSelector) === targetInteractive;
+      return Boolean(targetInteractive && closestInteractive(pointElement) === targetInteractive);
     };
     const describeElement = (node) => {
       if (!node) return null;
@@ -3610,10 +3680,53 @@ var checkElementVisibility = async (element) => {
       };
     }
     return { code: "VISIBLE", isFixed, positioning };
-  }, INTERACTIVE_SELECTOR);
+  }, {
+    interactiveSelector: INTERACTIVE_SELECTOR,
+    interactiveHintPattern: INTERACTIVE_HINT_PATTERN
+  });
 };
 var resolveSafeTapPoint = async (element) => {
-  return element.evaluate((el, interactiveSelector) => {
+  return element.evaluate((el, { interactiveSelector, interactiveHintPattern }) => {
+    const interactiveHintRe = new RegExp(interactiveHintPattern, "i");
+    const nodeClassName = (node) => {
+      if (!node) return "";
+      if (typeof node.className === "string") return node.className;
+      if (node.className && typeof node.className.baseVal === "string") return node.className.baseVal;
+      return "";
+    };
+    const interactiveScore = (node) => {
+      if (!node || node.nodeType !== Node.ELEMENT_NODE) return 0;
+      let score = 0;
+      if (typeof node.matches === "function" && node.matches(interactiveSelector)) score += 8;
+      const hints = [
+        node.id || "",
+        nodeClassName(node),
+        node.getAttribute?.("aria-label") || "",
+        node.getAttribute?.("title") || "",
+        node.getAttribute?.("data-testid") || "",
+        node.getAttribute?.("data-test") || "",
+        node.getAttribute?.("data-click") || "",
+        node.getAttribute?.("data-action") || "",
+        node.getAttribute?.("onclick") || "",
+        String(node.textContent || "").trim().slice(0, 24)
+      ].join(" ");
+      if (interactiveHintRe.test(hints)) score += 4;
+      const style = window.getComputedStyle(node);
+      if (style?.cursor === "pointer") score += 2;
+      return score;
+    };
+    const closestInteractive = (node) => {
+      let best = null;
+      let bestScore = 0;
+      for (let current = node; current && current !== document.body; current = current.parentElement) {
+        const score = interactiveScore(current);
+        if (score > bestScore || score > 0 && score === bestScore) {
+          best = current;
+          bestScore = score;
+        }
+      }
+      return best;
+    };
     const rect = el.getBoundingClientRect();
     if (!rect || rect.width <= 0 || rect.height <= 0) {
       return null;
@@ -3650,16 +3763,13 @@ var resolveSafeTapPoint = async (element) => {
     if (visibleWidth <= 1 || visibleHeight <= 1) {
       return null;
     }
-    const targetInteractive = typeof el.closest === "function" ? el.closest(interactiveSelector) : null;
+    const targetInteractive = closestInteractive(el);
     const sameInteractiveTarget = (pointElement) => {
       if (!pointElement) return false;
       if (pointElement === el || el.contains(pointElement) || pointElement.contains(el)) {
         return true;
       }
-      if (!targetInteractive || typeof pointElement.closest !== "function") {
-        return false;
-      }
-      return pointElement.closest(interactiveSelector) === targetInteractive;
+      return Boolean(targetInteractive && closestInteractive(pointElement) === targetInteractive);
     };
     const cx = visibleLeft + visibleWidth / 2;
     const cy = visibleTop + visibleHeight / 2;
@@ -3687,14 +3797,53 @@ var resolveSafeTapPoint = async (element) => {
       x: chosen.x,
       y: chosen.y
     };
-  }, INTERACTIVE_SELECTOR);
+  }, {
+    interactiveSelector: INTERACTIVE_SELECTOR,
+    interactiveHintPattern: INTERACTIVE_HINT_PATTERN
+  });
 };
 var activateElementFallback = async (element, point = null, options = {}) => {
-  return element.evaluate((el, { innerPoint, innerOptions, interactiveSelector, editableSelector }) => {
+  return element.evaluate((el, { innerPoint, innerOptions, interactiveSelector, editableSelector, interactiveHintPattern }) => {
+    const interactiveHintRe = new RegExp(interactiveHintPattern, "i");
+    const nodeClassName = (node) => {
+      if (!node) return "";
+      if (typeof node.className === "string") return node.className;
+      if (node.className && typeof node.className.baseVal === "string") return node.className.baseVal;
+      return "";
+    };
+    const interactiveScore = (node) => {
+      if (!node || node.nodeType !== Node.ELEMENT_NODE) return 0;
+      let score = 0;
+      if (typeof node.matches === "function" && node.matches(interactiveSelector)) score += 8;
+      const hints = [
+        node.id || "",
+        nodeClassName(node),
+        node.getAttribute?.("aria-label") || "",
+        node.getAttribute?.("title") || "",
+        node.getAttribute?.("data-testid") || "",
+        node.getAttribute?.("data-test") || "",
+        node.getAttribute?.("data-click") || "",
+        node.getAttribute?.("data-action") || "",
+        node.getAttribute?.("onclick") || "",
+        String(node.textContent || "").trim().slice(0, 24)
+      ].join(" ");
+      if (interactiveHintRe.test(hints)) score += 4;
+      const style = window.getComputedStyle(node);
+      if (style?.cursor === "pointer") score += 2;
+      return score;
+    };
     const pointElement = innerPoint ? document.elementFromPoint(innerPoint.x, innerPoint.y) : null;
     const nearestInteractive = (node) => {
-      if (!node || typeof node.closest !== "function") return null;
-      return node.closest(interactiveSelector);
+      let best = null;
+      let bestScore = 0;
+      for (let current = node; current && current !== document.body; current = current.parentElement) {
+        const score = interactiveScore(current);
+        if (score > bestScore || score > 0 && score === bestScore) {
+          best = current;
+          bestScore = score;
+        }
+      }
+      return best;
     };
     const targetInteractive = nearestInteractive(el);
     const pointInteractive = nearestInteractive(pointElement);
@@ -3726,7 +3875,8 @@ var activateElementFallback = async (element, point = null, options = {}) => {
     innerPoint: point,
     innerOptions: options || {},
     interactiveSelector: INTERACTIVE_SELECTOR,
-    editableSelector: EDITABLE_SELECTOR
+    editableSelector: EDITABLE_SELECTOR,
+    interactiveHintPattern: INTERACTIVE_HINT_PATTERN
   });
 };
 var getScrollableRect = async (element) => {
@@ -4363,6 +4513,20 @@ var MobileHumanize = {
     const locator = page.locator(selector);
     await MobileHumanize.humanClick(page, locator, { scrollIfNeeded: true });
     await waitJitter(160, 0.4);
+    const readValue = async () => {
+      try {
+        return await locator.inputValue({ timeout: 600 });
+      } catch {
+        return await locator.evaluate((el) => "value" in el ? String(el.value || "") : String(el.textContent || "")).catch(() => "");
+      }
+    };
+    const currentValue = await readValue();
+    if (!currentValue) return;
+    await page.keyboard.press("ControlOrMeta+A");
+    await waitJitter(90, 0.35);
+    await page.keyboard.press("Backspace");
+    await waitJitter(120, 0.35);
+    if (!await readValue()) return;
     await locator.evaluate((el) => {
       if ("value" in el) {
         el.value = "";