npm - @browserbasehq/orca - Versions diffs - 3.1.0-patch.3 → 3.2.0-preview.1 - Mend

@browserbasehq/orca 3.1.0-patch.3 → 3.2.0-preview.1

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 (1460) hide show

package/dist/esm/tests/integration/keyboard.spec.js ADDED Viewed

@@ -0,0 +1,257 @@
+import { test, expect } from "@playwright/test";
+import { V3 } from "../../lib/v3/v3.js";
+import { v3DynamicTestConfig } from "./v3.dynamic.config.js";
+import { closeV3 } from "./testUtils.js";
+function dataUrl(html) {
+    return "data:text/html;charset=utf-8," + encodeURIComponent(html);
+}
+test.describe("V3 keyboard shortcuts and typing", () => {
+    let v3;
+    test.beforeEach(async () => {
+        v3 = new V3(v3DynamicTestConfig);
+        await v3.init();
+    });
+    test.afterEach(async () => {
+        await closeV3(v3);
+    });
+    test("typing, select-all + delete clears input (Cmd maps cross-OS)", async () => {
+        const html = `<!doctype html>
+      <input id="i1" autofocus />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#i1").click();
+        await page.type("Hello World");
+        await page.keyPress("Cmd+A");
+        await page.keyPress("Delete");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#i1");
+        expect(value).toBe("");
+    });
+    test("accelerator does not inject printable text (Cmd+B does not type 'b')", async () => {
+        const html = `<!doctype html>
+      <input id="i" />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#i").click();
+        await page.type("xyz");
+        await page.keyPress("Cmd+B");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#i");
+        expect(value).toBe("xyz");
+    });
+    test("Tab and Shift+Tab move focus", async () => {
+        const html = `<!doctype html>
+      <input id="a" />
+      <input id="b" />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#a").click();
+        await page.keyPress("Tab");
+        const active1 = await page.evaluate(() => document.activeElement?.id || "");
+        expect(active1).toBe("b");
+        await page.keyPress("Shift+Tab");
+        const active2 = await page.evaluate(() => document.activeElement?.id || "");
+        expect(active2).toBe("a");
+    });
+    test("cut clears the field (Cmd+X)", async () => {
+        const html = `<!doctype html>
+      <input id="t" />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#t").click();
+        await page.type("cut-me");
+        await page.keyPress("Cmd+A");
+        await page.keyPress("Cmd+X");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#t");
+        expect(value).toBe("");
+    });
+    test("single printable via keyPress types characters (a, Shift+A, space)", async () => {
+        const html = `<!doctype html>
+      <input id="t" autofocus />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#t").click();
+        await page.keyPress("a");
+        await page.keyPress("Shift+A");
+        await page.keyPress(" ");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#t");
+        expect(value).toBe("aA ");
+    });
+    test("Backspace removes last char", async () => {
+        const html = `<!doctype html>
+      <input id="t" />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#t").click();
+        await page.type("ab");
+        await page.keyPress("Backspace");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#t");
+        expect(value).toBe("a");
+    });
+    test("Delete removes next char at caret", async () => {
+        const html = `<!doctype html>
+      <input id="t" />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#t").click();
+        await page.type("abc");
+        // place caret between a|bc
+        await page.evaluate(() => {
+            const el = document.getElementById("t");
+            el.focus();
+            el.setSelectionRange(1, 1);
+        });
+        await page.keyPress("Delete");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#t");
+        expect(value).toBe("ac");
+    });
+    test("ArrowLeft moves caret and typing inserts in middle", async () => {
+        const html = `<!doctype html>
+      <input id="t" />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#t").click();
+        await page.type("ac");
+        await page.keyPress("ArrowLeft");
+        await page.keyPress("b");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#t");
+        expect(value).toBe("abc");
+    });
+    test("Enter inserts newline in textarea", async () => {
+        const html = `<!doctype html>
+      <textarea id="ta"></textarea>`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#ta").click();
+        await page.keyPress("a");
+        await page.keyPress("Enter");
+        await page.keyPress("b");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#ta");
+        expect(value).toBe("a\nb");
+    });
+    test("Insert key (no-op for value)", async () => {
+        const html = `<!doctype html>
+      <input id="t" />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#t").click();
+        await page.type("abc");
+        await page.keyPress("Insert");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#t");
+        expect(value).toBe("abc");
+    });
+    test("Enter submits form from text input", async () => {
+        const html = `<!doctype html>
+      <form id="f">
+        <input id="name" />
+        <button id="submit">Go</button>
+        <input id="submitted" />
+      </form>
+      <script>
+        document.getElementById('f').addEventListener('submit', (e) => {
+          e.preventDefault();
+          document.getElementById('submitted').value = 'yes';
+        });
+      </script>`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#name").click();
+        await page.type("foo");
+        await page.keyPress("Enter");
+        const submitted = await page.evaluate(() => document.getElementById("submitted")?.value || "");
+        expect(submitted).toBe("yes");
+    });
+    test("Enter in textarea does not submit form (inserts newline)", async () => {
+        const html = `<!doctype html>
+      <form id="f">
+        <textarea id="ta"></textarea>
+        <button id="submit">Go</button>
+        <input id="submitted" />
+      </form>
+      <script>
+        document.getElementById('f').addEventListener('submit', (e) => {
+          e.preventDefault();
+          document.getElementById('submitted').value = 'yes';
+        });
+      </script>`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#ta").click();
+        await page.keyPress("a");
+        await page.keyPress("Enter");
+        await page.keyPress("b");
+        const submitted = await page.evaluate(() => document.getElementById("submitted")?.value || "");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#ta");
+        expect(submitted).toBe("");
+        expect(value).toBe("a\nb");
+    });
+    test('pressing "+" key types plus sign', async () => {
+        const html = `<!doctype html>
+      <input id="t" />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#t").click();
+        await page.keyPress("+");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#t");
+        expect(value).toBe("+");
+    });
+    test("modifier state clears on keyPress error", async () => {
+        const html = `<!doctype html>
+      <input id="t" />`;
+        const page = await v3.context.awaitActivePage();
+        await page.goto(dataUrl(html), {
+            waitUntil: "domcontentloaded",
+            timeoutMs: 15000,
+        });
+        await page.locator("#t").click();
+        // Try invalid key that might throw
+        try {
+            await page.keyPress("Cmd+InvalidKey123");
+        }
+        catch {
+            // Expected to fail
+        }
+        // Now try normal typing - should work if modifiers were cleared
+        await page.type("ok");
+        const value = await page.evaluate((sel) => document.querySelector(sel).value, "#t");
+        expect(value).toBe("ok");
+    });
+});
+//# sourceMappingURL=keyboard.spec.js.map

