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

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

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

package/dist/cjs/tests/integration/page-extra-http-headers.spec.d.ts

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

package/dist/cjs/tests/integration/page-extra-http-headers.spec.js

@@ -1,85 +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 testUtils_js_1 = require("./testUtils.js");
-const TEST_URL = "https://browserbase.github.io/stagehand-eval-sites/sites/example/";
-test_1.test.describe("page.setExtraHTTPHeaders", () => {
-    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 (0, testUtils_js_1.closeV3)(v3);
-    });
-    (0, test_1.test)("applies headers to navigation requests", async () => {
-        const ctx = v3.context;
-        const page = await ctx.awaitActivePage();
-        await page.setExtraHTTPHeaders({ "x-page-header": "from-page" });
-        const internal = page;
-        await internal.mainSession.send("Network.enable");
-        const requestPromise = new Promise((resolve, reject) => {
-            const timeout = setTimeout(() => {
-                internal.mainSession.off("Network.requestWillBeSent", handler);
-                reject(new Error("Timed out waiting for request"));
-            }, 5000);
-            const handler = (evt) => {
-                if (evt.type !== "Document")
-                    return;
-                const url = String(evt.request?.url ?? "");
-                if (!url.startsWith(TEST_URL))
-                    return;
-                clearTimeout(timeout);
-                internal.mainSession.off("Network.requestWillBeSent", handler);
-                resolve(evt);
-            };
-            internal.mainSession.on("Network.requestWillBeSent", handler);
-        });
-        await page.goto(TEST_URL, { waitUntil: "domcontentloaded" });
-        const request = await requestPromise;
-        const headers = Object.fromEntries(Object.entries(request.request.headers ?? {}).map(([key, value]) => [
-            key.toLowerCase(),
-            String(value),
-        ]));
-        (0, test_1.expect)(headers["x-page-header"]).toBe("from-page");
-    });
-    (0, test_1.test)("updated headers replace previous ones", async () => {
-        const ctx = v3.context;
-        const page = await ctx.awaitActivePage();
-        const internal = page;
-        await internal.mainSession.send("Network.enable");
-        // Set initial headers and navigate
-        await page.setExtraHTTPHeaders({ "x-first": "yes" });
-        await page.goto(TEST_URL, { waitUntil: "domcontentloaded" });
-        // Update headers
-        await page.setExtraHTTPHeaders({ "x-second": "yes" });
-        const requestPromise = new Promise((resolve, reject) => {
-            const timeout = setTimeout(() => {
-                internal.mainSession.off("Network.requestWillBeSent", handler);
-                reject(new Error("Timed out waiting for request"));
-            }, 5000);
-            const handler = (evt) => {
-                if (evt.type !== "Document")
-                    return;
-                const url = String(evt.request?.url ?? "");
-                if (!url.startsWith(TEST_URL))
-                    return;
-                clearTimeout(timeout);
-                internal.mainSession.off("Network.requestWillBeSent", handler);
-                resolve(evt);
-            };
-            internal.mainSession.on("Network.requestWillBeSent", handler);
-        });
-        await page.goto(TEST_URL, { waitUntil: "domcontentloaded" });
-        const request = await requestPromise;
-        const headers = Object.fromEntries(Object.entries(request.request.headers ?? {}).map(([key, value]) => [
-            key.toLowerCase(),
-            String(value),
-        ]));
-        (0, test_1.expect)(headers["x-second"]).toBe("yes");
-        (0, test_1.expect)(headers["x-first"]).toBeUndefined();
-    });
-});
-//# sourceMappingURL=page-extra-http-headers.spec.js.map

