@browserbasehq/orca 3.4.0-preview-4 → 3.4.0-preview-5

package/dist/cjs/tests/integration/page-addInitScript.spec.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const test_1 = require("@playwright/test");
-const v3_js_1 = require("../../lib/v3/v3.js");
-const v3_config_js_1 = require("./v3.config.js");
-const EXAMPLE_URL = "https://example.com";
-test_1.test.describe("page.addInitScript", () => {
-    let v3;
-    let ctx;
-    test_1.test.beforeEach(async () => {
-        v3 = new v3_js_1.V3(v3_config_js_1.v3TestConfig);
-        await v3.init();
-        ctx = v3.context;
-    });
-    test_1.test.afterEach(async () => {
-        await v3?.close?.().catch(() => { });
-    });
-    (0, test_1.test)("runs scripts on real network navigations", async () => {
-        const page = await ctx.awaitActivePage();
-        await page.addInitScript(() => {
-            window.__fromPageInit =
-                "page-level";
-        });
-        await page.goto(EXAMPLE_URL, { waitUntil: "domcontentloaded" });
-        const observed = await page.evaluate(() => {
-            return window.__fromPageInit;
-        });
-        (0, test_1.expect)(observed).toBe("page-level");
-    });
-    (0, test_1.test)("scopes scripts to the page only", async () => {
-        const first = await ctx.awaitActivePage();
-        await first.addInitScript(`
-      (function () {
-        function markScope() {
-          var root = document.documentElement;
-          if (!root) return;
-          root.dataset.scopeWitness = "page-one";
-        }
-        if (document.readyState === "loading") {
-          document.addEventListener("DOMContentLoaded", markScope, {
-            once: true,
-          });
-        } else {
-          markScope();
-        }
-      })();
-    `);
-        await first.goto(`${EXAMPLE_URL}/?page=one`, {
-            waitUntil: "domcontentloaded",
-        });
-        const second = await ctx.newPage();
-        await second.goto(`${EXAMPLE_URL}/?page=two`, {
-            waitUntil: "domcontentloaded",
-        });
-        const firstValue = await first.evaluate(() => {
-            return document.documentElement.dataset.scopeWitness ?? "missing";
-        });
-        const secondValue = await second.evaluate(() => {
-            return document.documentElement.dataset.scopeWitness ?? "missing";
-        });
-        (0, test_1.expect)(firstValue).toBe("page-one");
-        (0, test_1.expect)(secondValue).toBe("missing");
-    });
-    (0, test_1.test)("supports passing arguments to function sources", async () => {
-        const page = await ctx.awaitActivePage();
-        const payload = { greeting: "hi", nested: { count: 1 } };
-        const initPayload = ((arg) => {
-            function setPayload() {
-                const root = document.documentElement;
-                if (!root)
-                    return;
-                root.dataset.pageInitPayload = JSON.stringify(arg);
-            }
-            if (document.readyState === "loading") {
-                document.addEventListener("DOMContentLoaded", setPayload, {
-                    once: true,
-                });
-            }
-            else {
-                setPayload();
-            }
-        });
-        await page.addInitScript(initPayload, payload);
-        await page.goto(`${EXAMPLE_URL}/?page=payload`, {
-            waitUntil: "domcontentloaded",
-        });
-        const observed = await page.evaluate(() => {
-            const raw = document.documentElement.dataset.pageInitPayload;
-            return raw ? JSON.parse(raw) : undefined;
-        });
-        (0, test_1.expect)(observed).toEqual(payload);
-    });
-});
-//# sourceMappingURL=page-addInitScript.spec.js.map