package/dist/esm/tests/integration/keyboard.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"keyboard.spec.js","sourceRoot":"","sources":["../../../../tests/integration/keyboard.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3DynamicTestConfig } from \"./v3.dynamic.config.js\";\nimport { closeV3 } from \"./testUtils.js\";\n\nfunction dataUrl(html: string): string {\n return \"data:text/html;charset=utf-8,\" + encodeURIComponent(html);\n}\n\ntest.describe(\"V3 keyboard shortcuts and typing\", () => {\n let v3: V3;\n\n test.beforeEach(async () => {\n v3 = new V3(v3DynamicTestConfig);\n await v3.init();\n });\n\n test.afterEach(async () => {\n await closeV3(v3);\n });\n\n test(\"typing, select-all + delete clears input (Cmd maps cross-OS)\", async () => {\n const html = `<!doctype html>\n <input id=\"i1\" autofocus />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#i1\").click();\n await page.type(\"Hello World\");\n\n await page.keyPress(\"Cmd+A\");\n await page.keyPress(\"Delete\");\n\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#i1\",\n );\n expect(value).toBe(\"\");\n });\n\n test(\"accelerator does not inject printable text (Cmd+B does not type 'b')\", async () => {\n const html = `<!doctype html>\n <input id=\"i\" />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#i\").click();\n await page.type(\"xyz\");\n\n await page.keyPress(\"Cmd+B\");\n\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#i\",\n );\n expect(value).toBe(\"xyz\");\n });\n\n test(\"Tab and Shift+Tab move focus\", async () => {\n const html = `<!doctype html>\n <input id=\"a\" />\n <input id=\"b\" />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#a\").click();\n await page.keyPress(\"Tab\");\n const active1 = await page.evaluate(\n () => (document.activeElement as HTMLElement)?.id || \"\",\n );\n expect(active1).toBe(\"b\");\n\n await page.keyPress(\"Shift+Tab\");\n const active2 = await page.evaluate(\n () => (document.activeElement as HTMLElement)?.id || \"\",\n );\n expect(active2).toBe(\"a\");\n });\n\n test(\"cut clears the field (Cmd+X)\", async () => {\n const html = `<!doctype html>\n <input id=\"t\" />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#t\").click();\n await page.type(\"cut-me\");\n await page.keyPress(\"Cmd+A\");\n await page.keyPress(\"Cmd+X\");\n\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#t\",\n );\n expect(value).toBe(\"\");\n });\n\n test(\"single printable via keyPress types characters (a, Shift+A, space)\", async () => {\n const html = `<!doctype html>\n <input id=\"t\" autofocus />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#t\").click();\n await page.keyPress(\"a\");\n await page.keyPress(\"Shift+A\");\n await page.keyPress(\" \");\n\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#t\",\n );\n expect(value).toBe(\"aA \");\n });\n\n test(\"Backspace removes last char\", async () => {\n const html = `<!doctype html>\n <input id=\"t\" />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#t\").click();\n await page.type(\"ab\");\n await page.keyPress(\"Backspace\");\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#t\",\n );\n expect(value).toBe(\"a\");\n });\n\n test(\"Delete removes next char at caret\", async () => {\n const html = `<!doctype html>\n <input id=\"t\" />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#t\").click();\n await page.type(\"abc\");\n // place caret between a|bc\n await page.evaluate(() => {\n const el = document.getElementById(\"t\") as HTMLInputElement;\n el.focus();\n el.setSelectionRange(1, 1);\n });\n await page.keyPress(\"Delete\");\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#t\",\n );\n expect(value).toBe(\"ac\");\n });\n\n test(\"ArrowLeft moves caret and typing inserts in middle\", async () => {\n const html = `<!doctype html>\n <input id=\"t\" />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#t\").click();\n await page.type(\"ac\");\n await page.keyPress(\"ArrowLeft\");\n await page.keyPress(\"b\");\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#t\",\n );\n expect(value).toBe(\"abc\");\n });\n\n test(\"Enter inserts newline in textarea\", async () => {\n const html = `<!doctype html>\n <textarea id=\"ta\"></textarea>`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#ta\").click();\n await page.keyPress(\"a\");\n await page.keyPress(\"Enter\");\n await page.keyPress(\"b\");\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLTextAreaElement)!.value,\n \"#ta\",\n );\n expect(value).toBe(\"a\\nb\");\n });\n\n test(\"Insert key (no-op for value)\", async () => {\n const html = `<!doctype html>\n <input id=\"t\" />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#t\").click();\n await page.type(\"abc\");\n await page.keyPress(\"Insert\");\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#t\",\n );\n expect(value).toBe(\"abc\");\n });\n\n test(\"Enter submits form from text input\", async () => {\n const html = `<!doctype html>\n <form id=\"f\">\n <input id=\"name\" />\n <button id=\"submit\">Go</button>\n <input id=\"submitted\" />\n </form>\n <script>\n document.getElementById('f').addEventListener('submit', (e) => {\n e.preventDefault();\n document.getElementById('submitted').value = 'yes';\n });\n </script>`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#name\").click();\n await page.type(\"foo\");\n await page.keyPress(\"Enter\");\n\n const submitted = await page.evaluate(\n () =>\n (document.getElementById(\"submitted\") as HTMLInputElement)?.value || \"\",\n );\n expect(submitted).toBe(\"yes\");\n });\n\n test(\"Enter in textarea does not submit form (inserts newline)\", async () => {\n const html = `<!doctype html>\n <form id=\"f\">\n <textarea id=\"ta\"></textarea>\n <button id=\"submit\">Go</button>\n <input id=\"submitted\" />\n </form>\n <script>\n document.getElementById('f').addEventListener('submit', (e) => {\n e.preventDefault();\n document.getElementById('submitted').value = 'yes';\n });\n </script>`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#ta\").click();\n await page.keyPress(\"a\");\n await page.keyPress(\"Enter\");\n await page.keyPress(\"b\");\n\n const submitted = await page.evaluate(\n () =>\n (document.getElementById(\"submitted\") as HTMLInputElement)?.value || \"\",\n );\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLTextAreaElement)!.value,\n \"#ta\",\n );\n expect(submitted).toBe(\"\");\n expect(value).toBe(\"a\\nb\");\n });\n\n test('pressing \"+\" key types plus sign', async () => {\n const html = `<!doctype html>\n <input id=\"t\" />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#t\").click();\n await page.keyPress(\"+\");\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#t\",\n );\n expect(value).toBe(\"+\");\n });\n\n test(\"modifier state clears on keyPress error\", async () => {\n const html = `<!doctype html>\n <input id=\"t\" />`;\n const page = await v3.context.awaitActivePage();\n await page.goto(dataUrl(html), {\n waitUntil: \"domcontentloaded\",\n timeoutMs: 15000,\n });\n\n await page.locator(\"#t\").click();\n // Try invalid key that might throw\n try {\n await page.keyPress(\"Cmd+InvalidKey123\");\n } catch {\n // Expected to fail\n }\n\n // Now try normal typing - should work if modifiers were cleared\n await page.type(\"ok\");\n const value = await page.evaluate(\n (sel) => (document.querySelector(sel) as HTMLInputElement)!.value,\n \"#t\",\n );\n expect(value).toBe(\"ok\");\n });\n});\n"]}