package/dist/cjs/tests/integration/page-extra-http-headers.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-extra-http-headers.spec.js","sourceRoot":"","sources":["../../../../tests/integration/page-extra-http-headers.spec.ts"],"names":[],"mappings":";;AAAA,2CAAgD;AAEhD,8CAAwC;AACxC,iDAA8C;AAC9C,iDAAyC;AAEzC,MAAM,QAAQ,GACZ,mEAAmE,CAAC;AAEtE,WAAI,CAAC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IAC7C,IAAI,EAAM,CAAC;IAEX,WAAI,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE;QACzB,EAAE,GAAG,IAAI,UAAE,CAAC,2BAAY,CAAC,CAAC;QAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,WAAI,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAA,sBAAO,EAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC;QACvB,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,eAAe,EAAE,CAAC;QAEzC,MAAM,IAAI,CAAC,mBAAmB,CAAC,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC,CAAC;QAEjE,MAAM,QAAQ,GAAG,IAMhB,CAAC;QAEF,MAAM,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAElD,MAAM,cAAc,GAAG,IAAI,OAAO,CAChC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAClB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;gBAC/D,MAAM,CAAC,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC,CAAC;YACrD,CAAC,EAAE,IAAI,CAAC,CAAC;YAET,MAAM,OAAO,GAAG,CAAC,GAA4C,EAAE,EAAE;gBAC/D,IAAI,GAAG,CAAC,IAAI,KAAK,UAAU;oBAAE,OAAO;gBACpC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;gBAC3C,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC;oBAAE,OAAO;gBACtC,YAAY,CAAC,OAAO,CAAC,CAAC;gBACtB,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;gBAC/D,OAAO,CAAC,GAAG,CAAC,CAAC;YACf,CAAC,CAAC;YAEF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;QAChE,CAAC,CACF,CAAC;QAEF,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;QAE7D,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC;QACrC,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;YAClE,GAAG,CAAC,WAAW,EAAE;YACjB,MAAM,CAAC,KAAK,CAAC;SACd,CAAC,CACH,CAAC;QAEF,IAAA,aAAM,EAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC;QACvB,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,eAAe,EAAE,CAAC;QAEzC,MAAM,QAAQ,GAAG,IAMhB,CAAC;QAEF,MAAM,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAElD,mCAAmC;QACnC,MAAM,IAAI,CAAC,mBAAmB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QACrD,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;QAE7D,iBAAiB;QACjB,MAAM,IAAI,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;QAEtD,MAAM,cAAc,GAAG,IAAI,OAAO,CAChC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAClB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;gBAC/D,MAAM,CAAC,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC,CAAC;YACrD,CAAC,EAAE,IAAI,CAAC,CAAC;YAET,MAAM,OAAO,GAAG,CAAC,GAA4C,EAAE,EAAE;gBAC/D,IAAI,GAAG,CAAC,IAAI,KAAK,UAAU;oBAAE,OAAO;gBACpC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;gBAC3C,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC;oBAAE,OAAO;gBACtC,YAAY,CAAC,OAAO,CAAC,CAAC;gBACtB,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;gBAC/D,OAAO,CAAC,GAAG,CAAC,CAAC;YACf,CAAC,CAAC;YAEF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;QAChE,CAAC,CACF,CAAC;QAEF,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;QAE7D,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC;QACrC,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;YAClE,GAAG,CAAC,WAAW,EAAE;YACjB,MAAM,CAAC,KAAK,CAAC;SACd,CAAC,CACH,CAAC;QAEF,IAAA,aAAM,EAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxC,IAAA,aAAM,EAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport type { Protocol } from \"devtools-protocol\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\nimport { closeV3 } from \"./testUtils.js\";\n\nconst TEST_URL =\n  \"https://browserbase.github.io/stagehand-eval-sites/sites/example/\";\n\ntest.describe(\"page.setExtraHTTPHeaders\", () => {\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 closeV3(v3);\n  });\n\n  test(\"applies headers to navigation requests\", async () => {\n    const ctx = v3.context;\n    const page = await ctx.awaitActivePage();\n\n    await page.setExtraHTTPHeaders({ \"x-page-header\": \"from-page\" });\n\n    const internal = page as unknown as {\n      mainSession: {\n        send: (method: string, params?: unknown) => Promise<unknown>;\n        on: (event: string, handler: (params: unknown) => void) => void;\n        off: (event: string, handler: (params: unknown) => void) => void;\n      };\n    };\n\n    await internal.mainSession.send(\"Network.enable\");\n\n    const requestPromise = new Promise<Protocol.Network.RequestWillBeSentEvent>(\n      (resolve, reject) => {\n        const timeout = setTimeout(() => {\n          internal.mainSession.off(\"Network.requestWillBeSent\", handler);\n          reject(new Error(\"Timed out waiting for request\"));\n        }, 5000);\n\n        const handler = (evt: Protocol.Network.RequestWillBeSentEvent) => {\n          if (evt.type !== \"Document\") return;\n          const url = String(evt.request?.url ?? \"\");\n          if (!url.startsWith(TEST_URL)) return;\n          clearTimeout(timeout);\n          internal.mainSession.off(\"Network.requestWillBeSent\", handler);\n          resolve(evt);\n        };\n\n        internal.mainSession.on(\"Network.requestWillBeSent\", handler);\n      },\n    );\n\n    await page.goto(TEST_URL, { waitUntil: \"domcontentloaded\" });\n\n    const request = await requestPromise;\n    const headers = Object.fromEntries(\n      Object.entries(request.request.headers ?? {}).map(([key, value]) => [\n        key.toLowerCase(),\n        String(value),\n      ]),\n    );\n\n    expect(headers[\"x-page-header\"]).toBe(\"from-page\");\n  });\n\n  test(\"updated headers replace previous ones\", async () => {\n    const ctx = v3.context;\n    const page = await ctx.awaitActivePage();\n\n    const internal = page as unknown as {\n      mainSession: {\n        send: (method: string, params?: unknown) => Promise<unknown>;\n        on: (event: string, handler: (params: unknown) => void) => void;\n        off: (event: string, handler: (params: unknown) => void) => void;\n      };\n    };\n\n    await internal.mainSession.send(\"Network.enable\");\n\n    // Set initial headers and navigate\n    await page.setExtraHTTPHeaders({ \"x-first\": \"yes\" });\n    await page.goto(TEST_URL, { waitUntil: \"domcontentloaded\" });\n\n    // Update headers\n    await page.setExtraHTTPHeaders({ \"x-second\": \"yes\" });\n\n    const requestPromise = new Promise<Protocol.Network.RequestWillBeSentEvent>(\n      (resolve, reject) => {\n        const timeout = setTimeout(() => {\n          internal.mainSession.off(\"Network.requestWillBeSent\", handler);\n          reject(new Error(\"Timed out waiting for request\"));\n        }, 5000);\n\n        const handler = (evt: Protocol.Network.RequestWillBeSentEvent) => {\n          if (evt.type !== \"Document\") return;\n          const url = String(evt.request?.url ?? \"\");\n          if (!url.startsWith(TEST_URL)) return;\n          clearTimeout(timeout);\n          internal.mainSession.off(\"Network.requestWillBeSent\", handler);\n          resolve(evt);\n        };\n\n        internal.mainSession.on(\"Network.requestWillBeSent\", handler);\n      },\n    );\n\n    await page.goto(TEST_URL, { waitUntil: \"domcontentloaded\" });\n\n    const request = await requestPromise;\n    const headers = Object.fromEntries(\n      Object.entries(request.request.headers ?? {}).map(([key, value]) => [\n        key.toLowerCase(),\n        String(value),\n      ]),\n    );\n\n    expect(headers[\"x-second\"]).toBe(\"yes\");\n    expect(headers[\"x-first\"]).toBeUndefined();\n  });\n});\n"]}

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

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

