@e2e-dev/web 0.15.2-nightly-20261016073603 → 0.15.2

package/dist/.build.json

@@ -1 +1 @@
-{"version":"0.15.2-nightly-20261016073603"}
+{"version":"0.15.2"}

package/dist/browser.js

@@ -237,6 +237,7 @@ export function createBrowserFixture(surface, context) {
                     url: response.url(),
                     status: response.status(),
                     headers: response.headers(),
+                    // oxlint-disable-next-line e2e/no-unchecked-json -- public API: the caller names T, unknown by default
                     json: async () => JSON.parse(await text()),
                     text,
                 };

package/dist/observation.js

@@ -83,6 +83,7 @@ async function captureInto(deps, scope, stage, host, framePath, budget, signal)
         return data;
     }));
     const decoded = typeof metadata === 'string'
+        // oxlint-disable-next-line e2e/no-unchecked-json -- page-reported metadata, as unchecked as the structured branch; only the ids and nodes alignment below is checked
         ? JSON.parse(metadata)
         : metadata;
     const { nodes, ids, truncated: walkTruncated } = decoded;

package/dist/support.js

@@ -316,7 +316,7 @@ export async function performViewportSwipe(page, direction, momentum) {
     const viewport = await currentViewport(page);
     const distance = swipeDistance(direction === 'up' || direction === 'down' ? viewport.height : viewport.width, momentum);
     const [deltaX, deltaY] = wheelDelta(direction, distance);
-    return page.mouse.wheel(deltaX, deltaY);
+    await wheelRendered(page, deltaX, deltaY);
 }
 /**
  * The browser truncates a fractional pointer coordinate, so a point composed
@@ -354,10 +354,16 @@ export async function performPointDrag(mouse, start, end, durationMs, signal) {
     }
 }
 export async function performElementSwipe(target, direction, momentum, timeout) {
-    // Hover first: it auto-waits for visibility on both target kinds, so the
-    // immediate box read below observes a settled element.
-    await asActionable(target).hover({ timeout });
-    const box = await targetBoundingBox(target, timeout);
+    // A node the pointer already hovers takes the wheel where it is; one hit at
+    // its centre takes it there, at the box that hit test read; otherwise hover
+    // waits for it to be actionable, scrolls it into view, and reports whatever
+    // intercepts the pointer.
+    const aimed = await (target.kind === 'locator'
+        ? target.locator.evaluate(wheelAim, undefined, { timeout })
+        : target.element.evaluate(wheelAim));
+    if (aimed.aim === 'blocked')
+        await asActionable(target).hover({ timeout });
+    const box = aimed.aim === 'blocked' ? await targetBoundingBox(target, timeout) : aimed.box;
     if (box === null) {
         throw new EngineError('NOT_ACTIONABLE', 'element has no visible bounding box', {
             retryable: false,
@@ -366,7 +372,41 @@ export async function performElementSwipe(target, direction, momentum, timeout)
     const distance = swipeDistance(direction === 'up' || direction === 'down' ? box.height : box.width, momentum);
     const [deltaX, deltaY] = wheelDelta(direction, distance);
     const page = await targetPage(target);
+    if (aimed.aim === 'centre')
+        await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2);
+    await wheelRendered(page, deltaX, deltaY);
+}
+/**
+ * Wheels the page and resolves once a frame rendered the scroll it caused.
+ * The scroll lands on the compositor and reaches script on the next frame, so
+ * a read right after a bare `mouse.wheel` can see the document it left. A
+ * hidden document renders no frames, so it resolves at once.
+ */
+async function wheelRendered(page, deltaX, deltaY) {
     await page.mouse.wheel(deltaX, deltaY);
+    await page.evaluate(nextRenderedFrame);
+}
+/** Page-side: resolves after the next rendered frame, or at once in a hidden document. */
+function nextRenderedFrame() {
+    if (document.visibilityState === 'hidden')
+        return Promise.resolve();
+    return new Promise((resolve) => requestAnimationFrame(() => window.setTimeout(resolve, 0)));
+}
+/**
+ * Page-side: where a wheel reaches `element` in a top-level document, whose
+ * box is the page's: at the pointer when it already hovers the element, at
+ * its centre when the hit target there is the element or inside it, or
+ * `blocked` when neither holds.
+ */
+function wheelAim(element) {
+    if (window !== window.top || element.getClientRects().length === 0)
+        return { aim: 'blocked' };
+    const rect = element.getBoundingClientRect();
+    const box = { x: rect.x, y: rect.y, width: rect.width, height: rect.height };
+    if (element.matches(':hover'))
+        return { aim: 'pointer', box };
+    const hit = document.elementFromPoint(rect.x + rect.width / 2, rect.y + rect.height / 2);
+    return hit !== null && element.contains(hit) ? { aim: 'centre', box } : { aim: 'blocked' };
 }
 function swipeDistance(extent, momentum) {
     const ratio = momentum === 'fast' ? 1.5 : momentum === 'slow' ? 0.75 : 0.5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@e2e-dev/web",
-  "version": "0.15.2-nightly-20261016073603",
+  "version": "0.15.2",
   "description": "Web engine for e2e agentic end-to-end testing, built on Playwright",
   "keywords": [
     "e2e",
@@ -50,11 +50,11 @@
     "playwright-core": "1.64.0"
   },
   "peerDependencies": {
-    "e2e": "0.21.2-nightly-20261016073603"
+    "e2e": ">=0.18.0 <1"
   },
   "devDependencies": {
     "@types/node": "26.6.2",
-    "e2e": "0.21.2-nightly-20261016073603",
+    "e2e": "0.21.2",
     "@types/pngjs": "6.0.5",
     "pngjs": "7.0.0",
     "typescript": "7.0.2",