package/dist/esm/tests/integration/locator-backend-node-id.spec.d.ts ADDED Viewed

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

package/dist/esm/tests/integration/locator-backend-node-id.spec.js ADDED Viewed

@@ -0,0 +1,148 @@
+import { test, expect } from "@playwright/test";
+import { V3 } from "../../lib/v3/v3.js";
+import { v3TestConfig } from "./v3.config.js";
+test.describe("Locator.backendNodeId() - CDP DOM node ID", () => {
+    let v3;
+    test.beforeEach(async () => {
+        v3 = new V3(v3TestConfig);
+        await v3.init();
+    });
+    test.afterEach(async () => {
+        await v3?.close?.().catch(() => { });
+    });
+    test("returns a valid backend node ID for an element", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <button id="btn">Click me</button>
+          </body></html>`));
+        const locator = page.locator("button#btn");
+        const nodeId = await locator.backendNodeId();
+        // Backend node ID should be a valid number
+        expect(typeof nodeId).toBe("number");
+        expect(nodeId).toBeGreaterThan(0);
+    });
+    test("returns different node IDs for different elements", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <div id="div1">First</div>
+            <div id="div2">Second</div>
+            <p id="p1">Third</p>
+          </body></html>`));
+        const nodeId1 = await page.locator("div#div1").backendNodeId();
+        const nodeId2 = await page.locator("div#div2").backendNodeId();
+        const nodeId3 = await page.locator("p#p1").backendNodeId();
+        // All node IDs should be unique
+        expect(nodeId1).not.toBe(nodeId2);
+        expect(nodeId2).not.toBe(nodeId3);
+        expect(nodeId1).not.toBe(nodeId3);
+    });
+    test("returns consistent node ID for the same element", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <input type="text" id="input" />
+          </body></html>`));
+        const locator = page.locator("input#input");
+        // Call multiple times on the same element
+        const nodeId1 = await locator.backendNodeId();
+        const nodeId2 = await locator.backendNodeId();
+        // Should return the same ID (same element)
+        expect(nodeId1).toBe(nodeId2);
+    });
+    test("returns node ID for nested elements", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <div id="outer">
+              <div id="middle">
+                <span id="inner">Deep</span>
+              </div>
+            </div>
+          </body></html>`));
+        const outerNodeId = await page.locator("div#outer").backendNodeId();
+        const middleNodeId = await page.locator("div#middle").backendNodeId();
+        const innerNodeId = await page.locator("span#inner").backendNodeId();
+        // All should be valid and unique
+        expect(outerNodeId).toBeGreaterThan(0);
+        expect(middleNodeId).toBeGreaterThan(0);
+        expect(innerNodeId).toBeGreaterThan(0);
+        expect(new Set([outerNodeId, middleNodeId, innerNodeId]).size).toBe(3);
+    });
+    test("returns node ID for elements with various attributes", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <button class="btn primary" data-test="submit" aria-label="Submit form">Save</button>
+          </body></html>`));
+        const locator = page.locator("button");
+        const nodeId = await locator.backendNodeId();
+        // Should work with complex elements
+        expect(typeof nodeId).toBe("number");
+        expect(nodeId).toBeGreaterThan(0);
+    });
+    test("returns node ID for form elements", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <form>
+              <input type="email" id="email" placeholder="Email" />
+              <textarea id="message"></textarea>
+              <select id="country">
+                <option value="us">USA</option>
+                <option value="ca">Canada</option>
+              </select>
+              <button type="submit">Submit</button>
+            </form>
+          </body></html>`));
+        const emailNodeId = await page.locator("input#email").backendNodeId();
+        const textareaNodeId = await page
+            .locator("textarea#message")
+            .backendNodeId();
+        const selectNodeId = await page.locator("select#country").backendNodeId();
+        const submitNodeId = await page
+            .locator("button[type='submit']")
+            .backendNodeId();
+        // All form elements should have valid node IDs
+        expect(emailNodeId).toBeGreaterThan(0);
+        expect(textareaNodeId).toBeGreaterThan(0);
+        expect(selectNodeId).toBeGreaterThan(0);
+        expect(submitNodeId).toBeGreaterThan(0);
+        // All should be unique
+        const nodeIds = [emailNodeId, textareaNodeId, selectNodeId, submitNodeId];
+        expect(new Set(nodeIds).size).toBe(4);
+    });
+    test("returns node ID for dynamically created elements", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <div id="container"></div>
+            <script>
+              const container = document.getElementById('container');
+              const newBtn = document.createElement('button');
+              newBtn.id = 'dynamic-btn';
+              newBtn.textContent = 'Dynamically created';
+              container.appendChild(newBtn);
+            </script>
+          </body></html>`));
+        const locator = page.locator("button#dynamic-btn");
+        const nodeId = await locator.backendNodeId();
+        // Should work with dynamically created elements
+        expect(typeof nodeId).toBe("number");
+        expect(nodeId).toBeGreaterThan(0);
+    });
+    test("returns node ID for elements with text selectors", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <button>Submit Form</button>
+          </body></html>`));
+        const locator = page.locator("text=Submit Form");
+        const nodeId = await locator.backendNodeId();
+        // Should work with text-based selectors
+        expect(typeof nodeId).toBe("number");
+        expect(nodeId).toBeGreaterThan(0);
+    });
+});
+//# sourceMappingURL=locator-backend-node-id.spec.js.map

