npm - @browserbasehq/orca - Versions diffs - 3.0.9-alpha-3 → 3.1.0-headers - Mend

@browserbasehq/orca 3.0.9-alpha-3 → 3.1.0-headers

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

package/dist/cjs/tests/integration/locator-input-methods.spec.js ADDED Viewed

@@ -0,0 +1,127 @@
+"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("Locator input methods (fill, type, hover, isVisible, isChecked)", () => {
+    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((e) => {
+            void e;
+        });
+    });
+    (0, test_1.test)("Locator.fill() sets input value directly", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <input id="name" type="text" />
+            <div id="out"></div>
+          </body></html>`));
+        const input = page.mainFrame().locator("#name");
+        await input.fill("Hello World");
+        const value = await input.inputValue();
+        (0, test_1.expect)(value).toBe("Hello World");
+    });
+    (0, test_1.test)("Locator.type() types text character by character", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <input id="search" type="text" />
+          </body></html>`));
+        const input = page.mainFrame().locator("#search");
+        await input.type("test123", { delay: 10 });
+        const value = await input.inputValue();
+        (0, test_1.expect)(value).toBe("test123");
+    });
+    (0, test_1.test)("Locator.hover() moves mouse to element center", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <button id="btn" onmouseover="this.dataset.hovered='true'" onmouseout="this.dataset.hovered='false'">Hover Me</button>
+          </body></html>`));
+        const btn = page.mainFrame().locator("#btn");
+        await btn.hover();
+        const hovered = await page.mainFrame().evaluate(() => {
+            const b = document.getElementById("btn");
+            return b?.dataset.hovered === "true";
+        });
+        (0, test_1.expect)(hovered).toBe(true);
+    });
+    (0, test_1.test)("Locator.isVisible() returns true for visible elements", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <div id="visible">I am visible</div>
+            <div id="hidden" style="display:none">I am hidden</div>
+            <div id="invisible" style="visibility:hidden">I am invisible</div>
+            <div id="transparent" style="opacity:0">I am transparent</div>
+            <div id="zero-size" style="width:0;height:0">Zero size</div>
+          </body></html>`));
+        const visible = await page.mainFrame().locator("#visible").isVisible();
+        (0, test_1.expect)(visible).toBe(true);
+        const hidden = await page.mainFrame().locator("#hidden").isVisible();
+        (0, test_1.expect)(hidden).toBe(false);
+        const invisible = await page.mainFrame().locator("#invisible").isVisible();
+        (0, test_1.expect)(invisible).toBe(false);
+        const transparent = await page
+            .mainFrame()
+            .locator("#transparent")
+            .isVisible();
+        (0, test_1.expect)(transparent).toBe(false);
+        const zeroSize = await page.mainFrame().locator("#zero-size").isVisible();
+        (0, test_1.expect)(zeroSize).toBe(false);
+    });
+    (0, test_1.test)("Locator.isChecked() detects checkbox state", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <input id="checked" type="checkbox" checked />
+            <input id="unchecked" type="checkbox" />
+            <input id="radio-selected" type="radio" name="opt" checked />
+            <input id="radio-unselected" type="radio" name="opt" />
+          </body></html>`));
+        const checked = await page.mainFrame().locator("#checked").isChecked();
+        (0, test_1.expect)(checked).toBe(true);
+        const unchecked = await page.mainFrame().locator("#unchecked").isChecked();
+        (0, test_1.expect)(unchecked).toBe(false);
+        const radioSelected = await page
+            .mainFrame()
+            .locator("#radio-selected")
+            .isChecked();
+        (0, test_1.expect)(radioSelected).toBe(true);
+        const radioUnselected = await page
+            .mainFrame()
+            .locator("#radio-unselected")
+            .isChecked();
+        (0, test_1.expect)(radioUnselected).toBe(false);
+    });
+    (0, test_1.test)("Locator.fill() on textarea", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <textarea id="ta"></textarea>
+          </body></html>`));
+        const ta = page.mainFrame().locator("#ta");
+        await ta.fill("Multi\nline\ntext");
+        const value = await ta.inputValue();
+        (0, test_1.expect)(value).toBe("Multi\nline\ntext");
+    });
+    (0, test_1.test)("Locator.fill() clears and sets new value", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <input id="inp" type="text" value="initial" />
+          </body></html>`));
+        const inp = page.mainFrame().locator("#inp");
+        let value = await inp.inputValue();
+        (0, test_1.expect)(value).toBe("initial");
+        await inp.fill("replaced");
+        value = await inp.inputValue();
+        (0, test_1.expect)(value).toBe("replaced");
+    });
+});
+//# sourceMappingURL=locator-input-methods.spec.js.map

package/dist/cjs/tests/integration/locator-input-methods.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"locator-input-methods.spec.js","sourceRoot":"","sources":["../../../../tests/integration/locator-input-methods.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, test } from \"@playwright/test\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\n\ntest.describe(\"Locator input methods (fill, type, hover, isVisible, isChecked)\", () => {\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((e) => {\n void e;\n });\n });\n\n test(\"Locator.fill() sets input value directly\", 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 id=\"name\" type=\"text\" />\n <div id=\"out\"></div>\n </body></html>`,\n ),\n );\n\n const input = page.mainFrame().locator(\"#name\");\n await input.fill(\"Hello World\");\n\n const value = await input.inputValue();\n expect(value).toBe(\"Hello World\");\n });\n\n test(\"Locator.type() types text character by character\", 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 id=\"search\" type=\"text\" />\n </body></html>`,\n ),\n );\n\n const input = page.mainFrame().locator(\"#search\");\n await input.type(\"test123\", { delay: 10 });\n\n const value = await input.inputValue();\n expect(value).toBe(\"test123\");\n });\n\n test(\"Locator.hover() moves mouse to element center\", 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\" onmouseover=\"this.dataset.hovered='true'\" onmouseout=\"this.dataset.hovered='false'\">Hover Me</button>\n </body></html>`,\n ),\n );\n\n const btn = page.mainFrame().locator(\"#btn\");\n await btn.hover();\n\n const hovered = await page.mainFrame().evaluate(() => {\n const b = document.getElementById(\"btn\") as HTMLButtonElement | null;\n return b?.dataset.hovered === \"true\";\n });\n\n expect(hovered).toBe(true);\n });\n\n test(\"Locator.isVisible() returns true for visible 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=\"visible\">I am visible</div>\n <div id=\"hidden\" style=\"display:none\">I am hidden</div>\n <div id=\"invisible\" style=\"visibility:hidden\">I am invisible</div>\n <div id=\"transparent\" style=\"opacity:0\">I am transparent</div>\n <div id=\"zero-size\" style=\"width:0;height:0\">Zero size</div>\n </body></html>`,\n ),\n );\n\n const visible = await page.mainFrame().locator(\"#visible\").isVisible();\n expect(visible).toBe(true);\n\n const hidden = await page.mainFrame().locator(\"#hidden\").isVisible();\n expect(hidden).toBe(false);\n\n const invisible = await page.mainFrame().locator(\"#invisible\").isVisible();\n expect(invisible).toBe(false);\n\n const transparent = await page\n .mainFrame()\n .locator(\"#transparent\")\n .isVisible();\n expect(transparent).toBe(false);\n\n const zeroSize = await page.mainFrame().locator(\"#zero-size\").isVisible();\n expect(zeroSize).toBe(false);\n });\n\n test(\"Locator.isChecked() detects checkbox state\", 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 id=\"checked\" type=\"checkbox\" checked />\n <input id=\"unchecked\" type=\"checkbox\" />\n <input id=\"radio-selected\" type=\"radio\" name=\"opt\" checked />\n <input id=\"radio-unselected\" type=\"radio\" name=\"opt\" />\n </body></html>`,\n ),\n );\n\n const checked = await page.mainFrame().locator(\"#checked\").isChecked();\n expect(checked).toBe(true);\n\n const unchecked = await page.mainFrame().locator(\"#unchecked\").isChecked();\n expect(unchecked).toBe(false);\n\n const radioSelected = await page\n .mainFrame()\n .locator(\"#radio-selected\")\n .isChecked();\n expect(radioSelected).toBe(true);\n\n const radioUnselected = await page\n .mainFrame()\n .locator(\"#radio-unselected\")\n .isChecked();\n expect(radioUnselected).toBe(false);\n });\n\n test(\"Locator.fill() on textarea\", 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 <textarea id=\"ta\"></textarea>\n </body></html>`,\n ),\n );\n\n const ta = page.mainFrame().locator(\"#ta\");\n await ta.fill(\"Multi\\nline\\ntext\");\n\n const value = await ta.inputValue();\n expect(value).toBe(\"Multi\\nline\\ntext\");\n });\n\n test(\"Locator.fill() clears and sets new value\", 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 id=\"inp\" type=\"text\" value=\"initial\" />\n </body></html>`,\n ),\n );\n\n const inp = page.mainFrame().locator(\"#inp\");\n\n let value = await inp.inputValue();\n expect(value).toBe(\"initial\");\n\n await inp.fill(\"replaced\");\n value = await inp.inputValue();\n expect(value).toBe(\"replaced\");\n });\n});\n"]}