package/dist/cjs/tests/integration/page-addInitScript.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-addInitScript.spec.js","sourceRoot":"","sources":["../../../../tests/integration/page-addInitScript.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\nimport { V3Context } from \"../../lib/v3/understudy/context.js\";\n\nconst EXAMPLE_URL = \"https://example.com\";\n\ntest.describe(\"page.addInitScript\", () => {\n  let v3: V3;\n  let ctx: V3Context;\n\n  test.beforeEach(async () => {\n    v3 = new V3(v3TestConfig);\n    await v3.init();\n    ctx = v3.context;\n  });\n\n  test.afterEach(async () => {\n    await v3?.close?.().catch(() => {});\n  });\n\n  test(\"runs scripts on real network navigations\", async () => {\n    const page = await ctx.awaitActivePage();\n\n    await page.addInitScript(() => {\n      (window as unknown as { __fromPageInit?: string }).__fromPageInit =\n        \"page-level\";\n    });\n\n    await page.goto(EXAMPLE_URL, { waitUntil: \"domcontentloaded\" });\n\n    const observed = await page.evaluate(() => {\n      return (window as unknown as { __fromPageInit?: string }).__fromPageInit;\n    });\n\n    expect(observed).toBe(\"page-level\");\n  });\n\n  test(\"scopes scripts to the page only\", async () => {\n    const first = await ctx.awaitActivePage();\n\n    await first.addInitScript(`\n      (function () {\n        function markScope() {\n          var root = document.documentElement;\n          if (!root) return;\n          root.dataset.scopeWitness = \"page-one\";\n        }\n        if (document.readyState === \"loading\") {\n          document.addEventListener(\"DOMContentLoaded\", markScope, {\n            once: true,\n          });\n        } else {\n          markScope();\n        }\n      })();\n    `);\n\n    await first.goto(`${EXAMPLE_URL}/?page=one`, {\n      waitUntil: \"domcontentloaded\",\n    });\n\n    const second = await ctx.newPage();\n    await second.goto(`${EXAMPLE_URL}/?page=two`, {\n      waitUntil: \"domcontentloaded\",\n    });\n\n    const firstValue = await first.evaluate(() => {\n      return document.documentElement.dataset.scopeWitness ?? \"missing\";\n    });\n    const secondValue = await second.evaluate(() => {\n      return document.documentElement.dataset.scopeWitness ?? \"missing\";\n    });\n\n    expect(firstValue).toBe(\"page-one\");\n    expect(secondValue).toBe(\"missing\");\n  });\n\n  test(\"supports passing arguments to function sources\", async () => {\n    const page = await ctx.awaitActivePage();\n    const payload = { greeting: \"hi\", nested: { count: 1 } };\n\n    const initPayload = ((arg) => {\n      function setPayload() {\n        const root = document.documentElement;\n        if (!root) return;\n        root.dataset.pageInitPayload = JSON.stringify(arg);\n      }\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", setPayload, {\n          once: true,\n        });\n      } else {\n        setPayload();\n      }\n    }) as (arg: typeof payload) => void;\n    await page.addInitScript(initPayload, payload);\n\n    await page.goto(`${EXAMPLE_URL}/?page=payload`, {\n      waitUntil: \"domcontentloaded\",\n    });\n\n    const observed = await page.evaluate(() => {\n      const raw = document.documentElement.dataset.pageInitPayload;\n      return raw ? JSON.parse(raw) : undefined;\n    });\n\n    expect(observed).toEqual(payload);\n  });\n});\n"]}