package/dist/esm/tests/integration/locator-backend-node-id.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"locator-backend-node-id.spec.js","sourceRoot":"","sources":["../../../../tests/integration/locator-backend-node-id.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(\"Locator.backendNodeId() - CDP DOM node ID\", () => {\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 valid backend node ID for an element\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body>\n <button id=\"btn\">Click me</button>\n </body></html>`,\n ),\n );\n\n const locator = page.locator(\"button#btn\");\n const nodeId = await locator.backendNodeId();\n\n // Backend node ID should be a valid number\n expect(typeof nodeId).toBe(\"number\");\n expect(nodeId).toBeGreaterThan(0);\n });\n\n test(\"returns different node IDs for different elements\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body>\n <div id=\"div1\">First</div>\n <div id=\"div2\">Second</div>\n <p id=\"p1\">Third</p>\n </body></html>`,\n ),\n );\n\n const nodeId1 = await page.locator(\"div#div1\").backendNodeId();\n const nodeId2 = await page.locator(\"div#div2\").backendNodeId();\n const nodeId3 = await page.locator(\"p#p1\").backendNodeId();\n\n // All node IDs should be unique\n expect(nodeId1).not.toBe(nodeId2);\n expect(nodeId2).not.toBe(nodeId3);\n expect(nodeId1).not.toBe(nodeId3);\n });\n\n test(\"returns consistent node ID for the same element\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body>\n <input type=\"text\" id=\"input\" />\n </body></html>`,\n ),\n );\n\n const locator = page.locator(\"input#input\");\n\n // Call multiple times on the same element\n const nodeId1 = await locator.backendNodeId();\n const nodeId2 = await locator.backendNodeId();\n\n // Should return the same ID (same element)\n expect(nodeId1).toBe(nodeId2);\n });\n\n test(\"returns node ID for nested elements\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body>\n <div id=\"outer\">\n <div id=\"middle\">\n <span id=\"inner\">Deep</span>\n </div>\n </div>\n </body></html>`,\n ),\n );\n\n const outerNodeId = await page.locator(\"div#outer\").backendNodeId();\n const middleNodeId = await page.locator(\"div#middle\").backendNodeId();\n const innerNodeId = await page.locator(\"span#inner\").backendNodeId();\n\n // All should be valid and unique\n expect(outerNodeId).toBeGreaterThan(0);\n expect(middleNodeId).toBeGreaterThan(0);\n expect(innerNodeId).toBeGreaterThan(0);\n expect(new Set([outerNodeId, middleNodeId, innerNodeId]).size).toBe(3);\n });\n\n test(\"returns node ID for elements with various attributes\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body>\n <button class=\"btn primary\" data-test=\"submit\" aria-label=\"Submit form\">Save</button>\n </body></html>`,\n ),\n );\n\n const locator = page.locator(\"button\");\n const nodeId = await locator.backendNodeId();\n\n // Should work with complex elements\n expect(typeof nodeId).toBe(\"number\");\n expect(nodeId).toBeGreaterThan(0);\n });\n\n test(\"returns node ID for form elements\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body>\n <form>\n <input type=\"email\" id=\"email\" placeholder=\"Email\" />\n <textarea id=\"message\"></textarea>\n <select id=\"country\">\n <option value=\"us\">USA</option>\n <option value=\"ca\">Canada</option>\n </select>\n <button type=\"submit\">Submit</button>\n </form>\n </body></html>`,\n ),\n );\n\n const emailNodeId = await page.locator(\"input#email\").backendNodeId();\n const textareaNodeId = await page\n .locator(\"textarea#message\")\n .backendNodeId();\n const selectNodeId = await page.locator(\"select#country\").backendNodeId();\n const submitNodeId = await page\n .locator(\"button[type='submit']\")\n .backendNodeId();\n\n // All form elements should have valid node IDs\n expect(emailNodeId).toBeGreaterThan(0);\n expect(textareaNodeId).toBeGreaterThan(0);\n expect(selectNodeId).toBeGreaterThan(0);\n expect(submitNodeId).toBeGreaterThan(0);\n\n // All should be unique\n const nodeIds = [emailNodeId, textareaNodeId, selectNodeId, submitNodeId];\n expect(new Set(nodeIds).size).toBe(4);\n });\n\n test(\"returns node ID for dynamically created elements\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body>\n <div id=\"container\"></div>\n <script>\n const container = document.getElementById('container');\n const newBtn = document.createElement('button');\n newBtn.id = 'dynamic-btn';\n newBtn.textContent = 'Dynamically created';\n container.appendChild(newBtn);\n </script>\n </body></html>`,\n ),\n );\n\n const locator = page.locator(\"button#dynamic-btn\");\n const nodeId = await locator.backendNodeId();\n\n // Should work with dynamically created elements\n expect(typeof nodeId).toBe(\"number\");\n expect(nodeId).toBeGreaterThan(0);\n });\n\n test(\"returns node ID for elements with text selectors\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body>\n <button>Submit Form</button>\n </body></html>`,\n ),\n );\n\n const locator = page.locator(\"text=Submit Form\");\n const nodeId = await locator.backendNodeId();\n\n // Should work with text-based selectors\n expect(typeof nodeId).toBe(\"number\");\n expect(nodeId).toBeGreaterThan(0);\n });\n});\n"]}

package/dist/esm/tests/integration/locator-content-methods.spec.d.ts ADDED Viewed

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