package/dist/cjs/tests/integration/locator-nth.spec.d.ts ADDED Viewed

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

package/dist/cjs/tests/integration/locator-nth.spec.js ADDED Viewed

@@ -0,0 +1,175 @@
+"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_dynamic_config_js_1 = require("./v3.dynamic.config.js");
+const testUtils_js_1 = require("./testUtils.js");
+test_1.test.describe("Locator nth() method tests", () => {
+    let v3;
+    test_1.test.beforeEach(async () => {
+        v3 = new v3_js_1.V3(v3_dynamic_config_js_1.v3DynamicTestConfig);
+        await v3.init();
+    });
+    test_1.test.afterEach(async () => {
+        await (0, testUtils_js_1.closeV3)(v3);
+    });
+    (0, test_1.test)("nth() returns correct element for CSS selectors", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent('<div class="test" id="first">1</div>' +
+                '<div class="test" id="second">2</div>' +
+                '<div class="test" id="third">3</div>' +
+                '<span id="other">4</span>'));
+        // Test nth() with CSS selectors
+        const locator0 = page.mainFrame().locator(".test").nth(0);
+        const text0 = await locator0.textContent();
+        (0, test_1.expect)(text0).toBe("1");
+        const locator1 = page.mainFrame().locator(".test").nth(1);
+        const text1 = await locator1.textContent();
+        (0, test_1.expect)(text1).toBe("2");
+        const locator2 = page.mainFrame().locator(".test").nth(2);
+        const text2 = await locator2.textContent();
+        (0, test_1.expect)(text2).toBe("3");
+    });
+    (0, test_1.test)("nth() returns correct element for XPath selectors", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent('<button id="btn1">Button 1</button>' +
+                '<button id="btn2">Button 2</button>' +
+                '<button id="btn3">Button 3</button>'));
+        // Test nth() with XPath selectors
+        const locator0 = page.mainFrame().locator("//button").nth(0);
+        const text0 = await locator0.textContent();
+        (0, test_1.expect)(text0).toBe("Button 1");
+        const locator1 = page.mainFrame().locator("//button").nth(1);
+        const text1 = await locator1.textContent();
+        (0, test_1.expect)(text1).toBe("Button 2");
+        const locator2 = page.mainFrame().locator("//button").nth(2);
+        const text2 = await locator2.textContent();
+        (0, test_1.expect)(text2).toBe("Button 3");
+    });
+    (0, test_1.test)("nth() returns correct element for text selectors", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent('<div id="d1">Click me</div>' +
+                '<button id="b1">Click me</button>' +
+                '<span id="s1">Click me</span>'));
+        // Test nth() with text selectors
+        const locator0 = page.mainFrame().locator("text=Click me").nth(0);
+        const text0 = await locator0.textContent();
+        (0, test_1.expect)(text0).toBe("Click me");
+        const locator1 = page.mainFrame().locator("text=Click me").nth(1);
+        const text1 = await locator1.textContent();
+        (0, test_1.expect)(text1).toBe("Click me");
+        const locator2 = page.mainFrame().locator("text=Click me").nth(2);
+        const text2 = await locator2.textContent();
+        (0, test_1.expect)(text2).toBe("Click me");
+    });
+    (0, test_1.test)("nth() with shadow DOM", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent('<div id="host"></div>' +
+                "<script>" +
+                'const host = document.getElementById("host");' +
+                'const shadow = host.attachShadow({mode: "open"});' +
+                'shadow.innerHTML = "<button>Shadow Button 1</button><button>Shadow Button 2</button><button>Shadow Button 3</button>";' +
+                "</script>"), { waitUntil: "load", timeoutMs: 30000 });
+        // Wait a bit for shadow DOM to be attached
+        await new Promise((resolve) => setTimeout(resolve, 100));
+        // Test nth() with shadow DOM elements
+        const locator0 = page.mainFrame().locator("button").nth(0);
+        const text0 = await locator0.textContent();
+        (0, test_1.expect)(text0).toBe("Shadow Button 1");
+        const locator1 = page.mainFrame().locator("button").nth(1);
+        const text1 = await locator1.textContent();
+        (0, test_1.expect)(text1).toBe("Shadow Button 2");
+        const locator2 = page.mainFrame().locator("button").nth(2);
+        const text2 = await locator2.textContent();
+        (0, test_1.expect)(text2).toBe("Shadow Button 3");
+    });
+    (0, test_1.test)("nth() with out of bounds index throws error", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent('<div class="test">1</div>' + '<div class="test">2</div>'));
+        // Test with out of bounds index - should throw an error
+        const locator = page.mainFrame().locator(".test").nth(5);
+        let error = null;
+        try {
+            await locator.textContent();
+        }
+        catch (e) {
+            error = e;
+        }
+        (0, test_1.expect)(error).not.toBeNull();
+    });
+    (0, test_1.test)("nth() works with complex CSS selectors", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent('<div class="container">' +
+                '<span class="item">1</span>' +
+                '<span class="item">2</span>' +
+                "</div>" +
+                "<div>" +
+                '<span class="item">3</span>' +
+                "</div>"));
+        // Test nth() with complex CSS selectors
+        const locator0 = page.mainFrame().locator(".container .item").nth(0);
+        const text0 = await locator0.textContent();
+        (0, test_1.expect)(text0).toBe("1");
+        const locator1 = page.mainFrame().locator(".container .item").nth(1);
+        const text1 = await locator1.textContent();
+        (0, test_1.expect)(text1).toBe("2");
+    });
+    (0, test_1.test)("nth() can be chained with other locator methods", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent('<div class="test">First</div>' +
+                '<div class="test">Second</div>' +
+                '<div class="test">Third</div>'));
+        // Test that nth() returns a Locator that can be used for other actions
+        const locator = page.mainFrame().locator(".test").nth(1);
+        const text = await locator.textContent();
+        (0, test_1.expect)(text).toBe("Second");
+        // Verify it's visible
+        const isVisible = await locator.isVisible();
+        (0, test_1.expect)(isVisible).toBe(true);
+    });
+    (0, test_1.test)("nth(0) is equivalent to first()", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent('<div class="test">First</div>' +
+                '<div class="test">Second</div>' +
+                '<div class="test">Third</div>'));
+        // Verify nth(0) returns the same element as first()
+        const nthLocator = page.mainFrame().locator(".test").nth(0);
+        const nthText = await nthLocator.textContent();
+        const firstLocator = page.mainFrame().locator(".test").first();
+        const firstText = await firstLocator.textContent();
+        (0, test_1.expect)(nthText).toBe(firstText);
+        (0, test_1.expect)(nthText).toBe("First");
+    });
+    (0, test_1.test)("nth() works correctly with iframe selectors", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent('<button id="main1">Main Button 1</button>' +
+                '<button id="main2">Main Button 2</button>' +
+                '<iframe id="frame1"></iframe>' +
+                "<script>" +
+                'const frame = document.getElementById("frame1");' +
+                "const doc = frame.contentDocument;" +
+                "doc.open();" +
+                'doc.write("<button>Frame Button 1</button><button>Frame Button 2</button>");' +
+                "doc.close();" +
+                "</script>"));
+        // Wait for iframe to load
+        await new Promise((resolve) => setTimeout(resolve, 100));
+        // Test that nth() works correctly with buttons in the main frame
+        const mainLocator0 = page.mainFrame().locator("button").nth(0);
+        const mainText0 = await mainLocator0.textContent();
+        (0, test_1.expect)(mainText0).toBe("Main Button 1");
+        const mainLocator1 = page.mainFrame().locator("button").nth(1);
+        const mainText1 = await mainLocator1.textContent();
+        (0, test_1.expect)(mainText1).toBe("Main Button 2");
+    });
+});
+//# sourceMappingURL=locator-nth.spec.js.map

