@ralphralphai/playwright 2.5.0 → 2.7.0

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_upload = require("./upload-D40MqSQa.cjs");
+const require_upload = require("./upload-_UWss__c.cjs");
 let node_path = require("node:path");
 node_path = require_upload.__toESM(node_path, 1);
 let _playwright_test = require("@playwright/test");

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { _ as resolveMode, a as prepareArtifactUpload, f as Recorder, g as loadConfigSync, h as loadConfig, i as createRawGraphBundle, l as uploadRawGraph, p as visitAllLinks, u as MANIFEST_ATTACHMENT } from "./upload-jup_jLlm.mjs";
+import { _ as resolveMode, a as prepareArtifactUpload, f as Recorder, g as loadConfigSync, h as loadConfig, i as createRawGraphBundle, l as uploadRawGraph, p as visitAllLinks, u as MANIFEST_ATTACHMENT } from "./upload-BsCzkoup.mjs";
 import path from "node:path";
 import { expect, mergeTests, test as test$1 } from "@playwright/test";
 //#region src/screens.ts

package/dist/reporter.cjs

@@ -1,4 +1,4 @@
-const require_upload = require("./upload-D40MqSQa.cjs");
+const require_upload = require("./upload-_UWss__c.cjs");
 let node_path = require("node:path");
 node_path = require_upload.__toESM(node_path, 1);
 let node_fs_promises = require("node:fs/promises");

package/dist/reporter.mjs

@@ -1,4 +1,4 @@
-import { _ as resolveMode, a as prepareArtifactUpload, c as resultLink, d as REPORTER_ENV, l as uploadRawGraph, m as version, n as bundleImagePath, o as registerDeployment, r as bundleSnapshotPath, s as resolveUploadOptions, t as RAW_GRAPH_BUNDLE_INDEX, u as MANIFEST_ATTACHMENT } from "./upload-jup_jLlm.mjs";
+import { _ as resolveMode, a as prepareArtifactUpload, c as resultLink, d as REPORTER_ENV, l as uploadRawGraph, m as version, n as bundleImagePath, o as registerDeployment, r as bundleSnapshotPath, s as resolveUploadOptions, t as RAW_GRAPH_BUNDLE_INDEX, u as MANIFEST_ATTACHMENT } from "./upload-BsCzkoup.mjs";
 import path from "node:path";
 import { mkdir, readFile, rm, writeFile } from "node:fs/promises";
 import { randomUUID } from "node:crypto";

package/dist/{upload-jup_jLlm.mjs → upload-BsCzkoup.mjs}

@@ -45,7 +45,7 @@ function snapshot(value) {
 }
 //#endregion
 //#region package.json
-var version = "2.5.0";
+var version = "2.7.0";
 //#endregion
 //#region src/actions.ts
 const BINDING = "__ralphAction";