package/dist/cjs/tests/integration/page-goto-response.spec.js

@@ -1,34 +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.goto() response surface", () => {
-    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)("returns a response object for network navigations", async () => {
-        const page = v3.context.pages()[0];
-        const response = await page.goto("https://example.com");
-        (0, test_1.expect)(response).not.toBeNull();
-        (0, test_1.expect)(response.status()).toBe(200);
-        (0, test_1.expect)(response.ok()).toBeTruthy();
-        const headers = await response.headersArray();
-        (0, test_1.expect)(headers.length).toBeGreaterThan(0);
-        const body = await response.text();
-        (0, test_1.expect)(body).toContain("Example Domain");
-        const finished = await response.finished();
-        (0, test_1.expect)(finished).toBeNull();
-    });
-    (0, test_1.test)("falls back to null for data URLs", async () => {
-        const page = v3.context.pages()[0];
-        const response = await page.goto("data:text/html,<html><body data-testid='fallback'>inline</body></html>");
-        (0, test_1.expect)(response).toBeNull();
-    });
-});
-//# sourceMappingURL=page-goto-response.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"page-goto-response.spec.js","sourceRoot":"","sources":["../../../../tests/integration/page-goto-response.spec.ts"],"names":[],"mappings":";;AAAA,2CAAgD;AAChD,8CAAwC;AACxC,iDAA8C;AAE9C,WAAI,CAAC,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACjD,IAAI,EAAM,CAAC;IAEX,WAAI,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE;QACzB,EAAE,GAAG,IAAI,UAAE,CAAC,2BAAY,CAAC,CAAC;QAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,WAAI,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAExD,IAAA,aAAM,EAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAChC,IAAA,aAAM,EAAC,QAAS,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACrC,IAAA,aAAM,EAAC,QAAS,CAAC,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;QAEpC,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,YAAY,EAAE,CAAC;QAC9C,IAAA,aAAM,EAAC,OAAO,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QAE1C,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACnC,IAAA,aAAM,EAAC,IAAI,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;QAEzC,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,QAAQ,EAAE,CAAC;QAC3C,IAAA,aAAM,EAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAC9B,wEAAwE,CACzE,CAAC;QAEF,IAAA,aAAM,EAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\n\ntest.describe(\"Page.goto() response surface\", () => {\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(\"returns a response object for network navigations\", async () => {\n    const page = v3.context.pages()[0];\n\n    const response = await page.goto(\"https://example.com\");\n\n    expect(response).not.toBeNull();\n    expect(response!.status()).toBe(200);\n    expect(response!.ok()).toBeTruthy();\n\n    const headers = await response.headersArray();\n    expect(headers.length).toBeGreaterThan(0);\n\n    const body = await response.text();\n    expect(body).toContain(\"Example Domain\");\n\n    const finished = await response.finished();\n    expect(finished).toBeNull();\n  });\n\n  test(\"falls back to null for data URLs\", async () => {\n    const page = v3.context.pages()[0];\n\n    const response = await page.goto(\n      \"data:text/html,<html><body data-testid='fallback'>inline</body></html>\",\n    );\n\n    expect(response).toBeNull();\n  });\n});\n"]}

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

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

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