package/dist/cjs/tests/integration/locator-nth.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"locator-nth.spec.js","sourceRoot":"","sources":["../../../../tests/integration/locator-nth.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, test } from \"@playwright/test\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3DynamicTestConfig } from \"./v3.dynamic.config.js\";\nimport { closeV3 } from \"./testUtils.js\";\n\ntest.describe(\"Locator nth() method tests\", () => {\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(\"nth() returns correct element for CSS selectors\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n '<div class=\"test\" id=\"first\">1</div>' +\n '<div class=\"test\" id=\"second\">2</div>' +\n '<div class=\"test\" id=\"third\">3</div>' +\n '<span id=\"other\">4</span>',\n ),\n );\n\n // Test nth() with CSS selectors\n const locator0 = page.mainFrame().locator(\".test\").nth(0);\n const text0 = await locator0.textContent();\n expect(text0).toBe(\"1\");\n\n const locator1 = page.mainFrame().locator(\".test\").nth(1);\n const text1 = await locator1.textContent();\n expect(text1).toBe(\"2\");\n\n const locator2 = page.mainFrame().locator(\".test\").nth(2);\n const text2 = await locator2.textContent();\n expect(text2).toBe(\"3\");\n });\n\n test(\"nth() returns correct element for XPath selectors\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n '<button id=\"btn1\">Button 1</button>' +\n '<button id=\"btn2\">Button 2</button>' +\n '<button id=\"btn3\">Button 3</button>',\n ),\n );\n\n // Test nth() with XPath selectors\n const locator0 = page.mainFrame().locator(\"//button\").nth(0);\n const text0 = await locator0.textContent();\n expect(text0).toBe(\"Button 1\");\n\n const locator1 = page.mainFrame().locator(\"//button\").nth(1);\n const text1 = await locator1.textContent();\n expect(text1).toBe(\"Button 2\");\n\n const locator2 = page.mainFrame().locator(\"//button\").nth(2);\n const text2 = await locator2.textContent();\n expect(text2).toBe(\"Button 3\");\n });\n\n test(\"nth() returns correct element for text selectors\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n '<div id=\"d1\">Click me</div>' +\n '<button id=\"b1\">Click me</button>' +\n '<span id=\"s1\">Click me</span>',\n ),\n );\n\n // Test nth() with text selectors\n const locator0 = page.mainFrame().locator(\"text=Click me\").nth(0);\n const text0 = await locator0.textContent();\n expect(text0).toBe(\"Click me\");\n\n const locator1 = page.mainFrame().locator(\"text=Click me\").nth(1);\n const text1 = await locator1.textContent();\n expect(text1).toBe(\"Click me\");\n\n const locator2 = page.mainFrame().locator(\"text=Click me\").nth(2);\n const text2 = await locator2.textContent();\n expect(text2).toBe(\"Click me\");\n });\n\n test(\"nth() with shadow DOM\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n '<div id=\"host\"></div>' +\n \"<script>\" +\n 'const host = document.getElementById(\"host\");' +\n 'const shadow = host.attachShadow({mode: \"open\"});' +\n 'shadow.innerHTML = \"<button>Shadow Button 1</button><button>Shadow Button 2</button><button>Shadow Button 3</button>\";' +\n \"</script>\",\n ),\n { waitUntil: \"load\", timeoutMs: 30000 },\n );\n\n // Wait a bit for shadow DOM to be attached\n await new Promise((resolve) => setTimeout(resolve, 100));\n\n // Test nth() with shadow DOM elements\n const locator0 = page.mainFrame().locator(\"button\").nth(0);\n const text0 = await locator0.textContent();\n expect(text0).toBe(\"Shadow Button 1\");\n\n const locator1 = page.mainFrame().locator(\"button\").nth(1);\n const text1 = await locator1.textContent();\n expect(text1).toBe(\"Shadow Button 2\");\n\n const locator2 = page.mainFrame().locator(\"button\").nth(2);\n const text2 = await locator2.textContent();\n expect(text2).toBe(\"Shadow Button 3\");\n });\n\n test(\"nth() with out of bounds index throws error\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n '<div class=\"test\">1</div>' + '<div class=\"test\">2</div>',\n ),\n );\n\n // Test with out of bounds index - should throw an error\n const locator = page.mainFrame().locator(\".test\").nth(5);\n let error = null;\n try {\n await locator.textContent();\n } catch (e) {\n error = e;\n }\n\n expect(error).not.toBeNull();\n });\n\n test(\"nth() works with complex CSS selectors\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n '<div class=\"container\">' +\n '<span class=\"item\">1</span>' +\n '<span class=\"item\">2</span>' +\n \"</div>\" +\n \"<div>\" +\n '<span class=\"item\">3</span>' +\n \"</div>\",\n ),\n );\n\n // Test nth() with complex CSS selectors\n const locator0 = page.mainFrame().locator(\".container .item\").nth(0);\n const text0 = await locator0.textContent();\n expect(text0).toBe(\"1\");\n\n const locator1 = page.mainFrame().locator(\".container .item\").nth(1);\n const text1 = await locator1.textContent();\n expect(text1).toBe(\"2\");\n });\n\n test(\"nth() can be chained with other locator methods\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n '<div class=\"test\">First</div>' +\n '<div class=\"test\">Second</div>' +\n '<div class=\"test\">Third</div>',\n ),\n );\n\n // Test that nth() returns a Locator that can be used for other actions\n const locator = page.mainFrame().locator(\".test\").nth(1);\n const text = await locator.textContent();\n expect(text).toBe(\"Second\");\n\n // Verify it's visible\n const isVisible = await locator.isVisible();\n expect(isVisible).toBe(true);\n });\n\n test(\"nth(0) is equivalent to first()\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n '<div class=\"test\">First</div>' +\n '<div class=\"test\">Second</div>' +\n '<div class=\"test\">Third</div>',\n ),\n );\n\n // Verify nth(0) returns the same element as first()\n const nthLocator = page.mainFrame().locator(\".test\").nth(0);\n const nthText = await nthLocator.textContent();\n\n const firstLocator = page.mainFrame().locator(\".test\").first();\n const firstText = await firstLocator.textContent();\n\n expect(nthText).toBe(firstText);\n expect(nthText).toBe(\"First\");\n });\n\n test(\"nth() works correctly with iframe selectors\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n '<button id=\"main1\">Main Button 1</button>' +\n '<button id=\"main2\">Main Button 2</button>' +\n '<iframe id=\"frame1\"></iframe>' +\n \"<script>\" +\n 'const frame = document.getElementById(\"frame1\");' +\n \"const doc = frame.contentDocument;\" +\n \"doc.open();\" +\n 'doc.write(\"<button>Frame Button 1</button><button>Frame Button 2</button>\");' +\n \"doc.close();\" +\n \"</script>\",\n ),\n );\n\n // Wait for iframe to load\n await new Promise((resolve) => setTimeout(resolve, 100));\n\n // Test that nth() works correctly with buttons in the main frame\n const mainLocator0 = page.mainFrame().locator(\"button\").nth(0);\n const mainText0 = await mainLocator0.textContent();\n expect(mainText0).toBe(\"Main Button 1\");\n\n const mainLocator1 = page.mainFrame().locator(\"button\").nth(1);\n const mainText1 = await mainLocator1.textContent();\n expect(mainText1).toBe(\"Main Button 2\");\n });\n});\n"]}

