@skrillex1224/playwright-toolkit 2.1.250 → 2.1.251

package/dist/index.cjs

@@ -563,6 +563,8 @@ var expandScrollableContent = async (page, options = {}) => {
     pushCandidate(root);
     pushCandidate(body);
     document.querySelectorAll("*").forEach(pushCandidate);
+    const scrollableOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]);
+    const clippingOverflow = /* @__PURE__ */ new Set(["hidden", "clip"]);
     const isDocumentElement = (el) => el === root || el === body || el === scrollingElement;
     const isVisible = (el, style, rect) => {
       if (!el || !style || !rect) return false;
@@ -572,6 +574,27 @@ var expandScrollableContent = async (page, options = {}) => {
       if (Number(style.opacity) === 0) return false;
       return rect.width > 0 && rect.height > 0;
     };
+    const hasOverflowValue = (style, values) => {
+      const overflowY = String(style?.overflowY || "").toLowerCase();
+      const overflow = String(style?.overflow || "").toLowerCase();
+      return values.has(overflowY) || values.has(overflow);
+    };
+    const isLargeVerticalClipper = (el, rect) => {
+      if (!el || !rect) return false;
+      const viewportHeight = window.innerHeight || 0;
+      const visibleHeight = Math.ceil(rect.height || 0);
+      const clientHeight = Math.ceil(el.clientHeight || 0);
+      const boxHeight = Math.max(visibleHeight, clientHeight);
+      return boxHeight >= Math.max(320, viewportHeight * 0.45);
+    };
+    const hasLargeVerticalOverflow = (el, rect) => {
+      if (!isLargeVerticalClipper(el, rect)) return false;
+      const viewportHeight = window.innerHeight || 0;
+      const scrollHeight = Math.ceil(el.scrollHeight || 0);
+      const clientHeight = Math.ceil(el.clientHeight || 0);
+      const overflowDelta = scrollHeight - clientHeight;
+      return overflowDelta >= Math.max(160, viewportHeight * 0.18);
+    };
     const rememberOriginalBoxStyles = (el, { includeDocumentElement = false } = {}) => {
       if (!el || !includeDocumentElement && isDocumentElement(el) || el.classList.contains(className)) {
         return;
@@ -606,19 +629,10 @@ var expandScrollableContent = async (page, options = {}) => {
       if (isDocumentElement(el)) {
         return true;
       }
-      const overflowY = String(style.overflowY || "").toLowerCase();
-      const overflow = String(style.overflow || "").toLowerCase();
-      const scrollableOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]);
-      if (scrollableOverflow.has(overflowY) || scrollableOverflow.has(overflow)) {
+      if (hasOverflowValue(style, scrollableOverflow)) {
         return true;
       }
-      const clippingOverflow = /* @__PURE__ */ new Set(["hidden", "clip"]);
-      const clipsY = clippingOverflow.has(overflowY) || clippingOverflow.has(overflow);
-      if (!clipsY || !rect) {
-        return false;
-      }
-      const viewportHeight = window.innerHeight || 0;
-      return rect.height >= viewportHeight * 0.25 || el.scrollHeight >= viewportHeight * 0.75;
+      return hasOverflowValue(style, clippingOverflow) && hasLargeVerticalOverflow(el, rect);
     };
     const measureNeededHeight = (el) => {
       if (!el) return 0;
@@ -651,10 +665,9 @@ var expandScrollableContent = async (page, options = {}) => {
         const style = window.getComputedStyle(node);
         const rect = node.getBoundingClientRect();
         if (!isVisible(node, style, rect)) continue;
-        const overflowY = String(style.overflowY || "").toLowerCase();
-        const overflow = String(style.overflow || "").toLowerCase();
-        const clipsContent = ["hidden", "clip", "auto", "scroll", "overlay"].includes(overflowY) || ["hidden", "clip", "auto", "scroll", "overlay"].includes(overflow);
-        if (!clipsContent) continue;
+        const scrollableClip = hasOverflowValue(style, scrollableOverflow);
+        const visualClip = hasOverflowValue(style, clippingOverflow);
+        if (!scrollableClip && (!visualClip || !isLargeVerticalClipper(node, rect))) continue;
         rememberOriginalBoxStyles(node);
         node.style.setProperty("overflow", "visible", "important");
         node.style.setProperty("max-height", "none", "important");
@@ -2019,7 +2032,11 @@ var RuntimeEnv = {
   // 指纹、时区、UA、viewport 的回放发生在 launch.js 启动阶段，不在这里做。
   async applyToPage(page, source = {}, options = {}) {
     if (!page) return;
-    const state = normalizeRuntimeState(source, options?.actor || "");
+    let state = normalizeRuntimeState(source, options?.actor || "");
+    if (typeof options?.preapply === "function") {
+      state = await options.preapply(state) || state;
+      rememberRuntimeState(state);
+    }
     Object.defineProperty(page, PageRuntimeStateKey, {
       configurable: true,
       enumerable: false,