npm - @browserbasehq/orca - Versions diffs - 3.0.9-alpha-4 → 3.1.0-patch.0 - Mend

@browserbasehq/orca 3.0.9-alpha-4 → 3.1.0-patch.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (655) hide show

package/dist/esm/lib/v3/tests/page-hover.spec.js ADDED Viewed

@@ -0,0 +1,167 @@
+import { test, expect } from "@playwright/test";
+import { V3 } from "../v3.js";
+import { v3TestConfig } from "./v3.config.js";
+test.describe("Page.hover() - mouse hover at coordinates", () => {
+  let v3;
+  test.beforeEach(async () => {
+    v3 = new V3(v3TestConfig);
+    await v3.init();
+  });
+  test.afterEach(async () => {
+    await v3?.close?.().catch(() => {
+    });
+  });
+  test("hover triggers mouseover event at coordinates", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto(
+      "data:text/html," + encodeURIComponent(
+        `<!doctype html><html><body style="margin: 0; padding: 0;">
+            <div id="target"
+                 style="position: absolute; top: 100px; left: 100px; width: 200px; height: 200px; background: lightblue;"
+                 onmouseover="this.dataset.hovered='true'"
+                 onmouseout="this.dataset.hovered='false'">
+              Hover Me
+            </div>
+          </body></html>`
+      )
+    );
+    let hovered = await page.evaluate(() => {
+      const el = document.getElementById("target");
+      return el?.dataset.hovered === "true";
+    });
+    expect(hovered).toBe(false);
+    await page.hover(200, 200);
+    hovered = await page.evaluate(() => {
+      const el = document.getElementById("target");
+      return el?.dataset.hovered === "true";
+    });
+    expect(hovered).toBe(true);
+  });
+  test("hover moves mouse without clicking", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto(
+      "data:text/html," + encodeURIComponent(
+        `<!doctype html><html><body style="margin: 0; padding: 0;">
+            <button id="btn"
+                    style="position: absolute; top: 100px; left: 100px; width: 200px; height: 100px;"
+                    onclick="this.dataset.clicked='true'"
+                    onmouseover="this.dataset.hovered='true'">
+              Click Me
+            </button>
+          </body></html>`
+      )
+    );
+    await page.hover(200, 150);
+    const state = await page.evaluate(() => {
+      const btn = document.getElementById("btn");
+      return {
+        hovered: btn?.dataset.hovered === "true",
+        clicked: btn?.dataset.clicked === "true"
+      };
+    });
+    expect(state.hovered).toBe(true);
+    expect(state.clicked).toBe(false);
+  });
+  test("hover returns xpath when requested", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto(
+      "data:text/html," + encodeURIComponent(
+        `<!doctype html><html><body style="margin: 0; padding: 0;">
+            <div id="target" style="position: absolute; top: 0px; left: 400px; width: 300px; height: 100px; background: blue;">
+              Target element
+            </div>
+            <p style="position: absolute; top: 200px; left: 0px;">Content below</p>
+          </body></html>`
+      )
+    );
+    const xpath = await page.hover(550, 50, { returnXpath: true });
+    expect(typeof xpath).toBe("string");
+    expect(xpath.length).toBeGreaterThan(0);
+    expect(xpath.toLowerCase()).toMatch(/div|target/);
+  });
+  test("hover without returnXpath returns empty string", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto(
+      "data:text/html," + encodeURIComponent(
+        `<!doctype html><html><body style="margin: 0; padding: 0;">
+            <div style="width: 100px; height: 100px; background: lightblue;">Content</div>
+          </body></html>`
+      )
+    );
+    const result = await page.hover(50, 50);
+    expect(result).toBe("");
+  });
+  test("hover triggers CSS :hover styles", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto(
+      "data:text/html," + encodeURIComponent(
+        `<!doctype html><html>
+          <head>
+            <style>
+              #hoverable {
+                position: absolute;
+                top: 100px;
+                left: 100px;
+                width: 200px;
+                height: 200px;
+                background: red;
+              }
+              #hoverable:hover {
+                background: green;
+              }
+            </style>
+          </head>
+          <body style="margin: 0; padding: 0;">
+            <div id="hoverable">Hover to change color</div>
+          </body></html>`
+      )
+    );
+    let bgColor = await page.evaluate(() => {
+      const el = document.getElementById("hoverable");
+      return getComputedStyle(el).backgroundColor;
+    });
+    expect(bgColor).toBe("rgb(255, 0, 0)");
+    await page.hover(200, 200);
+    bgColor = await page.evaluate(() => {
+      const el = document.getElementById("hoverable");
+      return getComputedStyle(el).backgroundColor;
+    });
+    expect(bgColor).toBe("rgb(0, 128, 0)");
+  });
+  test("multiple hovers move the mouse correctly", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto(
+      "data:text/html," + encodeURIComponent(
+        `<!doctype html><html><body style="margin: 0; padding: 0;">
+            <div id="box1"
+                 style="position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: red;"
+                 onmouseover="this.dataset.hovered='true'"
+                 onmouseout="this.dataset.hovered='false'">
+              Box 1
+            </div>
+            <div id="box2"
+                 style="position: absolute; top: 0; left: 200px; width: 100px; height: 100px; background: blue;"
+                 onmouseover="this.dataset.hovered='true'"
+                 onmouseout="this.dataset.hovered='false'">
+              Box 2
+            </div>
+          </body></html>`
+      )
+    );
+    await page.hover(50, 50);
+    let state = await page.evaluate(() => ({
+      box1: document.getElementById("box1")?.dataset.hovered === "true",
+      box2: document.getElementById("box2")?.dataset.hovered === "true"
+    }));
+    expect(state.box1).toBe(true);
+    expect(state.box2).toBe(false);
+    await page.hover(250, 50);
+    state = await page.evaluate(() => ({
+      box1: document.getElementById("box1")?.dataset.hovered === "true",
+      box2: document.getElementById("box2")?.dataset.hovered === "true"
+    }));
+    expect(state.box1).toBe(false);
+    expect(state.box2).toBe(true);
+  });
+});
+//# sourceMappingURL=page-hover.spec.js.map