package/dist/cjs/tests/integration/locator-select-option.spec.d.ts ADDED Viewed

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

package/dist/cjs/tests/integration/locator-select-option.spec.js ADDED Viewed

@@ -0,0 +1,216 @@
+"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("Locator.selectOption() method", () => {
+    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((e) => {
+            void e; // ignore cleanup errors
+        });
+    });
+    (0, test_1.test)("selectOption() selects single option by value", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="fruit">
+              <option value="">-- Choose --</option>
+              <option value="apple">Apple</option>
+              <option value="banana">Banana</option>
+              <option value="cherry">Cherry</option>
+            </select>
+          </body></html>`));
+        const select = page.mainFrame().locator("#fruit");
+        const selected = await select.selectOption("banana");
+        (0, test_1.expect)(selected).toEqual(["banana"]);
+        const value = await page.mainFrame().evaluate(() => {
+            const s = document.getElementById("fruit");
+            return s?.value;
+        });
+        (0, test_1.expect)(value).toBe("banana");
+    });
+    (0, test_1.test)("selectOption() selects option by label/text", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="country">
+              <option value="us">United States</option>
+              <option value="uk">United Kingdom</option>
+              <option value="ca">Canada</option>
+            </select>
+          </body></html>`));
+        const select = page.mainFrame().locator("#country");
+        const selected = await select.selectOption("United Kingdom");
+        (0, test_1.expect)(selected).toEqual(["uk"]);
+    });
+    (0, test_1.test)("selectOption() selects multiple options in multiple select", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="colors" multiple>
+              <option value="red">Red</option>
+              <option value="green">Green</option>
+              <option value="blue">Blue</option>
+              <option value="yellow">Yellow</option>
+            </select>
+          </body></html>`));
+        const select = page.mainFrame().locator("#colors");
+        const selected = await select.selectOption(["red", "blue"]);
+        (0, test_1.expect)(selected.sort()).toEqual(["blue", "red"]);
+        const values = await page.mainFrame().evaluate(() => {
+            const s = document.getElementById("colors");
+            return Array.from(s?.selectedOptions ?? []).map((o) => o.value);
+        });
+        (0, test_1.expect)(values.sort()).toEqual(["blue", "red"]);
+    });
+    (0, test_1.test)("selectOption() deselects previous option on single select", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="size">
+              <option value="s">Small</option>
+              <option value="m" selected>Medium</option>
+              <option value="l">Large</option>
+            </select>
+          </body></html>`));
+        const select = page.mainFrame().locator("#size");
+        let value = await page.mainFrame().evaluate(() => {
+            const s = document.getElementById("size");
+            return s?.value;
+        });
+        (0, test_1.expect)(value).toBe("m");
+        await select.selectOption("l");
+        value = await page.mainFrame().evaluate(() => {
+            const s = document.getElementById("size");
+            return s?.value;
+        });
+        (0, test_1.expect)(value).toBe("l");
+    });
+    (0, test_1.test)("selectOption() triggers change event", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="opt">
+              <option value="a">Option A</option>
+              <option value="b">Option B</option>
+            </select>
+            <div id="out"></div>
+            <script>
+              const select = document.getElementById('opt');
+              const out = document.getElementById('out');
+              select.addEventListener('change', () => {
+                out.textContent = 'changed-' + select.value;
+              });
+            </script>
+          </body></html>`));
+        const select = page.mainFrame().locator("#opt");
+        await select.selectOption("b");
+        const output = await page.mainFrame().evaluate(() => {
+            const out = document.getElementById("out");
+            return out?.textContent;
+        });
+        (0, test_1.expect)(output).toBe("changed-b");
+    });
+    (0, test_1.test)("selectOption() with optgroup structure", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="grouped">
+              <optgroup label="Fruits">
+                <option value="apple">Apple</option>
+                <option value="orange">Orange</option>
+              </optgroup>
+              <optgroup label="Vegetables">
+                <option value="carrot">Carrot</option>
+                <option value="celery">Celery</option>
+              </optgroup>
+            </select>
+          </body></html>`));
+        const select = page.mainFrame().locator("#grouped");
+        await select.selectOption("celery");
+        const value = await page.mainFrame().evaluate(() => {
+            const s = document.getElementById("grouped");
+            return s?.value;
+        });
+        (0, test_1.expect)(value).toBe("celery");
+    });
+    (0, test_1.test)("selectOption() returns array of selected values", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="multi" multiple>
+              <option value="1">One</option>
+              <option value="2">Two</option>
+              <option value="3">Three</option>
+            </select>
+          </body></html>`));
+        const select = page.mainFrame().locator("#multi");
+        const selected = await select.selectOption(["1", "3"]);
+        (0, test_1.expect)(selected).toContain("1");
+        (0, test_1.expect)(selected).toContain("3");
+        (0, test_1.expect)(selected.length).toBe(2);
+    });
+    (0, test_1.test)("selectOption() with empty string value", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="opt">
+              <option value="">None</option>
+              <option value="yes">Yes</option>
+              <option value="no">No</option>
+            </select>
+          </body></html>`));
+        const select = page.mainFrame().locator("#opt");
+        const selected = await select.selectOption("");
+        (0, test_1.expect)(selected).toEqual([""]);
+        const value = await page.mainFrame().evaluate(() => {
+            const s = document.getElementById("opt");
+            return s?.value;
+        });
+        (0, test_1.expect)(value).toBe("");
+    });
+    (0, test_1.test)("selectOption() with numeric values", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="nums">
+              <option value="1">One</option>
+              <option value="2">Two</option>
+              <option value="10">Ten</option>
+              <option value="100">Hundred</option>
+            </select>
+          </body></html>`));
+        const select = page.mainFrame().locator("#nums");
+        await select.selectOption("10");
+        const value = await page.mainFrame().evaluate(() => {
+            const s = document.getElementById("nums");
+            return s?.value;
+        });
+        (0, test_1.expect)(value).toBe("10");
+    });
+    (0, test_1.test)("selectOption() with disabled option", async () => {
+        const page = v3.context.pages()[0];
+        await page.goto("data:text/html," +
+            encodeURIComponent(`<!doctype html><html><body>
+            <select id="mixed">
+              <option value="a">Available</option>
+              <option value="b" disabled>Unavailable</option>
+              <option value="c">Available</option>
+            </select>
+          </body></html>`));
+        const select = page.mainFrame().locator("#mixed");
+        // Should still select disabled option if explicitly requested
+        await select.selectOption("b");
+        const value = await page.mainFrame().evaluate(() => {
+            const s = document.getElementById("mixed");
+            return s?.value;
+        });
+        (0, test_1.expect)(value).toBe("b");
+    });
+});
+//# sourceMappingURL=locator-select-option.spec.js.map

package/dist/cjs/tests/integration/locator-select-option.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"locator-select-option.spec.js","sourceRoot":"","sources":["../../../../tests/integration/locator-select-option.spec.ts"],"names":[],"mappings":";;AAAA,2CAAgD;AAChD,8CAAwC;AACxC,iDAA8C;AAE9C,WAAI,CAAC,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;IAClD,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,CAAC,CAAC,EAAE,EAAE;YAC9B,KAAK,CAAC,CAAC,CAAC,wBAAwB;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;;yBAOe,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAErD,IAAA,aAAM,EAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAErC,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE;YACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAA6B,CAAC;YACvE,OAAO,CAAC,EAAE,KAAK,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAA,aAAM,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;yBAMe,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAE7D,IAAA,aAAM,EAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;;yBAOe,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACnD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;QAE5D,IAAA,aAAM,EAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;QAEjD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE;YAClD,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAA6B,CAAC;YACxE,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,eAAe,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;QACH,IAAA,aAAM,EAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;yBAMe,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEjD,IAAI,KAAK,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE;YAC/C,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAA6B,CAAC;YACtE,OAAO,CAAC,EAAE,KAAK,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAA,aAAM,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAExB,MAAM,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QAE/B,KAAK,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE;YAC3C,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAA6B,CAAC;YACtE,OAAO,CAAC,EAAE,KAAK,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAA,aAAM,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;;;;;;;;yBAae,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE;YAClD,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC3C,OAAO,GAAG,EAAE,WAAW,CAAC;QAC1B,CAAC,CAAC,CAAC;QACH,IAAA,aAAM,EAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;;;;;;yBAWe,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAEpC,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE;YACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAA6B,CAAC;YACzE,OAAO,CAAC,EAAE,KAAK,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAA,aAAM,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;yBAMe,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAEvD,IAAA,aAAM,EAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAChC,IAAA,aAAM,EAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAChC,IAAA,aAAM,EAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;yBAMe,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAE/C,IAAA,aAAM,EAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAE/B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE;YACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAA6B,CAAC;YACrE,OAAO,CAAC,EAAE,KAAK,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAA,aAAM,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;;yBAOe,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE;YACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAA6B,CAAC;YACtE,OAAO,CAAC,EAAE,KAAK,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAA,aAAM,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,IAAA,WAAI,EAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,IAAI,CACb,iBAAiB;YACf,kBAAkB,CAChB;;;;;;yBAMe,CAChB,CACJ,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClD,8DAA8D;QAC9D,MAAM,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE;YACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAA6B,CAAC;YACvE,OAAO,CAAC,EAAE,KAAK,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAA,aAAM,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, test } from \"@playwright/test\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\n\ntest.describe(\"Locator.selectOption() method\", () => {\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((e) => {\n void e; // ignore cleanup errors\n });\n });\n\n test(\"selectOption() selects single option by value\", 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 <select id=\"fruit\">\n <option value=\"\">-- Choose --</option>\n <option value=\"apple\">Apple</option>\n <option value=\"banana\">Banana</option>\n <option value=\"cherry\">Cherry</option>\n </select>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#fruit\");\n const selected = await select.selectOption(\"banana\");\n\n expect(selected).toEqual([\"banana\"]);\n\n const value = await page.mainFrame().evaluate(() => {\n const s = document.getElementById(\"fruit\") as HTMLSelectElement | null;\n return s?.value;\n });\n expect(value).toBe(\"banana\");\n });\n\n test(\"selectOption() selects option by label/text\", 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 <select id=\"country\">\n <option value=\"us\">United States</option>\n <option value=\"uk\">United Kingdom</option>\n <option value=\"ca\">Canada</option>\n </select>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#country\");\n const selected = await select.selectOption(\"United Kingdom\");\n\n expect(selected).toEqual([\"uk\"]);\n });\n\n test(\"selectOption() selects multiple options in multiple select\", 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 <select id=\"colors\" multiple>\n <option value=\"red\">Red</option>\n <option value=\"green\">Green</option>\n <option value=\"blue\">Blue</option>\n <option value=\"yellow\">Yellow</option>\n </select>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#colors\");\n const selected = await select.selectOption([\"red\", \"blue\"]);\n\n expect(selected.sort()).toEqual([\"blue\", \"red\"]);\n\n const values = await page.mainFrame().evaluate(() => {\n const s = document.getElementById(\"colors\") as HTMLSelectElement | null;\n return Array.from(s?.selectedOptions ?? []).map((o) => o.value);\n });\n expect(values.sort()).toEqual([\"blue\", \"red\"]);\n });\n\n test(\"selectOption() deselects previous option on single select\", 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 <select id=\"size\">\n <option value=\"s\">Small</option>\n <option value=\"m\" selected>Medium</option>\n <option value=\"l\">Large</option>\n </select>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#size\");\n\n let value = await page.mainFrame().evaluate(() => {\n const s = document.getElementById(\"size\") as HTMLSelectElement | null;\n return s?.value;\n });\n expect(value).toBe(\"m\");\n\n await select.selectOption(\"l\");\n\n value = await page.mainFrame().evaluate(() => {\n const s = document.getElementById(\"size\") as HTMLSelectElement | null;\n return s?.value;\n });\n expect(value).toBe(\"l\");\n });\n\n test(\"selectOption() triggers change event\", 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 <select id=\"opt\">\n <option value=\"a\">Option A</option>\n <option value=\"b\">Option B</option>\n </select>\n <div id=\"out\"></div>\n <script>\n const select = document.getElementById('opt');\n const out = document.getElementById('out');\n select.addEventListener('change', () => {\n out.textContent = 'changed-' + select.value;\n });\n </script>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#opt\");\n await select.selectOption(\"b\");\n\n const output = await page.mainFrame().evaluate(() => {\n const out = document.getElementById(\"out\");\n return out?.textContent;\n });\n expect(output).toBe(\"changed-b\");\n });\n\n test(\"selectOption() with optgroup structure\", 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 <select id=\"grouped\">\n <optgroup label=\"Fruits\">\n <option value=\"apple\">Apple</option>\n <option value=\"orange\">Orange</option>\n </optgroup>\n <optgroup label=\"Vegetables\">\n <option value=\"carrot\">Carrot</option>\n <option value=\"celery\">Celery</option>\n </optgroup>\n </select>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#grouped\");\n await select.selectOption(\"celery\");\n\n const value = await page.mainFrame().evaluate(() => {\n const s = document.getElementById(\"grouped\") as HTMLSelectElement | null;\n return s?.value;\n });\n expect(value).toBe(\"celery\");\n });\n\n test(\"selectOption() returns array of selected values\", 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 <select id=\"multi\" multiple>\n <option value=\"1\">One</option>\n <option value=\"2\">Two</option>\n <option value=\"3\">Three</option>\n </select>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#multi\");\n const selected = await select.selectOption([\"1\", \"3\"]);\n\n expect(selected).toContain(\"1\");\n expect(selected).toContain(\"3\");\n expect(selected.length).toBe(2);\n });\n\n test(\"selectOption() with empty string value\", 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 <select id=\"opt\">\n <option value=\"\">None</option>\n <option value=\"yes\">Yes</option>\n <option value=\"no\">No</option>\n </select>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#opt\");\n const selected = await select.selectOption(\"\");\n\n expect(selected).toEqual([\"\"]);\n\n const value = await page.mainFrame().evaluate(() => {\n const s = document.getElementById(\"opt\") as HTMLSelectElement | null;\n return s?.value;\n });\n expect(value).toBe(\"\");\n });\n\n test(\"selectOption() with numeric values\", 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 <select id=\"nums\">\n <option value=\"1\">One</option>\n <option value=\"2\">Two</option>\n <option value=\"10\">Ten</option>\n <option value=\"100\">Hundred</option>\n </select>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#nums\");\n await select.selectOption(\"10\");\n\n const value = await page.mainFrame().evaluate(() => {\n const s = document.getElementById(\"nums\") as HTMLSelectElement | null;\n return s?.value;\n });\n expect(value).toBe(\"10\");\n });\n\n test(\"selectOption() with disabled option\", 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 <select id=\"mixed\">\n <option value=\"a\">Available</option>\n <option value=\"b\" disabled>Unavailable</option>\n <option value=\"c\">Available</option>\n </select>\n </body></html>`,\n ),\n );\n\n const select = page.mainFrame().locator(\"#mixed\");\n // Should still select disabled option if explicitly requested\n await select.selectOption(\"b\");\n\n const value = await page.mainFrame().evaluate(() => {\n const s = document.getElementById(\"mixed\") as HTMLSelectElement | null;\n return s?.value;\n });\n expect(value).toBe(\"b\");\n });\n});\n"]}