@skrillex1224/playwright-toolkit 2.1.237 → 2.1.238

package/dist/index.cjs

@@ -749,6 +749,84 @@ var expandScrollableContent = async (page, options = {}) => {
     expandDocumentElements: options.expandDocumentElements === true
   });
 };
+var pinBottomAffixedElements = async (page, options = {}) => {
+  return await page.evaluate(({ className, targetHeight }) => {
+    const viewportHeight = window.innerHeight || document.documentElement?.clientHeight || document.body?.clientHeight || 0;
+    const safeTargetHeight = Math.ceil(Number(targetHeight) || 0);
+    const deltaY = safeTargetHeight - viewportHeight;
+    if (deltaY <= 1) {
+      return 0;
+    }
+    const isVisible = (el, style, rect) => {
+      if (!el || !style || !rect) return false;
+      if (style.display === "none" || style.visibility === "hidden" || style.visibility === "collapse") {
+        return false;
+      }
+      if (Number(style.opacity) === 0) return false;
+      return rect.width > 0 && rect.height > 0;
+    };
+    const bottomThreshold = Math.max(24, Math.min(96, viewportHeight * 0.12));
+    const maxAffixedHeight = Math.max(56, viewportHeight * 0.65);
+    const candidates = [];
+    document.querySelectorAll("*").forEach((el) => {
+      const style = window.getComputedStyle(el);
+      const position = String(style.position || "").toLowerCase();
+      if (position !== "fixed" && position !== "sticky") return;
+      const rect = el.getBoundingClientRect();
+      if (!isVisible(el, style, rect)) return;
+      if (rect.height > maxAffixedHeight) return;
+      if (rect.bottom < viewportHeight - bottomThreshold) return;
+      const bottom = Number.parseFloat(style.bottom);
+      const hasBottomRule = Number.isFinite(bottom) && bottom <= Math.max(160, viewportHeight * 0.25);
+      const isNearViewportBottom = rect.bottom >= viewportHeight - bottomThreshold;
+      if (!hasBottomRule && !isNearViewportBottom) return;
+      candidates.push(el);
+    });
+    const candidateSet = new Set(candidates);
+    const topLevelCandidates = candidates.filter((el) => {
+      for (let parent = el.parentElement; parent; parent = parent.parentElement) {
+        if (candidateSet.has(parent)) return false;
+      }
+      return true;
+    });
+    topLevelCandidates.forEach((el) => {
+      if (!Object.prototype.hasOwnProperty.call(el.dataset, "pkBottomPinned")) {
+        el.dataset.pkBottomPinned = "1";
+        el.dataset.pkOrigTranslate = el.style.getPropertyValue("translate") || "";
+        el.dataset.pkOrigTranslatePriority = el.style.getPropertyPriority("translate") || "";
+      }
+      el.classList.add(className);
+      el.style.setProperty("translate", `0 ${Math.round(deltaY)}px`, "important");
+    });
+    return topLevelCandidates.length;
+  }, {
+    className: EXPANDED_SCROLLABLE_CLASS,
+    targetHeight: options.targetHeight
+  });
+};
+var restoreBottomAffixedElements = async (page) => {
+  await page.evaluate((className) => {
+    const hasOwn = (source, key) => Object.prototype.hasOwnProperty.call(source, key);
+    const expansionKeys = [
+      "pkOrigOverflow",
+      "pkOrigHeight",
+      "pkOrigMinHeight",
+      "pkOrigMaxHeight"
+    ];
+    document.querySelectorAll('[data-pk-bottom-pinned="1"]').forEach((el) => {
+      if (hasOwn(el.dataset, "pkOrigTranslate")) {
+        el.style.setProperty("translate", el.dataset.pkOrigTranslate || "", el.dataset.pkOrigTranslatePriority || "");
+        delete el.dataset.pkOrigTranslate;
+        delete el.dataset.pkOrigTranslatePriority;
+      }
+      delete el.dataset.pkBottomPinned;
+      const stillExpanded = expansionKeys.some((key) => hasOwn(el.dataset, key));
+      if (!stillExpanded) {
+        el.classList.remove(className);
+      }
+    });
+  }, EXPANDED_SCROLLABLE_CLASS);
+};
 var prepareExpandedFullPageScreenshot = async (page, options = {}) => {
   const originalViewport = await resolveCurrentViewportSize(page);
   const maxHeight = toPositiveInteger(options.maxHeight, DEFAULT_MAX_HEIGHT);
@@ -769,6 +847,10 @@ var prepareExpandedFullPageScreenshot = async (page, options = {}) => {
       height: targetHeight
     });
     viewportResized = true;
+  } else {
+    await pinBottomAffixedElements(page, { targetHeight }).catch((error) => {
+      logger.warning(`\u79FB\u52A8\u7AEF\u5438\u5E95\u5143\u7D20\u91CD\u5B9A\u4F4D\u5931\u8D25: ${error?.message || error}`);
+    });
   }
   if (settleMs > 0) {
     await (0, import_delay.default)(settleMs);
@@ -873,6 +955,9 @@ var captureExpandedFullPageScreenshot = async (page, options = {}) => {
       maxClipHeight: state.targetHeight
     });
   } finally {
+    await restoreBottomAffixedElements(page).catch((error) => {
+      logger.warning(`\u79FB\u52A8\u7AEF\u5438\u5E95\u5143\u7D20\u6062\u590D\u5931\u8D25: ${error?.message || error}`);
+    });
     if (options.restore) {
       await restoreExpandedFullPageScreenshot(page, state);
     }