package/dist/esm/lib/v3/tests/page-hover.spec.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../lib/v3/tests/page-hover.spec.ts"],
+  "sourcesContent": ["import { test, expect } from \"@playwright/test\";\nimport { V3 } from \"../v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\n\ntest.describe(\"Page.hover() - mouse hover at coordinates\", () => {\n  let v3: V3;\n\n  test.beforeEach(async () => {\n    v3 = new V3(v3TestConfig);\n    await v3.init();\n  });\n\n  test.afterEach(async () => {\n    await v3?.close?.().catch(() => {});\n  });\n\n  test(\"hover triggers mouseover event at coordinates\", async () => {\n    const page = v3.context.pages()[0];\n\n    await page.goto(\n      \"data:text/html,\" +\n        encodeURIComponent(\n          `<!doctype html><html><body style=\"margin: 0; padding: 0;\">\n            <div id=\"target\" \n                 style=\"position: absolute; top: 100px; left: 100px; width: 200px; height: 200px; background: lightblue;\"\n                 onmouseover=\"this.dataset.hovered='true'\"\n                 onmouseout=\"this.dataset.hovered='false'\">\n              Hover Me\n            </div>\n          </body></html>`,\n        ),\n    );\n\n    // Check initial state\n    let hovered = await page.evaluate(() => {\n      const el = document.getElementById(\"target\");\n      return el?.dataset.hovered === \"true\";\n    });\n    expect(hovered).toBe(false);\n\n    // Hover at coordinates within the target element (200, 200 is center of the div)\n    await page.hover(200, 200);\n\n    // Verify mouseover was triggered\n    hovered = await page.evaluate(() => {\n      const el = document.getElementById(\"target\");\n      return el?.dataset.hovered === \"true\";\n    });\n    expect(hovered).toBe(true);\n  });\n\n  test(\"hover moves mouse without clicking\", async () => {\n    const page = v3.context.pages()[0];\n\n    await page.goto(\n      \"data:text/html,\" +\n        encodeURIComponent(\n          `<!doctype html><html><body style=\"margin: 0; padding: 0;\">\n            <button id=\"btn\" \n                    style=\"position: absolute; top: 100px; left: 100px; width: 200px; height: 100px;\"\n                    onclick=\"this.dataset.clicked='true'\"\n                    onmouseover=\"this.dataset.hovered='true'\">\n              Click Me\n            </button>\n          </body></html>`,\n        ),\n    );\n\n    // Hover over the button\n    await page.hover(200, 150);\n\n    // Check that hover happened but click did not\n    const state = await page.evaluate(() => {\n      const btn = document.getElementById(\"btn\");\n      return {\n        hovered: btn?.dataset.hovered === \"true\",\n        clicked: btn?.dataset.clicked === \"true\",\n      };\n    });\n\n    expect(state.hovered).toBe(true);\n    expect(state.clicked).toBe(false);\n  });\n\n  test(\"hover returns xpath when requested\", async () => {\n    const page = v3.context.pages()[0];\n\n    await page.goto(\n      \"data:text/html,\" +\n        encodeURIComponent(\n          `<!doctype html><html><body style=\"margin: 0; padding: 0;\">\n            <div id=\"target\" style=\"position: absolute; top: 0px; left: 400px; width: 300px; height: 100px; background: blue;\">\n              Target element\n            </div>\n            <p style=\"position: absolute; top: 200px; left: 0px;\">Content below</p>\n          </body></html>`,\n        ),\n    );\n\n    // Hover at coordinate (550, 50) which should be directly over the target div\n    const xpath = await page.hover(550, 50, { returnXpath: true });\n\n    // Should return a non-empty xpath string for the element at that coordinate\n    expect(typeof xpath).toBe(\"string\");\n    expect(xpath.length).toBeGreaterThan(0);\n    // Xpath should reference the div\n    expect(xpath.toLowerCase()).toMatch(/div|target/);\n  });\n\n  test(\"hover without returnXpath returns empty string\", async () => {\n    const page = v3.context.pages()[0];\n\n    await page.goto(\n      \"data:text/html,\" +\n        encodeURIComponent(\n          `<!doctype html><html><body style=\"margin: 0; padding: 0;\">\n            <div style=\"width: 100px; height: 100px; background: lightblue;\">Content</div>\n          </body></html>`,\n        ),\n    );\n\n    // Hover without returnXpath\n    const result = await page.hover(50, 50);\n\n    // Should return empty string\n    expect(result).toBe(\"\");\n  });\n\n  test(\"hover triggers CSS :hover styles\", async () => {\n    const page = v3.context.pages()[0];\n\n    await page.goto(\n      \"data:text/html,\" +\n        encodeURIComponent(\n          `<!doctype html><html>\n          <head>\n            <style>\n              #hoverable {\n                position: absolute;\n                top: 100px;\n                left: 100px;\n                width: 200px;\n                height: 200px;\n                background: red;\n              }\n              #hoverable:hover {\n                background: green;\n              }\n            </style>\n          </head>\n          <body style=\"margin: 0; padding: 0;\">\n            <div id=\"hoverable\">Hover to change color</div>\n          </body></html>`,\n        ),\n    );\n\n    // Get initial background color\n    let bgColor = await page.evaluate(() => {\n      const el = document.getElementById(\"hoverable\");\n      return getComputedStyle(el!).backgroundColor;\n    });\n    expect(bgColor).toBe(\"rgb(255, 0, 0)\"); // red\n\n    // Hover over the element\n    await page.hover(200, 200);\n\n    // Check that CSS :hover state is applied\n    bgColor = await page.evaluate(() => {\n      const el = document.getElementById(\"hoverable\");\n      return getComputedStyle(el!).backgroundColor;\n    });\n    expect(bgColor).toBe(\"rgb(0, 128, 0)\"); // green\n  });\n\n  test(\"multiple hovers move the mouse correctly\", async () => {\n    const page = v3.context.pages()[0];\n\n    await page.goto(\n      \"data:text/html,\" +\n        encodeURIComponent(\n          `<!doctype html><html><body style=\"margin: 0; padding: 0;\">\n            <div id=\"box1\" \n                 style=\"position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: red;\"\n                 onmouseover=\"this.dataset.hovered='true'\"\n                 onmouseout=\"this.dataset.hovered='false'\">\n              Box 1\n            </div>\n            <div id=\"box2\" \n                 style=\"position: absolute; top: 0; left: 200px; width: 100px; height: 100px; background: blue;\"\n                 onmouseover=\"this.dataset.hovered='true'\"\n                 onmouseout=\"this.dataset.hovered='false'\">\n              Box 2\n            </div>\n          </body></html>`,\n        ),\n    );\n\n    // Hover over box1\n    await page.hover(50, 50);\n\n    let state = await page.evaluate(() => ({\n      box1: document.getElementById(\"box1\")?.dataset.hovered === \"true\",\n      box2: document.getElementById(\"box2\")?.dataset.hovered === \"true\",\n    }));\n\n    expect(state.box1).toBe(true);\n    expect(state.box2).toBe(false);\n\n    // Move hover to box2\n    await page.hover(250, 50);\n\n    state = await page.evaluate(() => ({\n      box1: document.getElementById(\"box1\")?.dataset.hovered === \"true\",\n      box2: document.getElementById(\"box2\")?.dataset.hovered === \"true\",\n    }));\n\n    expect(state.box1).toBe(false);\n    expect(state.box2).toBe(true);\n  });\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/lib/v3/tests/page-screenshot.spec.js ADDED Viewed

@@ -0,0 +1,273 @@
+import { test, expect } from "@playwright/test";
+import { promises as fs } from "fs";
+import * as os from "os";
+import * as path from "path";
+import { V3 } from "../v3.js";
+import { v3TestConfig } from "./v3.config.js";
+import { Frame } from "../understudy/frame.js";
+const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+test.describe("Page.screenshot options", () => {
+  let v3;
+  test.beforeEach(async () => {
+    v3 = new V3(v3TestConfig);
+    await v3.init();
+  });
+  test.afterEach(async () => {
+    await v3?.close?.().catch(() => {
+    });
+  });
+  test("rejects clip combined with fullPage", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto("data:text/html,<html><body>test</body></html>");
+    await expect(
+      page.screenshot({
+        fullPage: true,
+        clip: { x: 0, y: 0, width: 100, height: 100 }
+      })
+    ).rejects.toThrow(/clip and fullPage/);
+  });
+  test("rejects unsupported image type", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto("data:text/html,<html><body>noop</body></html>");
+    await expect(
+      page.screenshot({
+        // @ts-expect-error intentional invalid type for runtime validation
+        type: "webp"
+      })
+    ).rejects.toThrow(/unsupported image type/);
+  });
+  test("rejects jpeg quality for png screenshots", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto("data:text/html,<html><body>noop</body></html>");
+    await expect(page.screenshot({ type: "png", quality: 50 })).rejects.toThrow(
+      /quality option is only valid/
+    );
+  });
+  test("honours timeout option", async () => {
+    const page = v3.context.pages()[0];
+    await page.goto("data:text/html,<html><body>noop</body></html>");
+    const mainFrame = page.mainFrame();
+    const originalScreenshot = mainFrame.screenshot.bind(mainFrame);
+    mainFrame.screenshot = async () => {
+      await wait(50);
+      return Buffer.from("late");
+    };
+    try {
+      await expect(page.screenshot({ timeout: 10 })).rejects.toThrow(/timeout/);
+    } finally {
+      mainFrame.screenshot = originalScreenshot;
+    }
+  });
+  test("applies advanced options and cleans up overlays", async () => {
+    const page = v3.context.pages()[0];
+    const screenshotTimeout = process.env.CI ? 15e3 : 5e3;
+    const testStart = Date.now();
+    console.log(
+      `[screenshot-test] start ${new Date(testStart).toISOString()} timeout=${screenshotTimeout}`
+    );
+    const html = `
+      <!doctype html>
+      <html>
+        <head>
+          <meta charset="utf-8" />
+          <style>
+            body { background: #aaccee; margin: 0; height: 100vh; display: flex; flex-direction: column; align-items: flex-start; }
+            .mask-target { width: 80px; height: 80px; margin: 40px; background: rgb(0, 180, 60); animation: pulse 1s infinite alternate; }
+            @keyframes pulse { from { transform: scale(1); } to { transform: scale(1.2); } }
+          </style>
+        </head>
+        <body>
+          <div class="mask-target"></div>
+          <div class="mask-target"></div>
+          <input id="focus-me" value="focus" />
+          <script>document.getElementById('focus-me').focus();</script>
+        </body>
+      </html>
+    `;
+    await page.goto("data:text/html," + encodeURIComponent(html));
+    console.log(`[screenshot-test] page loaded in ${Date.now() - testStart}ms`);
+    const maskLocator = page.locator(".mask-target");
+    const tempPath = path.join(
+      os.tmpdir(),
+      `stagehand-screenshot-${Date.now()}-${Math.random().toString(36).slice(2)}.jpeg`
+    );
+    console.log(`[screenshot-test] tempPath=${tempPath}`);
+    const targetId = page.targetId();
+    const screenshotCalls = [];
+    const evaluateCalls = [];
+    const originalScreenshot = Frame.prototype.screenshot;
+    const originalEvaluate = Frame.prototype.evaluate;
+    Frame.prototype.screenshot = async function screenshotSpy(options) {
+      const frame = this;
+      if (frame.pageId === targetId) {
+        screenshotCalls.push({ frameId: frame.frameId, options });
+        return Buffer.from("stub-image");
+      }
+      return originalScreenshot.call(this, options);
+    };
+    Frame.prototype.evaluate = async function evaluateSpy(expression, arg) {
+      const frame = this;
+      if (frame.pageId === targetId) {
+        evaluateCalls.push({ frameId: frame.frameId, arg });
+      }
+      return originalEvaluate.call(this, expression, arg);
+    };
+    const internalPage = page;
+    const sendCalls = [];
+    const originalSend = internalPage.mainSession.send.bind(
+      internalPage.mainSession
+    );
+    internalPage.mainSession.send = async (method, params) => {
+      sendCalls.push({ method, params });
+      return originalSend(method, params);
+    };
+    try {
+      const maskCount = await maskLocator.count();
+      console.log(`[screenshot-test] maskLocator.count=${maskCount}`);
+      const buffer = await page.screenshot({
+        animations: "disabled",
+        caret: "hide",
+        clip: { x: 0, y: 0, width: 200, height: 200 },
+        mask: [maskLocator],
+        maskColor: "rgba(255, 0, 0, 0.4)",
+        omitBackground: true,
+        path: tempPath,
+        quality: 80,
+        scale: "css",
+        style: "body { border: 3px solid black; }",
+        timeout: screenshotTimeout,
+        type: "jpeg"
+      });
+      console.log(
+        `[screenshot-test] screenshot returned bytes=${buffer.length} elapsed=${Date.now() - testStart}ms`
+      );
+      expect(Buffer.isBuffer(buffer)).toBeTruthy();
+      expect(screenshotCalls.length).toBeGreaterThanOrEqual(1);
+      console.log(
+        `[screenshot-test] screenshotCalls=${screenshotCalls.length} evaluateCalls=${evaluateCalls.length} sendCalls=${sendCalls.length}`
+      );
+      const recorded = screenshotCalls[0]?.options ?? {};
+      expect(recorded).toMatchObject({ type: "jpeg", quality: 80 });
+      expect(recorded?.clip).toMatchObject({
+        x: 0,
+        y: 0,
+        width: 200,
+        height: 200
+      });
+      if (typeof recorded?.scale === "number") {
+        expect(recorded.scale).toBeGreaterThan(0);
+        expect(recorded.scale).toBeLessThanOrEqual(2);
+      }
+      await fs.stat(tempPath);
+      const maskNodes = await page.evaluate(
+        () => document.querySelectorAll("[data-stagehand-mask]").length
+      );
+      expect(maskNodes).toBe(0);
+      const styleNodes = await page.evaluate(
+        () => document.querySelectorAll("[data-stagehand-style]").length
+      );
+      expect(styleNodes).toBe(0);
+      const backgroundCalls = sendCalls.filter(
+        (call) => call.method === "Emulation.setDefaultBackgroundColorOverride"
+      );
+      expect(backgroundCalls.length).toBeGreaterThan(1);
+      expect(
+        backgroundCalls.some(
+          (call) => call.params && typeof call.params === "object" && "color" in call.params
+        )
+      ).toBeTruthy();
+      expect(
+        backgroundCalls.some(
+          (call) => !call.params || Object.keys(call.params).length === 0
+        )
+      ).toBeTruthy();
+      const cssArgs = evaluateCalls.map((entry) => {
+        const value = entry.arg;
+        return value?.css ?? null;
+      }).filter((css) => typeof css === "string");
+      const tokens = evaluateCalls.map((entry) => {
+        const arg = entry.arg;
+        return arg?.token ?? null;
+      }).filter((token) => typeof token === "string");
+      expect(tokens.some((token) => token.includes("animations"))).toBeTruthy();
+      expect(tokens.some((token) => token.includes("caret"))).toBeTruthy();
+      expect(tokens.some((token) => token.includes("custom"))).toBeTruthy();
+      expect(
+        cssArgs.some((css) => css.includes("border: 3px solid black"))
+      ).toBeTruthy();
+      const maskCalls = evaluateCalls.filter((entry) => {
+        const arg = entry.arg;
+        return arg && typeof arg === "object" && "rects" in arg;
+      });
+      expect(maskCalls.length).toBeGreaterThan(0);
+      const rects = maskCalls[0]?.arg?.rects;
+      expect(Array.isArray(rects)).toBeTruthy();
+      expect(rects.length).toBe(2);
+    } finally {
+      Frame.prototype.screenshot = originalScreenshot;
+      Frame.prototype.evaluate = originalEvaluate;
+      internalPage.mainSession.send = originalSend;
+      await fs.unlink(tempPath).catch(() => {
+      });
+    }
+  });
+  test("masks elements inside dialog top layer", async () => {
+    const page = v3.context.pages()[0];
+    const html = `
+      <!doctype html>
+      <html>
+        <head>
+          <meta charset="utf-8" />
+          <style>
+            dialog { padding: 16px; border: 2px solid #444; }
+            #dialog-input { display: block; width: 160px; height: 32px; }
+          </style>
+        </head>
+        <body>
+          <dialog id="dialog">
+            <label>Secret <input id="dialog-input" value="top-layer" /></label>
+          </dialog>
+          <script>
+            const dialog = document.getElementById("dialog");
+            if (dialog) {
+              if (typeof dialog.showModal === "function") {
+                try {
+                  dialog.showModal();
+                } catch {
+                  dialog.setAttribute("open", "");
+                }
+              } else {
+                dialog.setAttribute("open", "");
+              }
+            }
+          </script>
+        </body>
+      </html>
+    `;
+    await page.goto("data:text/html," + encodeURIComponent(html));
+    const targetId = page.targetId();
+    const originalScreenshot = Frame.prototype.screenshot;
+    let dialogMaskCount = 0;
+    Frame.prototype.screenshot = async function screenshotSpy(options) {
+      const frame = this;
+      if (frame.pageId === targetId) {
+        dialogMaskCount = await frame.evaluate(() => {
+          const dialog = document.querySelector("dialog[open]");
+          if (!dialog) return 0;
+          return dialog.querySelectorAll("[data-stagehand-mask]").length;
+        });
+        return Buffer.from("stub-image");
+      }
+      return originalScreenshot.call(this, options);
+    };
+    try {
+      await page.screenshot({
+        mask: [page.locator("#dialog-input")]
+      });
+      expect(dialogMaskCount).toBeGreaterThan(0);
+    } finally {
+      Frame.prototype.screenshot = originalScreenshot;
+    }
+  });
+});
+//# sourceMappingURL=page-screenshot.spec.js.map

