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

@browserbasehq/orca 3.0.9-alpha-3 → 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-drag-and-drop.spec.js ADDED Viewed

@@ -0,0 +1,418 @@
+import { test, expect } from "@playwright/test";
+import { V3 } from "../v3.js";
+import { v3TestConfig } from "./v3.config.js";
+test.describe("Page.dragAndDrop() - dragging elements", () => {
+  let v3;
+  test.beforeEach(async () => {
+    v3 = new V3(v3TestConfig);
+    await v3.init();
+  });
+  test.afterEach(async () => {
+    await v3?.close?.().catch(() => {
+    });
+  });
+  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>
+        `)
+    );
+    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;
+    await page.dragAndDrop(fromX, fromY, toX, toY);
+    await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
+    const resultText = await page.evaluate(
+      () => document.getElementById("result").textContent
+    );
+    expect(resultText).toContain("DROP SUCCESSFUL");
+  });
+  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;
+    await page.dragAndDrop(fromX, fromY, toX, toY, { steps: 5 });
+    await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
+    const status = await page.evaluate(
+      () => document.getElementById("status").textContent
+    );
+    expect(status).toContain("Dropped");
+  });
+  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;
+    await page.dragAndDrop(fromX, fromY, toX, toY, { steps: 3, delay: 50 });
+    await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
+    const isComplete = await page.evaluate(
+      () => document.getElementById("complete").textContent === "true"
+    );
+    expect(isComplete).toBe(true);
+  });
+  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
+      }
+    );
+    expect(typeof fromXpath).toBe("string");
+    expect(typeof toXpath).toBe("string");
+    expect(fromXpath.length).toBeGreaterThan(0);
+    expect(toXpath.length).toBeGreaterThan(0);
+  });
+  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);
+    expect(fromXpath).toBe("");
+    expect(toXpath).toBe("");
+  });
+  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;
+    await page.dragAndDrop(fromX, fromY, toX, toY, { button: "left" });
+    await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
+    const buttonUsed = await page.evaluate(
+      () => document.getElementById("buttonUsed").textContent
+    );
+    expect(buttonUsed).toBe("left");
+  });
+  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
+    );
+    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);
+    await page.evaluate(() => new Promise((r) => setTimeout(r, 100)));
+    dropCountText = await page.evaluate(
+      () => document.getElementById("log").textContent
+    );
+    expect(dropCountText).toContain("Drops: 2");
+  });
+});
+//# sourceMappingURL=page-drag-and-drop.spec.js.map

package/dist/esm/lib/v3/tests/page-drag-and-drop.spec.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../lib/v3/tests/page-drag-and-drop.spec.ts"],
+  "sourcesContent": ["import { test, expect } from \"@playwright/test\";\nimport { V3 } from \"../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"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,35 @@
+import { test, expect } from "@playwright/test";
+import { V3 } from "../v3.js";
+import { v3TestConfig } from "./v3.config.js";
+test.describe("Page.goto() response surface", () => {
+  let v3;
+  test.beforeEach(async () => {
+    v3 = new V3(v3TestConfig);
+    await v3.init();
+  });
+  test.afterEach(async () => {
+    await v3?.close?.().catch(() => {
+    });
+  });
+  test("returns a response object for network navigations", async () => {
+    const page = v3.context.pages()[0];
+    const response = await page.goto("https://example.com");
+    expect(response).not.toBeNull();
+    expect(response.status()).toBe(200);
+    expect(response.ok()).toBeTruthy();
+    const headers = await response.headersArray();
+    expect(headers.length).toBeGreaterThan(0);
+    const body = await response.text();
+    expect(body).toContain("Example Domain");
+    const finished = await response.finished();
+    expect(finished).toBeNull();
+  });
+  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>"
+    );
+    expect(response).toBeNull();
+  });
+});
+//# sourceMappingURL=page-goto-response.spec.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../lib/v3/tests/page-goto-response.spec.ts"],
+  "sourcesContent": ["import { test, expect } from \"@playwright/test\";\nimport { V3 } from \"../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"],
+  "mappings": "AAAA,SAAS,MAAM,cAAc;AAC7B,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAE7B,KAAK,SAAS,gCAAgC,MAAM;AAClD,MAAI;AAEJ,OAAK,WAAW,YAAY;AAC1B,SAAK,IAAI,GAAG,YAAY;AACxB,UAAM,GAAG,KAAK;AAAA,EAChB,CAAC;AAED,OAAK,UAAU,YAAY;AACzB,UAAM,IAAI,QAAQ,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EACpC,CAAC;AAED,OAAK,qDAAqD,YAAY;AACpE,UAAM,OAAO,GAAG,QAAQ,MAAM,EAAE,CAAC;AAEjC,UAAM,WAAW,MAAM,KAAK,KAAK,qBAAqB;AAEtD,WAAO,QAAQ,EAAE,IAAI,SAAS;AAC9B,WAAO,SAAU,OAAO,CAAC,EAAE,KAAK,GAAG;AACnC,WAAO,SAAU,GAAG,CAAC,EAAE,WAAW;AAElC,UAAM,UAAU,MAAM,SAAS,aAAa;AAC5C,WAAO,QAAQ,MAAM,EAAE,gBAAgB,CAAC;AAExC,UAAM,OAAO,MAAM,SAAS,KAAK;AACjC,WAAO,IAAI,EAAE,UAAU,gBAAgB;AAEvC,UAAM,WAAW,MAAM,SAAS,SAAS;AACzC,WAAO,QAAQ,EAAE,SAAS;AAAA,EAC5B,CAAC;AAED,OAAK,oCAAoC,YAAY;AACnD,UAAM,OAAO,GAAG,QAAQ,MAAM,EAAE,CAAC;AAEjC,UAAM,WAAW,MAAM,KAAK;AAAA,MAC1B;AAAA,IACF;AAEA,WAAO,QAAQ,EAAE,SAAS;AAAA,EAC5B,CAAC;AACH,CAAC;",
+  "names": []
+}