package/dist/cjs/tests/integration/page-console.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/tests/integration/page-console.spec.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const test_1 = require("@playwright/test");
-const v3_js_1 = require("../../lib/v3/v3.js");
-const v3_config_js_1 = require("./v3.config.js");
-test_1.test.describe("Page console events", () => {
-    let v3;
-    test_1.test.beforeEach(async () => {
-        v3 = new v3_js_1.V3(v3_config_js_1.v3TestConfig);
-        await v3.init();
-    });
-    test_1.test.afterEach(async () => {
-        await v3?.close?.().catch(() => { });
-    });
-    (0, test_1.test)("captures console messages emitted by the page", async () => {
-        const browserTarget = (process.env.STAGEHAND_BROWSER_TARGET ?? "local").toLowerCase();
-        const isBrowserbase = browserTarget === "browserbase";
-        if (isBrowserbase) {
-            console.warn("[page-console] TODO: re-enable once BB cloud browsers support Runtime.consoleAPICalled events again. See https://browserbase.slack.com/archives/C06U6CM7YS1/p1769483322836589");
-            test_1.test.skip(true, "TODO: re-enable once BB cloud browsers support Runtime.consoleAPICalled events again.");
-        }
-        const page = v3.context.pages()[0];
-        const received = [];
-        page.on("console", (message) => {
-            received.push({ type: message.type(), text: message.text() });
-        });
-        await page.goto("https://browserbase.github.io/stagehand-eval-sites/sites/iframe-hn/");
-        await page.evaluate(() => {
-            console.log("stagehand console", { ok: true });
-            console.error("stagehand console error");
-        });
-        const waitForConsole = async (predicate, timeoutMs = 2000) => {
-            const deadline = Date.now() + timeoutMs;
-            while (Date.now() < deadline) {
-                if (predicate())
-                    return;
-                await new Promise((resolve) => setTimeout(resolve, 50));
-            }
-        };
-        await waitForConsole(() => received.some((m) => m.type === "log") &&
-            received.some((m) => m.type === "error" && m.text.includes("error")), 5000);
-        (0, test_1.expect)(received.length).toBeGreaterThanOrEqual(2);
-        (0, test_1.expect)(received.some((m) => m.type === "log")).toBeTruthy();
-        (0, test_1.expect)(received.some((m) => m.type === "error" && m.text.includes("error"))).toBeTruthy();
-    });
-});
-//# sourceMappingURL=page-console.spec.js.map

package/dist/cjs/tests/integration/page-console.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-console.spec.js","sourceRoot":"","sources":["../../../../tests/integration/page-console.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\n\ntest.describe(\"Page console events\", () => {\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(\"captures console messages emitted by the page\", async () => {\n    const browserTarget = (\n      process.env.STAGEHAND_BROWSER_TARGET ?? \"local\"\n    ).toLowerCase();\n    const isBrowserbase = browserTarget === \"browserbase\";\n    if (isBrowserbase) {\n      console.warn(\n        \"[page-console] TODO: re-enable once BB cloud browsers support Runtime.consoleAPICalled events again. See https://browserbase.slack.com/archives/C06U6CM7YS1/p1769483322836589\",\n      );\n      test.skip(\n        true,\n        \"TODO: re-enable once BB cloud browsers support Runtime.consoleAPICalled events again.\",\n      );\n    }\n    const page = v3.context.pages()[0];\n    const received: Array<{ type: string; text: string }> = [];\n\n    page.on(\"console\", (message) => {\n      received.push({ type: message.type(), text: message.text() });\n    });\n\n    await page.goto(\n      \"https://browserbase.github.io/stagehand-eval-sites/sites/iframe-hn/\",\n    );\n\n    await page.evaluate(() => {\n      console.log(\"stagehand console\", { ok: true });\n      console.error(\"stagehand console error\");\n    });\n\n    const waitForConsole = async (\n      predicate: () => boolean,\n      timeoutMs = 2000,\n    ) => {\n      const deadline = Date.now() + timeoutMs;\n      while (Date.now() < deadline) {\n        if (predicate()) return;\n        await new Promise((resolve) => setTimeout(resolve, 50));\n      }\n    };\n\n    await waitForConsole(\n      () =>\n        received.some((m) => m.type === \"log\") &&\n        received.some((m) => m.type === \"error\" && m.text.includes(\"error\")),\n      5000,\n    );\n\n    expect(received.length).toBeGreaterThanOrEqual(2);\n    expect(received.some((m) => m.type === \"log\")).toBeTruthy();\n    expect(\n      received.some((m) => m.type === \"error\" && m.text.includes(\"error\")),\n    ).toBeTruthy();\n  });\n});\n"]}