@@ -1,165 +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.hover() - mouse hover at coordinates", () => {
-    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)("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>`));
-        // Check initial state
-        let hovered = await page.evaluate(() => {
-            const el = document.getElementById("target");
-            return el?.dataset.hovered === "true";
-        });
-        (0, test_1.expect)(hovered).toBe(false);
-        // Hover at coordinates within the target element (200, 200 is center of the div)
-        await page.hover(200, 200);
-        // Verify mouseover was triggered
-        hovered = await page.evaluate(() => {
-            const el = document.getElementById("target");
-            return el?.dataset.hovered === "true";
-        });
-        (0, test_1.expect)(hovered).toBe(true);
-    });
-    (0, test_1.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>`));
-        // Hover over the button
-        await page.hover(200, 150);
-        // Check that hover happened but click did not
-        const state = await page.evaluate(() => {
-            const btn = document.getElementById("btn");
-            return {
-                hovered: btn?.dataset.hovered === "true",
-                clicked: btn?.dataset.clicked === "true",
-            };
-        });
-        (0, test_1.expect)(state.hovered).toBe(true);
-        (0, test_1.expect)(state.clicked).toBe(false);
-    });
-    (0, test_1.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>`));
-        // Hover at coordinate (550, 50) which should be directly over the target div
-        const xpath = await page.hover(550, 50, { returnXpath: true });
-        // Should return a non-empty xpath string for the element at that coordinate
-        (0, test_1.expect)(typeof xpath).toBe("string");
-        (0, test_1.expect)(xpath.length).toBeGreaterThan(0);
-        // Xpath should reference the div
-        (0, test_1.expect)(xpath.toLowerCase()).toMatch(/div|target/);
-    });
-    (0, test_1.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>`));
-        // Hover without returnXpath
-        const result = await page.hover(50, 50);
-        // Should return empty string
-        (0, test_1.expect)(result).toBe("");
-    });
-    (0, test_1.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>`));
-        // Get initial background color
-        let bgColor = await page.evaluate(() => {
-            const el = document.getElementById("hoverable");
-            return getComputedStyle(el).backgroundColor;
-        });
-        (0, test_1.expect)(bgColor).toBe("rgb(255, 0, 0)"); // red
-        // Hover over the element
-        await page.hover(200, 200);
-        // Check that CSS :hover state is applied
-        bgColor = await page.evaluate(() => {
-            const el = document.getElementById("hoverable");
-            return getComputedStyle(el).backgroundColor;
-        });
-        (0, test_1.expect)(bgColor).toBe("rgb(0, 128, 0)"); // green
-    });
-    (0, test_1.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>`));
-        // Hover over box1
-        await page.hover(50, 50);
-        let state = await page.evaluate(() => ({
-            box1: document.getElementById("box1")?.dataset.hovered === "true",
-            box2: document.getElementById("box2")?.dataset.hovered === "true",
-        }));
-        (0, test_1.expect)(state.box1).toBe(true);
-        (0, test_1.expect)(state.box2).toBe(false);
-        // Move hover to box2
-        await page.hover(250, 50);
-        state = await page.evaluate(() => ({
-            box1: document.getElementById("box1")?.dataset.hovered === "true",
-            box2: document.getElementById("box2")?.dataset.hovered === "true",
-        }));
-        (0, test_1.expect)(state.box1).toBe(false);
-        (0, test_1.expect)(state.box2).toBe(true);
-    });
-});
-//# sourceMappingURL=page-hover.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"page-hover.spec.js","sourceRoot":"","sources":["../../../../tests/integration/page-hover.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.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"]}

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

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