package/dist/esm/lib/v3/tests/page-screenshot.spec.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../lib/v3/tests/page-screenshot.spec.ts"],
+  "sourcesContent": ["import { test, expect } from \"@playwright/test\";\nimport { promises as fs } from \"fs\";\nimport * as os from \"os\";\nimport * as path from \"path\";\nimport { V3 } from \"../v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\nimport { Frame } from \"../understudy/frame.js\";\n\nconst wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\ntest.describe(\"Page.screenshot options\", () => {\n  let v3: V3;\n\n  test.beforeEach(async () => {\n    v3 = new V3(v3TestConfig);\n    await v3.init();\n  });\n\n  test.afterEach(async () => {\n    await v3?.close?.().catch(() => {});\n  });\n\n  test(\"rejects clip combined with fullPage\", async () => {\n    const page = v3.context.pages()[0];\n    await page.goto(\"data:text/html,<html><body>test</body></html>\");\n\n    await expect(\n      page.screenshot({\n        fullPage: true,\n        clip: { x: 0, y: 0, width: 100, height: 100 },\n      }),\n    ).rejects.toThrow(/clip and fullPage/);\n  });\n\n  test(\"rejects unsupported image type\", async () => {\n    const page = v3.context.pages()[0];\n    await page.goto(\"data:text/html,<html><body>noop</body></html>\");\n\n    await expect(\n      page.screenshot({\n        // @ts-expect-error intentional invalid type for runtime validation\n        type: \"webp\",\n      }),\n    ).rejects.toThrow(/unsupported image type/);\n  });\n\n  test(\"rejects jpeg quality for png screenshots\", async () => {\n    const page = v3.context.pages()[0];\n    await page.goto(\"data:text/html,<html><body>noop</body></html>\");\n\n    await expect(page.screenshot({ type: \"png\", quality: 50 })).rejects.toThrow(\n      /quality option is only valid/,\n    );\n  });\n\n  test(\"honours timeout option\", async () => {\n    const page = v3.context.pages()[0];\n    await page.goto(\"data:text/html,<html><body>noop</body></html>\");\n\n    const mainFrame = page.mainFrame();\n    const originalScreenshot = mainFrame.screenshot.bind(mainFrame);\n\n    (\n      mainFrame as typeof mainFrame & {\n        screenshot: typeof mainFrame.screenshot;\n      }\n    ).screenshot = async () => {\n      await wait(50);\n      return Buffer.from(\"late\");\n    };\n\n    try {\n      await expect(page.screenshot({ timeout: 10 })).rejects.toThrow(/timeout/);\n    } finally {\n      (\n        mainFrame as typeof mainFrame & {\n          screenshot: typeof mainFrame.screenshot;\n        }\n      ).screenshot = originalScreenshot;\n    }\n  });\n\n  test(\"applies advanced options and cleans up overlays\", async () => {\n    const page = v3.context.pages()[0];\n    const screenshotTimeout = process.env.CI ? 15000 : 5000;\n    const testStart = Date.now();\n    console.log(\n      `[screenshot-test] start ${new Date(testStart).toISOString()} timeout=${screenshotTimeout}`,\n    );\n\n    const html = `\n      <!doctype html>\n      <html>\n        <head>\n          <meta charset=\"utf-8\" />\n          <style>\n            body { background: #aaccee; margin: 0; height: 100vh; display: flex; flex-direction: column; align-items: flex-start; }\n            .mask-target { width: 80px; height: 80px; margin: 40px; background: rgb(0, 180, 60); animation: pulse 1s infinite alternate; }\n            @keyframes pulse { from { transform: scale(1); } to { transform: scale(1.2); } }\n          </style>\n        </head>\n        <body>\n          <div class=\"mask-target\"></div>\n          <div class=\"mask-target\"></div>\n          <input id=\"focus-me\" value=\"focus\" />\n          <script>document.getElementById('focus-me').focus();</script>\n        </body>\n      </html>\n    `;\n\n    await page.goto(\"data:text/html,\" + encodeURIComponent(html));\n    console.log(`[screenshot-test] page loaded in ${Date.now() - testStart}ms`);\n\n    const maskLocator = page.locator(\".mask-target\");\n    const tempPath = path.join(\n      os.tmpdir(),\n      `stagehand-screenshot-${Date.now()}-${Math.random().toString(36).slice(2)}.jpeg`,\n    );\n    console.log(`[screenshot-test] tempPath=${tempPath}`);\n\n    const targetId = page.targetId();\n    const screenshotCalls: Array<{\n      frameId: string;\n      options: Parameters<Frame[\"screenshot\"]>[0];\n    }> = [];\n    const evaluateCalls: Array<{ frameId: string; arg: unknown }> = [];\n    const originalScreenshot = Frame.prototype.screenshot;\n    const originalEvaluate = Frame.prototype.evaluate;\n\n    // Hook Frame.screenshot so we can assert which options reach CDP without writing real data.\n    Frame.prototype.screenshot = async function screenshotSpy(options) {\n      const frame = this as Frame;\n      if (frame.pageId === targetId) {\n        screenshotCalls.push({ frameId: frame.frameId, options });\n        return Buffer.from(\"stub-image\");\n      }\n      return originalScreenshot.call(this, options);\n    };\n\n    // Spy on Frame.evaluate to capture the arguments used to inject CSS/masks.\n    Frame.prototype.evaluate = async function evaluateSpy(expression, arg?) {\n      const frame = this as Frame;\n      if (frame.pageId === targetId) {\n        evaluateCalls.push({ frameId: frame.frameId, arg });\n      }\n      return originalEvaluate.call(this, expression as never, arg);\n    } as Frame[\"evaluate\"];\n\n    const internalPage = page as unknown as {\n      mainSession: {\n        send: (method: string, params?: unknown) => Promise<unknown>;\n      };\n    };\n    const sendCalls: Array<{ method: string; params: unknown }> = [];\n    const originalSend = internalPage.mainSession.send.bind(\n      internalPage.mainSession,\n    ) as (method: string, params?: unknown) => Promise<unknown>;\n    // Capture background overrides so we can confirm omitBackground toggles on/off.\n    internalPage.mainSession.send = async (\n      method: string,\n      params?: unknown,\n    ) => {\n      sendCalls.push({ method, params });\n      return originalSend(method, params);\n    };\n\n    try {\n      const maskCount = await maskLocator.count();\n      console.log(`[screenshot-test] maskLocator.count=${maskCount}`);\n\n      const buffer = await page.screenshot({\n        animations: \"disabled\",\n        caret: \"hide\",\n        clip: { x: 0, y: 0, width: 200, height: 200 },\n        mask: [maskLocator],\n        maskColor: \"rgba(255, 0, 0, 0.4)\",\n        omitBackground: true,\n        path: tempPath,\n        quality: 80,\n        scale: \"css\",\n        style: \"body { border: 3px solid black; }\",\n        timeout: screenshotTimeout,\n        type: \"jpeg\",\n      });\n      console.log(\n        `[screenshot-test] screenshot returned bytes=${buffer.length} elapsed=${Date.now() - testStart}ms`,\n      );\n\n      expect(Buffer.isBuffer(buffer)).toBeTruthy();\n      expect(screenshotCalls.length).toBeGreaterThanOrEqual(1);\n      console.log(\n        `[screenshot-test] screenshotCalls=${screenshotCalls.length} evaluateCalls=${evaluateCalls.length} sendCalls=${sendCalls.length}`,\n      );\n      const recorded = screenshotCalls[0]?.options ?? {};\n      expect(recorded).toMatchObject({ type: \"jpeg\", quality: 80 });\n      expect(recorded?.clip).toMatchObject({\n        x: 0,\n        y: 0,\n        width: 200,\n        height: 200,\n      });\n      if (typeof recorded?.scale === \"number\") {\n        expect(recorded.scale).toBeGreaterThan(0);\n        expect(recorded.scale).toBeLessThanOrEqual(2);\n      }\n\n      await fs.stat(tempPath);\n\n      const maskNodes = await page.evaluate(\n        () => document.querySelectorAll(\"[data-stagehand-mask]\").length,\n      );\n      expect(maskNodes).toBe(0);\n\n      const styleNodes = await page.evaluate(\n        () => document.querySelectorAll(\"[data-stagehand-style]\").length,\n      );\n      expect(styleNodes).toBe(0);\n\n      const backgroundCalls = sendCalls.filter(\n        (call) => call.method === \"Emulation.setDefaultBackgroundColorOverride\",\n      );\n      expect(backgroundCalls.length).toBeGreaterThan(1);\n      expect(\n        backgroundCalls.some(\n          (call) =>\n            call.params &&\n            typeof call.params === \"object\" &&\n            \"color\" in (call.params as Record<string, unknown>),\n        ),\n      ).toBeTruthy();\n      expect(\n        backgroundCalls.some(\n          (call) =>\n            !call.params ||\n            Object.keys(call.params as Record<string, unknown>).length === 0,\n        ),\n      ).toBeTruthy();\n\n      const cssArgs = evaluateCalls\n        .map((entry) => {\n          const value = entry.arg as { css?: string } | undefined;\n          return value?.css ?? null;\n        })\n        .filter((css): css is string => typeof css === \"string\");\n\n      const tokens = evaluateCalls\n        .map((entry) => {\n          const arg = entry.arg as { token?: string } | undefined;\n          return arg?.token ?? null;\n        })\n        .filter((token): token is string => typeof token === \"string\");\n\n      // Tokens include which helper injected the style (animations/caret/custom).\n      expect(tokens.some((token) => token.includes(\"animations\"))).toBeTruthy();\n      expect(tokens.some((token) => token.includes(\"caret\"))).toBeTruthy();\n      expect(tokens.some((token) => token.includes(\"custom\"))).toBeTruthy();\n      // Custom style should bubble through so we check the actual CSS text.\n      expect(\n        cssArgs.some((css) => css.includes(\"border: 3px solid black\")),\n      ).toBeTruthy();\n\n      const maskCalls = evaluateCalls.filter((entry) => {\n        const arg = entry.arg;\n        return (\n          arg &&\n          typeof arg === \"object\" &&\n          \"rects\" in (arg as Record<string, unknown>)\n        );\n      });\n      expect(maskCalls.length).toBeGreaterThan(0);\n      const rects = (maskCalls[0]?.arg as { rects?: unknown } | undefined)\n        ?.rects;\n      expect(Array.isArray(rects)).toBeTruthy();\n      expect((rects as unknown[]).length).toBe(2);\n    } finally {\n      Frame.prototype.screenshot = originalScreenshot;\n      Frame.prototype.evaluate = originalEvaluate;\n      internalPage.mainSession.send = originalSend;\n      await fs.unlink(tempPath).catch(() => {});\n    }\n  });\n\n  test(\"masks elements inside dialog top layer\", async () => {\n    const page = v3.context.pages()[0];\n\n    const html = `\n      <!doctype html>\n      <html>\n        <head>\n          <meta charset=\"utf-8\" />\n          <style>\n            dialog { padding: 16px; border: 2px solid #444; }\n            #dialog-input { display: block; width: 160px; height: 32px; }\n          </style>\n        </head>\n        <body>\n          <dialog id=\"dialog\">\n            <label>Secret <input id=\"dialog-input\" value=\"top-layer\" /></label>\n          </dialog>\n          <script>\n            const dialog = document.getElementById(\"dialog\");\n            if (dialog) {\n              if (typeof dialog.showModal === \"function\") {\n                try {\n                  dialog.showModal();\n                } catch {\n                  dialog.setAttribute(\"open\", \"\");\n                }\n              } else {\n                dialog.setAttribute(\"open\", \"\");\n              }\n            }\n          </script>\n        </body>\n      </html>\n    `;\n\n    await page.goto(\"data:text/html,\" + encodeURIComponent(html));\n\n    const targetId = page.targetId();\n    const originalScreenshot = Frame.prototype.screenshot;\n    let dialogMaskCount = 0;\n\n    Frame.prototype.screenshot = async function screenshotSpy(options) {\n      const frame = this as Frame;\n      if (frame.pageId === targetId) {\n        dialogMaskCount = await frame.evaluate(() => {\n          const dialog = document.querySelector(\"dialog[open]\");\n          if (!dialog) return 0;\n          return dialog.querySelectorAll(\"[data-stagehand-mask]\").length;\n        });\n        return Buffer.from(\"stub-image\");\n      }\n      return originalScreenshot.call(this, options);\n    };\n\n    try {\n      await page.screenshot({\n        mask: [page.locator(\"#dialog-input\")],\n      });\n      expect(dialogMaskCount).toBeGreaterThan(0);\n    } finally {\n      Frame.prototype.screenshot = originalScreenshot;\n    }\n  });\n});\n"],
+  "mappings": "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",
+  "names": []
+}