package/dist/cjs/tests/integration/page-drag-and-drop.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/tests/integration/page-drag-and-drop.spec.js

@@ -1,437 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const test_1 = require("@playwright/test");
-const v3_js_1 = require("../../lib/v3/v3.js");
-const v3_config_js_1 = require("./v3.config.js");
-test_1.test.describe("Page.dragAndDrop() - dragging elements", () => {
-    let v3;
-    test_1.test.beforeEach(async () => {
-        v3 = new v3_js_1.V3(v3_config_js_1.v3TestConfig);
-        await v3.init();
-    });
-    test_1.test.afterEach(async () => {
-        await v3?.close?.().catch(() => { });
-    });
-    (0, test_1.test)("drags and drops element to target zone", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`
-          <!doctype html>
-          <html>
-          <head>
-            <style>
-              body { font-family: Arial; margin: 0; padding: 20px; }
-              .container { display: flex; gap: 20px; }
-              .source-box {
-                width: 150px;
-                height: 100px;
-                background: lightblue;
-                border: 2px solid blue;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                cursor: move;
-                user-select: none;
-              }
-              .drop-zone {
-                width: 200px;
-                height: 150px;
-                background: lightyellow;
-                border: 2px dashed orange;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-              }
-              .result { margin-top: 20px; font-weight: bold; }
-            </style>
-          </head>
-          <body>
-            <div class="container">
-              <div id="source" class="source-box" draggable="true">Drag Me</div>
-              <div id="dropZone" class="drop-zone">Drop Here</div>
-            </div>
-            <div id="result" class="result">Status: Waiting</div>
-            <script>
-              const source = document.getElementById('source');
-              const dropZone = document.getElementById('dropZone');
-              const result = document.getElementById('result');
-              
-              source.addEventListener('dragstart', (e) => {
-                e.dataTransfer.effectAllowed = 'move';
-                e.dataTransfer.setData('text/plain', 'Dragged Element');
-              });
-              
-              dropZone.addEventListener('dragover', (e) => {
-                e.preventDefault();
-                e.dataTransfer.dropEffect = 'move';
-                dropZone.style.background = 'lightgreen';
-              });
-              
-              dropZone.addEventListener('dragleave', () => {
-                dropZone.style.background = 'lightyellow';
-              });
-              
-              dropZone.addEventListener('drop', (e) => {
-                e.preventDefault();
-                result.textContent = 'Status: DROP SUCCESSFUL';
-                result.style.color = 'green';
-                dropZone.style.background = 'lightgreen';
-              });
-            </script>
-          </body>
-          </html>
-        `));
-        // Get coordinates for drag and drop
-        const sourceLocation = await page
-            .frames()[0]
-            .getLocationForSelector("#source");
-        const dropZoneLocation = await page
-            .frames()[0]
-            .getLocationForSelector("#dropZone");
-        const fromX = sourceLocation.x + sourceLocation.width / 2;
-        const fromY = sourceLocation.y + sourceLocation.height / 2;
-        const toX = dropZoneLocation.x + dropZoneLocation.width / 2;
-        const toY = dropZoneLocation.y + dropZoneLocation.height / 2;
-        // Perform drag and drop
-        await page.dragAndDrop(fromX, fromY, toX, toY);
-        // Wait for events to be processed
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
-        // Verify visual result
-        const resultText = await page.evaluate(() => document.getElementById("result").textContent);
-        (0, test_1.expect)(resultText).toContain("DROP SUCCESSFUL");
-    });
-    (0, test_1.test)("drag and drop with steps parameter", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`
-          <!doctype html>
-          <html>
-          <head>
-            <style>
-              body { margin: 0; padding: 20px; }
-              .box {
-                width: 100px;
-                height: 100px;
-                background: lightblue;
-                margin: 20px;
-                cursor: move;
-              }
-              .target {
-                width: 200px;
-                height: 200px;
-                background: lightyellow;
-                margin: 20px;
-                border: 2px dashed orange;
-              }
-            </style>
-          </head>
-          <body>
-            <div id="box" class="box" draggable="true"></div>
-            <div id="target" class="target"></div>
-            <div id="status">Not dropped</div>
-            <script>
-              document.getElementById('box').addEventListener('dragstart', (e) => {
-                e.dataTransfer.effectAllowed = 'move';
-              });
-              document.getElementById('target').addEventListener('drop', (e) => {
-                e.preventDefault();
-                document.getElementById('status').textContent = 'Dropped with steps';
-              });
-              document.getElementById('target').addEventListener('dragover', (e) => {
-                e.preventDefault();
-              });
-            </script>
-          </body>
-          </html>
-        `));
-        const boxLocation = await page.frames()[0].getLocationForSelector("#box");
-        const targetLocation = await page
-            .frames()[0]
-            .getLocationForSelector("#target");
-        const fromX = boxLocation.x + boxLocation.width / 2;
-        const fromY = boxLocation.y + boxLocation.height / 2;
-        const toX = targetLocation.x + targetLocation.width / 2;
-        const toY = targetLocation.y + targetLocation.height / 2;
-        // Drag with multiple steps for smoother motion
-        await page.dragAndDrop(fromX, fromY, toX, toY, { steps: 5 });
-        // Wait for events to be processed
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
-        const status = await page.evaluate(() => document.getElementById("status").textContent);
-        (0, test_1.expect)(status).toContain("Dropped");
-    });
-    (0, test_1.test)("drag and drop with delay between steps", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`
-          <!doctype html>
-          <html>
-          <head>
-            <style>
-              body { margin: 0; padding: 20px; }
-              #dragItem { width: 80px; height: 80px; background: lightcoral; cursor: move; }
-              #dropArea { width: 150px; height: 150px; background: lightgray; margin-top: 20px; }
-            </style>
-          </head>
-          <body>
-            <div id="dragItem" draggable="true"></div>
-            <div id="dropArea"></div>
-            <div id="complete">false</div>
-            <script>
-              const item = document.getElementById('dragItem');
-              const area = document.getElementById('dropArea');
-              const complete = document.getElementById('complete');
-              
-              item.addEventListener('dragstart', (e) => {
-                e.dataTransfer.effectAllowed = 'move';
-              });
-              
-              area.addEventListener('drop', (e) => {
-                e.preventDefault();
-                complete.textContent = 'true';
-              });
-              
-              area.addEventListener('dragover', (e) => {
-                e.preventDefault();
-              });
-            </script>
-          </body>
-          </html>
-        `));
-        const itemLocation = await page
-            .frames()[0]
-            .getLocationForSelector("#dragItem");
-        const areaLocation = await page
-            .frames()[0]
-            .getLocationForSelector("#dropArea");
-        const fromX = itemLocation.x + itemLocation.width / 2;
-        const fromY = itemLocation.y + itemLocation.height / 2;
-        const toX = areaLocation.x + areaLocation.width / 2;
-        const toY = areaLocation.y + areaLocation.height / 2;
-        // Drag with delay between steps
-        await page.dragAndDrop(fromX, fromY, toX, toY, { steps: 3, delay: 50 });
-        // Wait for events to be processed
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
-        const isComplete = await page.evaluate(() => document.getElementById("complete").textContent === "true");
-        (0, test_1.expect)(isComplete).toBe(true);
-    });
-    (0, test_1.test)("drag and drop returns xpath when requested", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`
-          <!doctype html>
-          <html>
-          <head>
-            <style>
-              body { margin: 20px; }
-              #source { width: 100px; height: 100px; background: blue; cursor: move; }
-              #target { width: 150px; height: 150px; background: green; margin-top: 20px; }
-            </style>
-          </head>
-          <body>
-            <div id="source" draggable="true"></div>
-            <div id="target"></div>
-            <script>
-              document.getElementById('source').addEventListener('dragstart', (e) => {
-                e.dataTransfer.effectAllowed = 'move';
-              });
-              document.getElementById('target').addEventListener('drop', (e) => {
-                e.preventDefault();
-              });
-              document.getElementById('target').addEventListener('dragover', (e) => {
-                e.preventDefault();
-              });
-            </script>
-          </body>
-          </html>
-        `));
-        const sourceLocation = await page
-            .frames()[0]
-            .getLocationForSelector("#source");
-        const targetLocation = await page
-            .frames()[0]
-            .getLocationForSelector("#target");
-        const fromX = sourceLocation.x + sourceLocation.width / 2;
-        const fromY = sourceLocation.y + sourceLocation.height / 2;
-        const toX = targetLocation.x + targetLocation.width / 2;
-        const toY = targetLocation.y + targetLocation.height / 2;
-        const [fromXpath, toXpath] = await page.dragAndDrop(fromX, fromY, toX, toY, {
-            returnXpath: true,
-        });
-        // Should return xpaths for both start and end positions
-        (0, test_1.expect)(typeof fromXpath).toBe("string");
-        (0, test_1.expect)(typeof toXpath).toBe("string");
-        (0, test_1.expect)(fromXpath.length).toBeGreaterThan(0);
-        (0, test_1.expect)(toXpath.length).toBeGreaterThan(0);
-    });
-    (0, test_1.test)("drag and drop without returnXpath returns empty strings", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`
-          <!doctype html>
-          <html>
-          <head>
-            <style>
-              body { margin: 20px; }
-              #item1 { width: 80px; height: 80px; background: red; cursor: move; }
-              #item2 { width: 100px; height: 100px; background: yellow; margin-top: 20px; }
-            </style>
-          </head>
-          <body>
-            <div id="item1" draggable="true"></div>
-            <div id="item2"></div>
-            <script>
-              document.getElementById('item1').addEventListener('dragstart', (e) => {
-                e.dataTransfer.effectAllowed = 'move';
-              });
-              document.getElementById('item2').addEventListener('drop', (e) => {
-                e.preventDefault();
-              });
-              document.getElementById('item2').addEventListener('dragover', (e) => {
-                e.preventDefault();
-              });
-            </script>
-          </body>
-          </html>
-        `));
-        const item1Location = await page
-            .frames()[0]
-            .getLocationForSelector("#item1");
-        const item2Location = await page
-            .frames()[0]
-            .getLocationForSelector("#item2");
-        const fromX = item1Location.x + item1Location.width / 2;
-        const fromY = item1Location.y + item1Location.height / 2;
-        const toX = item2Location.x + item2Location.width / 2;
-        const toY = item2Location.y + item2Location.height / 2;
-        const [fromXpath, toXpath] = await page.dragAndDrop(fromX, fromY, toX, toY);
-        // Should return empty strings when returnXpath is not set
-        (0, test_1.expect)(fromXpath).toBe("");
-        (0, test_1.expect)(toXpath).toBe("");
-    });
-    (0, test_1.test)("drag and drop with different mouse buttons", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`
-          <!doctype html>
-          <html>
-          <head>
-            <style>
-              body { margin: 20px; }
-              .draggable { width: 100px; height: 100px; background: lightblue; cursor: move; }
-              .drop-area { width: 200px; height: 200px; background: lightgray; margin-top: 20px; }
-            </style>
-          </head>
-          <body>
-            <div id="source" class="draggable" draggable="true"></div>
-            <div id="target" class="drop-area"></div>
-            <div id="buttonUsed">none</div>
-            <script>
-              document.getElementById('source').addEventListener('dragstart', (e) => {
-                e.dataTransfer.effectAllowed = 'move';
-              });
-              document.getElementById('target').addEventListener('drop', (e) => {
-                e.preventDefault();
-                document.getElementById('buttonUsed').textContent = 'left';
-              });
-              document.getElementById('target').addEventListener('dragover', (e) => {
-                e.preventDefault();
-              });
-            </script>
-          </body>
-          </html>
-        `));
-        const sourceLocation = await page
-            .frames()[0]
-            .getLocationForSelector("#source");
-        const targetLocation = await page
-            .frames()[0]
-            .getLocationForSelector("#target");
-        const fromX = sourceLocation.x + sourceLocation.width / 2;
-        const fromY = sourceLocation.y + sourceLocation.height / 2;
-        const toX = targetLocation.x + targetLocation.width / 2;
-        const toY = targetLocation.y + targetLocation.height / 2;
-        // Test with left button (default)
-        await page.dragAndDrop(fromX, fromY, toX, toY, { button: "left" });
-        // Wait for events to be processed
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
-        const buttonUsed = await page.evaluate(() => document.getElementById("buttonUsed").textContent);
-        (0, test_1.expect)(buttonUsed).toBe("left");
-    });
-    (0, test_1.test)("multiple sequential drag and drops", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`
-          <!doctype html>
-          <html>
-          <head>
-            <style>
-              body { margin: 20px; font-family: Arial; }
-              .item { width: 80px; height: 80px; background: lightblue; margin: 10px; cursor: move; display: inline-block; }
-              .zone { width: 150px; height: 150px; background: lightyellow; margin: 10px; display: inline-block; border: 2px dashed orange; }
-              #log { margin-top: 20px; }
-            </style>
-          </head>
-          <body>
-            <div id="item1" class="item" draggable="true">Item 1</div>
-            <div id="zone1" class="zone"></div>
-            <div id="item2" class="item" draggable="true">Item 2</div>
-            <div id="zone2" class="zone"></div>
-            <div id="log">Drops: 0</div>
-            <script>
-              let dropCount = 0;
-              const items = ['item1', 'item2'];
-              const zones = ['zone1', 'zone2'];
-              
-              items.forEach(id => {
-                document.getElementById(id).addEventListener('dragstart', (e) => {
-                  e.dataTransfer.effectAllowed = 'move';
-                });
-              });
-              
-              zones.forEach(id => {
-                const zone = document.getElementById(id);
-                zone.addEventListener('drop', (e) => {
-                  e.preventDefault();
-                  dropCount++;
-                  document.getElementById('log').textContent = 'Drops: ' + dropCount;
-                });
-                zone.addEventListener('dragover', (e) => {
-                  e.preventDefault();
-                });
-              });
-            </script>
-          </body>
-          </html>
-        `));
-        const item1Location = await page
-            .frames()[0]
-            .getLocationForSelector("#item1");
-        const zone1Location = await page
-            .frames()[0]
-            .getLocationForSelector("#zone1");
-        const from1X = item1Location.x + item1Location.width / 2;
-        const from1Y = item1Location.y + item1Location.height / 2;
-        const to1X = zone1Location.x + zone1Location.width / 2;
-        const to1Y = zone1Location.y + zone1Location.height / 2;
-        await page.dragAndDrop(from1X, from1Y, to1X, to1Y);
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
-        let dropCountText = await page.evaluate(() => document.getElementById("log").textContent);
-        (0, test_1.expect)(dropCountText).toContain("Drops: 1");
-        const item2Location = await page
-            .frames()[0]
-            .getLocationForSelector("#item2");
-        const zone2Location = await page
-            .frames()[0]
-            .getLocationForSelector("#zone2");
-        const from2X = item2Location.x + item2Location.width / 2;
-        const from2Y = item2Location.y + item2Location.height / 2;
-        const to2X = zone2Location.x + zone2Location.width / 2;
-        const to2Y = zone2Location.y + zone2Location.height / 2;
-        await page.dragAndDrop(from2X, from2Y, to2X, to2Y);
-        // Wait for events to be processed
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
-        dropCountText = await page.evaluate(() => document.getElementById("log").textContent);
-        (0, test_1.expect)(dropCountText).toContain("Drops: 2");
-    });
-});
-//# sourceMappingURL=page-drag-and-drop.spec.js.map