@@ -526,30 +526,57 @@ async function waitForAnimations(page, timeoutMs) {
 //#region src/image_responses.ts
 const IMAGE_HASH_TIMEOUT_MS = 3e4;
 const hashesByPage = /* @__PURE__ */ new WeakMap();
+/**
+* The latest hash per url across all of a context's pages. The HTTP cache is
+* shared by the context, so this is the copy a 304 tells any of them to reuse.
+*/
+const hashesByContext = /* @__PURE__ */ new WeakMap();
 function sha256(data) {
 	return createHash("sha256").update(data).digest("hex");
 }
 /**
-* Hashes every image the page loads, as it loads, so a snapshot hashes the
-* bytes the page showed instead of fetching them a second time. A second fetch
-* of a page's images comes as a burst, which hosts such as
+* Hashes every image the context's pages load, as they load, so a snapshot
+* hashes the bytes the page showed instead of fetching them a second time. A
+* second fetch of a page's images comes as a burst, which hosts such as
 * upload.wikimedia.org answer with 429 for a share of them, and the image then
 * reads as replaced. Only the hash is kept, not the body. Entries persist
 * across navigations until another request for the same image replaces them
 * or the page closes.
+*
+* Watched on the context rather than each page: Playwright reports a popup
+* only once its first navigation has committed, and the images that document
+* requests early are gone by the time a listener can be added to the page.
 */
-function watchImageResponses(page) {
-	if (hashesByPage.has(page)) return;
-	const hashes = /* @__PURE__ */ new Map();
-	hashesByPage.set(page, hashes);
-	page.on("request", (request) => {
-		if (request.resourceType() !== "image") return;
+function watchImageResponses(context) {
+	if (hashesByContext.has(context)) return;
+	const latest = /* @__PURE__ */ new Map();
+	hashesByContext.set(context, latest);
+	context.on("request", (request) => {
+		if (request.resourceType() !== "image" || request.serviceWorker()) return;
+		const hashes = pageHashes(request.frame().page());
+		const cached = latest.get(request.url());
 		const hash = request.response().then(async (response) => {
+			if (response?.status() === 304) return cached;
 			return response?.ok() ? sha256(await response.body()) : void 0;
 		}).catch(() => void 0);
-		for (let redirected = request; redirected !== null; redirected = redirected.redirectedFrom()) hashes.set(redirected.url(), hash);
+		for (const url of redirectChain(request)) {
+			hashes.set(url, hash);
+			latest.set(url, hash);
+		}
 	});
+}
+function pageHashes(page) {
+	const existing = hashesByPage.get(page);
+	if (existing) return existing;
+	const hashes = /* @__PURE__ */ new Map();
+	hashesByPage.set(page, hashes);
 	page.once("close", () => hashesByPage.delete(page));
+	return hashes;
+}
+function redirectChain(request) {
+	const urls = [];
+	for (let redirected = request; redirected !== null; redirected = redirected.redirectedFrom()) urls.push(redirected.url());
+	return urls;
 }
 /**
 * The hash from the latest observed request for this URL, across navigations.
@@ -629,8 +656,10 @@ async function captureAriaSnapshot(page, { viewport, scroll }) {
 		boxes: true,
 		depth: MAX_ARIA_DEPTH
 	});
-	const visible = (await Promise.all(snapshot.map((node) => toDocument(page, node, scroll)))).flatMap((node) => {
-		const kept = keepShown(node, viewport.width);
+	const placed = await Promise.all(snapshot.map((node) => toDocument(page, node, scroll)));
+	const clips = await readClips(page, placed);
+	const visible = placed.flatMap((node) => {
+		const kept = keepShown(node, viewport.width, clips, void 0);
 		return kept === void 0 ? [] : [kept];
 	});
 	const described = await Promise.all(visible.map((node) => describe(page, node, {}, false)));
@@ -694,12 +723,129 @@ function isReachable(box, viewportWidth) {
 function isShown(node, viewportWidth) {
 	return node.ref !== void 0 && isReachable(node.box, viewportWidth);
 }
-function keepShown(node, viewportWidth) {
+function edgesOf(box) {
+	return {
+		left: box.x,
+		top: box.y,
+		right: box.x + box.width,
+		bottom: box.y + box.height
+	};
+}
+function intersect(a, b) {
+	if (a === void 0) return b;
+	return {
+		left: Math.max(a.left, b.left),
+		top: Math.max(a.top, b.top),
+		right: Math.min(a.right, b.right),
+		bottom: Math.min(a.bottom, b.bottom)
+	};
+}
+const ROUNDING_SLACK = 1;
+function sticksOut(inner, outer) {
+	return inner.x < outer.x - ROUNDING_SLACK || inner.y < outer.y - ROUNDING_SLACK || inner.x + inner.width > outer.x + outer.width + ROUNDING_SLACK || inner.y + inner.height > outer.y + outer.height + ROUNDING_SLACK;
+}
+function overlaps(a, b) {
+	return Math.min(a.x + a.width, b.x + b.width) - Math.max(a.x, b.x) > ROUNDING_SLACK && Math.min(a.y + a.height, b.y + b.height) - Math.max(a.y, b.y) > ROUNDING_SLACK;
+}
+function isOutside(box, clip) {
+	return box.x >= clip.right || box.x + box.width <= clip.left || box.y >= clip.bottom || box.y + box.height <= clip.top;
+}
+/**
+* The area each element is clipped to by its ancestors' `overflow`, in
+* document space, by ref.
+*
+* The boxes are not clipped (the rows of a 448px scroll box run thousands of
+* pixels down the page), and reading an element's ancestors is a page round
+* trip. Only an element that may overflow one is read: a root, one sticking
+* out of its parent, or one running into its next sibling. The clipping
+* ancestor itself is often missing from the tree, since Playwright unwraps a
+* nameless wrapper with one child. Every other element takes its parent's
+* clip.
+*/
+async function readClips(page, nodes) {
+	const candidates = [];
+	const visit = (node, parent, next, frame) => {
+		if (node.box !== void 0 && (parent === void 0 || sticksOut(node.box, parent) || next?.box !== void 0 && overlaps(node.box, next.box))) candidates.push({
+			node,
+			frame
+		});
+		const childFrame = node.role === "iframe" && node.box !== void 0 ? intersect(frame, edgesOf(node.box)) : frame;
+		const elements = (node.children ?? []).filter((child) => {
+			return typeof child !== "string";
+		});
+		elements.forEach((child, index) => {
+			visit(child, node.box, elements[index + 1], childFrame);
+		});
+	};
+	nodes.forEach((node, index) => {
+		visit(node, void 0, nodes[index + 1], void 0);
+	});
+	const clips = await Promise.all(candidates.map(async ({ node, frame }) => {
+		const clip = await readClip(page, node);
+		return clip === void 0 || node.ref === void 0 ? [] : [[node.ref, intersect(frame, clip)]];
+	}));
+	return new Map(clips.flat());
+}
+async function readClip(page, node) {
+	if (node.box === void 0 || node.ref === void 0) return;
+	let read;
+	try {
+		read = await page.locator(`aria-ref=${node.ref}`).evaluate((element) => {
+			const clip = {
+				left: -Infinity,
+				top: -Infinity,
+				right: Infinity,
+				bottom: Infinity
+			};
+			let position = getComputedStyle(element).position;
+			for (let ancestor = element.parentElement; ancestor !== null && ancestor !== document.body && ancestor !== document.documentElement; ancestor = ancestor.parentElement) {
+				if (position === "fixed") break;
+				const style = getComputedStyle(ancestor);
+				if (position === "absolute" && style.position === "static" && style.transform === "none") continue;
+				position = style.position;
+				const clipsX = style.overflowX !== "visible";
+				const clipsY = style.overflowY !== "visible";
+				if (!clipsX && !clipsY || style.display === "inline") continue;
+				const rect = ancestor.getBoundingClientRect();
+				const left = rect.left + ancestor.clientLeft;
+				const top = rect.top + ancestor.clientTop;
+				if (clipsX) {
+					clip.left = Math.max(clip.left, left);
+					clip.right = Math.min(clip.right, left + ancestor.clientWidth);
+				}
+				if (clipsY) {
+					clip.top = Math.max(clip.top, top);
+					clip.bottom = Math.min(clip.bottom, top + ancestor.clientHeight);
+				}
+			}
+			const own = element.getBoundingClientRect();
+			return {
+				x: own.x,
+				y: own.y,
+				clip
+			};
+		}, void 0, { timeout: ELEMENT_LOOKUP_TIMEOUT_MS });
+	} catch {
+		return;
+	}
+	const dx = node.box.x - read.x;
+	const dy = node.box.y - read.y;
+	return {
+		left: read.clip.left + dx,
+		top: read.clip.top + dy,
+		right: read.clip.right + dx,
+		bottom: read.clip.bottom + dy
+	};
+}
+function keepShown(node, viewportWidth, clips, inherited) {
 	if (node.role === "iframe" && node.box !== void 0 && (node.box.width < MIN_IFRAME_SIZE || node.box.height < MIN_IFRAME_SIZE)) return;
+	const clip = (node.ref === void 0 ? void 0 : clips.get(node.ref)) ?? inherited;
+	if (clip !== void 0 && node.box !== void 0 && isOutside(node.box, clip)) return;
 	const shown = isShown(node, viewportWidth);
+	const childClip = node.role === "iframe" && node.box !== void 0 ? intersect(clip, edgesOf(node.box)) : clip;
 	const children = (node.children ?? []).flatMap((child) => {
 		if (typeof child === "string") return shown ? [child] : [];
-		const kept = keepShown(child, viewportWidth);
+		const kept = keepShown(child, viewportWidth, clips, childClip);
 		return kept === void 0 ? [] : [kept];
 	});
 	if (!shown && children.length === 0) return;
@@ -1280,6 +1426,7 @@ var Recorder = class {
 			freezer
 		});
 		this.actions.observe(context);
+		watchImageResponses(context);
 		context.on("page", onPage);
 		for (const page of context.pages()) onPage(page);
 		return ready;
@@ -1380,7 +1527,6 @@ var Recorder = class {
 			}
 		}).catch(() => void 0);
 		page.on("framenavigated", state.onNavigation);
-		watchImageResponses(page);
 		this.urlChanged(state);
 	}
 	urlChanged(state) {
@@ -1907,4 +2053,4 @@ async function responseDetail(response) {
 //#endregion
 export { resolveMode as _, prepareArtifactUpload as a, resultLink as c, REPORTER_ENV as d, Recorder as f, loadConfigSync as g, loadConfig as h, createRawGraphBundle as i, uploadRawGraph as l, version as m, bundleImagePath as n, registerDeployment as o, visitAllLinks as p, bundleSnapshotPath as r, resolveUploadOptions as s, RAW_GRAPH_BUNDLE_INDEX as t, MANIFEST_ATTACHMENT as u };
 
-//# sourceMappingURL=upload-jup_jLlm.mjs.map
+//# sourceMappingURL=upload-BsCzkoup.mjs.map