npm - @browserbasehq/orca - Versions diffs - 3.4.0-preview.0 → 3.5.0-preview.0 - Mend

@browserbasehq/orca 3.4.0-preview.0 → 3.5.0-preview.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 (829) hide show

package/dist/esm/tests/integration/page-screenshot.spec.js DELETED Viewed

@@ -1,257 +0,0 @@
-import { test, expect } from "@playwright/test";
-import { promises as fs } from "fs";
-import * as os from "os";
-import * as path from "path";
-import { V3 } from "../../lib/v3/v3.js";
-import { v3TestConfig } from "./v3.config.js";
-import { Frame } from "../../lib/v3/understudy/frame.js";
-const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-test.describe("Page.screenshot options", () => {
-    let v3;
-    test.beforeEach(async () => {
-        v3 = new V3(v3TestConfig);
-        await v3.init();
-    });
-    test.afterEach(async () => {
-        await v3?.close?.().catch(() => { });
-    });
-    test("rejects clip combined with fullPage", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html,<html><body>test</body></html>");
-        await expect(page.screenshot({
-            fullPage: true,
-            clip: { x: 0, y: 0, width: 100, height: 100 },
-        })).rejects.toThrow(/clip and fullPage/);
-    });
-    test("rejects unsupported image type", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html,<html><body>noop</body></html>");
-        await expect(page.screenshot({
-            // @ts-expect-error intentional invalid type for runtime validation
-            type: "webp",
-        })).rejects.toThrow(/unsupported image type/);
-    });
-    test("rejects jpeg quality for png screenshots", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html,<html><body>noop</body></html>");
-        await expect(page.screenshot({ type: "png", quality: 50 })).rejects.toThrow(/quality option is only valid/);
-    });
-    test("honours timeout option", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html,<html><body>noop</body></html>");
-        const mainFrame = page.mainFrame();
-        const originalScreenshot = mainFrame.screenshot.bind(mainFrame);
-        mainFrame.screenshot = async () => {
-            await wait(50);
-            return Buffer.from("late");
-        };
-        try {
-            await expect(page.screenshot({ timeout: 10 })).rejects.toThrow(/timed out|timeout/i);
-        }
-        finally {
-            mainFrame.screenshot = originalScreenshot;
-        }
-    });
-    test("applies advanced options and cleans up overlays", async () => {
-        const page = v3.context.pages()[0];
-        const screenshotTimeout = process.env.CI ? 15000 : 5000;
-        const testStart = Date.now();
-        console.log(`[screenshot-test] start ${new Date(testStart).toISOString()} timeout=${screenshotTimeout}`);
-        const html = `
-      <!doctype html>
-      <html>
-        <head>
-          <meta charset="utf-8" />
-          <style>
-            body { background: #aaccee; margin: 0; height: 100vh; display: flex; flex-direction: column; align-items: flex-start; }
-            .mask-target { width: 80px; height: 80px; margin: 40px; background: rgb(0, 180, 60); animation: pulse 1s infinite alternate; }
-            @keyframes pulse { from { transform: scale(1); } to { transform: scale(1.2); } }
-          </style>
-        </head>
-        <body>
-          <div class="mask-target"></div>
-          <div class="mask-target"></div>
-          <input id="focus-me" value="focus" />
-          <script>document.getElementById('focus-me').focus();</script>
-        </body>
-      </html>
-    `;
-        await page.goto("data:text/html," + encodeURIComponent(html));
-        console.log(`[screenshot-test] page loaded in ${Date.now() - testStart}ms`);
-        const maskLocator = page.locator(".mask-target");
-        const tempPath = path.join(os.tmpdir(), `stagehand-screenshot-${Date.now()}-${Math.random().toString(36).slice(2)}.jpeg`);
-        console.log(`[screenshot-test] tempPath=${tempPath}`);
-        const targetId = page.targetId();
-        const screenshotCalls = [];
-        const evaluateCalls = [];
-        const originalScreenshot = Frame.prototype.screenshot;
-        const originalEvaluate = Frame.prototype.evaluate;
-        // Hook Frame.screenshot so we can assert which options reach CDP without writing real data.
-        Frame.prototype.screenshot = async function screenshotSpy(options) {
-            const frame = this;
-            if (frame.pageId === targetId) {
-                screenshotCalls.push({ frameId: frame.frameId, options });
-                return Buffer.from("stub-image");
-            }
-            return originalScreenshot.call(this, options);
-        };
-        // Spy on Frame.evaluate to capture the arguments used to inject CSS/masks.
-        Frame.prototype.evaluate = async function evaluateSpy(expression, arg) {
-            const frame = this;
-            if (frame.pageId === targetId) {
-                evaluateCalls.push({ frameId: frame.frameId, arg });
-            }
-            return originalEvaluate.call(this, expression, arg);
-        };
-        const internalPage = page;
-        const sendCalls = [];
-        const originalSend = internalPage.mainSession.send.bind(internalPage.mainSession);
-        // Capture background overrides so we can confirm omitBackground toggles on/off.
-        internalPage.mainSession.send = async (method, params) => {
-            sendCalls.push({ method, params });
-            return originalSend(method, params);
-        };
-        try {
-            const maskCount = await maskLocator.count();
-            console.log(`[screenshot-test] maskLocator.count=${maskCount}`);
-            const buffer = await page.screenshot({
-                animations: "disabled",
-                caret: "hide",
-                clip: { x: 0, y: 0, width: 200, height: 200 },
-                mask: [maskLocator],
-                maskColor: "rgba(255, 0, 0, 0.4)",
-                omitBackground: true,
-                path: tempPath,
-                quality: 80,
-                scale: "css",
-                style: "body { border: 3px solid black; }",
-                timeout: screenshotTimeout,
-                type: "jpeg",
-            });
-            console.log(`[screenshot-test] screenshot returned bytes=${buffer.length} elapsed=${Date.now() - testStart}ms`);
-            expect(Buffer.isBuffer(buffer)).toBeTruthy();
-            expect(screenshotCalls.length).toBeGreaterThanOrEqual(1);
-            console.log(`[screenshot-test] screenshotCalls=${screenshotCalls.length} evaluateCalls=${evaluateCalls.length} sendCalls=${sendCalls.length}`);
-            const recorded = screenshotCalls[0]?.options ?? {};
-            expect(recorded).toMatchObject({ type: "jpeg", quality: 80 });
-            expect(recorded?.clip).toMatchObject({
-                x: 0,
-                y: 0,
-                width: 200,
-                height: 200,
-            });
-            if (typeof recorded?.scale === "number") {
-                expect(recorded.scale).toBeGreaterThan(0);
-                expect(recorded.scale).toBeLessThanOrEqual(2);
-            }
-            await fs.stat(tempPath);
-            const maskNodes = await page.evaluate(() => document.querySelectorAll("[data-stagehand-mask]").length);
-            expect(maskNodes).toBe(0);
-            const styleNodes = await page.evaluate(() => document.querySelectorAll("[data-stagehand-style]").length);
-            expect(styleNodes).toBe(0);
-            const backgroundCalls = sendCalls.filter((call) => call.method === "Emulation.setDefaultBackgroundColorOverride");
-            expect(backgroundCalls.length).toBeGreaterThan(1);
-            expect(backgroundCalls.some((call) => call.params &&
-                typeof call.params === "object" &&
-                "color" in call.params)).toBeTruthy();
-            expect(backgroundCalls.some((call) => !call.params ||
-                Object.keys(call.params).length === 0)).toBeTruthy();
-            const cssArgs = evaluateCalls
-                .map((entry) => {
-                const value = entry.arg;
-                return value?.css ?? null;
-            })
-                .filter((css) => typeof css === "string");
-            const tokens = evaluateCalls
-                .map((entry) => {
-                const arg = entry.arg;
-                return arg?.token ?? null;
-            })
-                .filter((token) => typeof token === "string");
-            // Tokens include which helper injected the style (animations/caret/custom).
-            expect(tokens.some((token) => token.includes("animations"))).toBeTruthy();
-            expect(tokens.some((token) => token.includes("caret"))).toBeTruthy();
-            expect(tokens.some((token) => token.includes("custom"))).toBeTruthy();
-            // Custom style should bubble through so we check the actual CSS text.
-            expect(cssArgs.some((css) => css.includes("border: 3px solid black"))).toBeTruthy();
-            const maskCalls = evaluateCalls.filter((entry) => {
-                const arg = entry.arg;
-                return (arg &&
-                    typeof arg === "object" &&
-                    "rects" in arg);
-            });
-            expect(maskCalls.length).toBeGreaterThan(0);
-            const rects = maskCalls[0]?.arg
-                ?.rects;
-            expect(Array.isArray(rects)).toBeTruthy();
-            expect(rects.length).toBe(2);
-        }
-        finally {
-            Frame.prototype.screenshot = originalScreenshot;
-            Frame.prototype.evaluate = originalEvaluate;
-            internalPage.mainSession.send = originalSend;
-            await fs.unlink(tempPath).catch(() => { });
-        }
-    });
-    test("masks elements inside dialog top layer", async () => {
-        const page = v3.context.pages()[0];
-        const html = `
-      <!doctype html>
-      <html>
-        <head>
-          <meta charset="utf-8" />
-          <style>
-            dialog { padding: 16px; border: 2px solid #444; }
-            #dialog-input { display: block; width: 160px; height: 32px; }
-          </style>
-        </head>
-        <body>
-          <dialog id="dialog">
-            <label>Secret <input id="dialog-input" value="top-layer" /></label>
-          </dialog>
-          <script>
-            const dialog = document.getElementById("dialog");
-            if (dialog) {
-              if (typeof dialog.showModal === "function") {
-                try {
-                  dialog.showModal();
-                } catch {
-                  dialog.setAttribute("open", "");
-                }
-              } else {
-                dialog.setAttribute("open", "");
-              }
-            }
-          </script>
-        </body>
-      </html>
-    `;
-        await page.goto("data:text/html," + encodeURIComponent(html));
-        const targetId = page.targetId();
-        const originalScreenshot = Frame.prototype.screenshot;
-        let dialogMaskCount = 0;
-        Frame.prototype.screenshot = async function screenshotSpy(options) {
-            const frame = this;
-            if (frame.pageId === targetId) {
-                dialogMaskCount = await frame.evaluate(() => {
-                    const dialog = document.querySelector("dialog[open]");
-                    if (!dialog)
-                        return 0;
-                    return dialog.querySelectorAll("[data-stagehand-mask]").length;
-                });
-                return Buffer.from("stub-image");
-            }
-            return originalScreenshot.call(this, options);
-        };
-        try {
-            await page.screenshot({
-                mask: [page.locator("#dialog-input")],
-            });
-            expect(dialogMaskCount).toBeGreaterThan(0);
-        }
-        finally {
-            Frame.prototype.screenshot = originalScreenshot;
-        }
-    });
-});
-//# sourceMappingURL=page-screenshot.spec.js.map

package/dist/esm/tests/integration/page-screenshot.spec.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"page-screenshot.spec.js","sourceRoot":"","sources":["../../../../tests/integration/page-screenshot.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport { promises as fs } from \"fs\";\nimport * as os from \"os\";\nimport * as path from \"path\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\nimport { Frame } from \"../../lib/v3/understudy/frame.js\";\n\nconst wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\ntest.describe(\"Page.screenshot options\", () => {\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(\"rejects clip combined with fullPage\", async () => {\n const page = v3.context.pages()[0];\n await page.goto(\"data:text/html,<html><body>test</body></html>\");\n\n await expect(\n page.screenshot({\n fullPage: true,\n clip: { x: 0, y: 0, width: 100, height: 100 },\n }),\n ).rejects.toThrow(/clip and fullPage/);\n });\n\n test(\"rejects unsupported image type\", async () => {\n const page = v3.context.pages()[0];\n await page.goto(\"data:text/html,<html><body>noop</body></html>\");\n\n await expect(\n page.screenshot({\n // @ts-expect-error intentional invalid type for runtime validation\n type: \"webp\",\n }),\n ).rejects.toThrow(/unsupported image type/);\n });\n\n test(\"rejects jpeg quality for png screenshots\", async () => {\n const page = v3.context.pages()[0];\n await page.goto(\"data:text/html,<html><body>noop</body></html>\");\n\n await expect(page.screenshot({ type: \"png\", quality: 50 })).rejects.toThrow(\n /quality option is only valid/,\n );\n });\n\n test(\"honours timeout option\", async () => {\n const page = v3.context.pages()[0];\n await page.goto(\"data:text/html,<html><body>noop</body></html>\");\n\n const mainFrame = page.mainFrame();\n const originalScreenshot = mainFrame.screenshot.bind(mainFrame);\n\n (\n mainFrame as typeof mainFrame & {\n screenshot: typeof mainFrame.screenshot;\n }\n ).screenshot = async () => {\n await wait(50);\n return Buffer.from(\"late\");\n };\n\n try {\n await expect(page.screenshot({ timeout: 10 })).rejects.toThrow(\n /timed out|timeout/i,\n );\n } finally {\n (\n mainFrame as typeof mainFrame & {\n screenshot: typeof mainFrame.screenshot;\n }\n ).screenshot = originalScreenshot;\n }\n });\n\n test(\"applies advanced options and cleans up overlays\", async () => {\n const page = v3.context.pages()[0];\n const screenshotTimeout = process.env.CI ? 15000 : 5000;\n const testStart = Date.now();\n console.log(\n `[screenshot-test] start ${new Date(testStart).toISOString()} timeout=${screenshotTimeout}`,\n );\n\n const html = `\n <!doctype html>\n <html>\n <head>\n <meta charset=\"utf-8\" />\n <style>\n body { background: #aaccee; margin: 0; height: 100vh; display: flex; flex-direction: column; align-items: flex-start; }\n .mask-target { width: 80px; height: 80px; margin: 40px; background: rgb(0, 180, 60); animation: pulse 1s infinite alternate; }\n @keyframes pulse { from { transform: scale(1); } to { transform: scale(1.2); } }\n </style>\n </head>\n <body>\n <div class=\"mask-target\"></div>\n <div class=\"mask-target\"></div>\n <input id=\"focus-me\" value=\"focus\" />\n <script>document.getElementById('focus-me').focus();</script>\n </body>\n </html>\n `;\n\n await page.goto(\"data:text/html,\" + encodeURIComponent(html));\n console.log(`[screenshot-test] page loaded in ${Date.now() - testStart}ms`);\n\n const maskLocator = page.locator(\".mask-target\");\n const tempPath = path.join(\n os.tmpdir(),\n `stagehand-screenshot-${Date.now()}-${Math.random().toString(36).slice(2)}.jpeg`,\n );\n console.log(`[screenshot-test] tempPath=${tempPath}`);\n\n const targetId = page.targetId();\n const screenshotCalls: Array<{\n frameId: string;\n options: Parameters<Frame[\"screenshot\"]>[0];\n }> = [];\n const evaluateCalls: Array<{ frameId: string; arg: unknown }> = [];\n const originalScreenshot = Frame.prototype.screenshot;\n const originalEvaluate = Frame.prototype.evaluate;\n\n // Hook Frame.screenshot so we can assert which options reach CDP without writing real data.\n Frame.prototype.screenshot = async function screenshotSpy(options) {\n const frame = this as Frame;\n if (frame.pageId === targetId) {\n screenshotCalls.push({ frameId: frame.frameId, options });\n return Buffer.from(\"stub-image\");\n }\n return originalScreenshot.call(this, options);\n };\n\n // Spy on Frame.evaluate to capture the arguments used to inject CSS/masks.\n Frame.prototype.evaluate = async function evaluateSpy(expression, arg?) {\n const frame = this as Frame;\n if (frame.pageId === targetId) {\n evaluateCalls.push({ frameId: frame.frameId, arg });\n }\n return originalEvaluate.call(this, expression as never, arg);\n } as Frame[\"evaluate\"];\n\n const internalPage = page as unknown as {\n mainSession: {\n send: (method: string, params?: unknown) => Promise<unknown>;\n };\n };\n const sendCalls: Array<{ method: string; params: unknown }> = [];\n const originalSend = internalPage.mainSession.send.bind(\n internalPage.mainSession,\n ) as (method: string, params?: unknown) => Promise<unknown>;\n // Capture background overrides so we can confirm omitBackground toggles on/off.\n internalPage.mainSession.send = async (\n method: string,\n params?: unknown,\n ) => {\n sendCalls.push({ method, params });\n return originalSend(method, params);\n };\n\n try {\n const maskCount = await maskLocator.count();\n console.log(`[screenshot-test] maskLocator.count=${maskCount}`);\n\n const buffer = await page.screenshot({\n animations: \"disabled\",\n caret: \"hide\",\n clip: { x: 0, y: 0, width: 200, height: 200 },\n mask: [maskLocator],\n maskColor: \"rgba(255, 0, 0, 0.4)\",\n omitBackground: true,\n path: tempPath,\n quality: 80,\n scale: \"css\",\n style: \"body { border: 3px solid black; }\",\n timeout: screenshotTimeout,\n type: \"jpeg\",\n });\n console.log(\n `[screenshot-test] screenshot returned bytes=${buffer.length} elapsed=${Date.now() - testStart}ms`,\n );\n\n expect(Buffer.isBuffer(buffer)).toBeTruthy();\n expect(screenshotCalls.length).toBeGreaterThanOrEqual(1);\n console.log(\n `[screenshot-test] screenshotCalls=${screenshotCalls.length} evaluateCalls=${evaluateCalls.length} sendCalls=${sendCalls.length}`,\n );\n const recorded = screenshotCalls[0]?.options ?? {};\n expect(recorded).toMatchObject({ type: \"jpeg\", quality: 80 });\n expect(recorded?.clip).toMatchObject({\n x: 0,\n y: 0,\n width: 200,\n height: 200,\n });\n if (typeof recorded?.scale === \"number\") {\n expect(recorded.scale).toBeGreaterThan(0);\n expect(recorded.scale).toBeLessThanOrEqual(2);\n }\n\n await fs.stat(tempPath);\n\n const maskNodes = await page.evaluate(\n () => document.querySelectorAll(\"[data-stagehand-mask]\").length,\n );\n expect(maskNodes).toBe(0);\n\n const styleNodes = await page.evaluate(\n () => document.querySelectorAll(\"[data-stagehand-style]\").length,\n );\n expect(styleNodes).toBe(0);\n\n const backgroundCalls = sendCalls.filter(\n (call) => call.method === \"Emulation.setDefaultBackgroundColorOverride\",\n );\n expect(backgroundCalls.length).toBeGreaterThan(1);\n expect(\n backgroundCalls.some(\n (call) =>\n call.params &&\n typeof call.params === \"object\" &&\n \"color\" in (call.params as Record<string, unknown>),\n ),\n ).toBeTruthy();\n expect(\n backgroundCalls.some(\n (call) =>\n !call.params ||\n Object.keys(call.params as Record<string, unknown>).length === 0,\n ),\n ).toBeTruthy();\n\n const cssArgs = evaluateCalls\n .map((entry) => {\n const value = entry.arg as { css?: string } | undefined;\n return value?.css ?? null;\n })\n .filter((css): css is string => typeof css === \"string\");\n\n const tokens = evaluateCalls\n .map((entry) => {\n const arg = entry.arg as { token?: string } | undefined;\n return arg?.token ?? null;\n })\n .filter((token): token is string => typeof token === \"string\");\n\n // Tokens include which helper injected the style (animations/caret/custom).\n expect(tokens.some((token) => token.includes(\"animations\"))).toBeTruthy();\n expect(tokens.some((token) => token.includes(\"caret\"))).toBeTruthy();\n expect(tokens.some((token) => token.includes(\"custom\"))).toBeTruthy();\n // Custom style should bubble through so we check the actual CSS text.\n expect(\n cssArgs.some((css) => css.includes(\"border: 3px solid black\")),\n ).toBeTruthy();\n\n const maskCalls = evaluateCalls.filter((entry) => {\n const arg = entry.arg;\n return (\n arg &&\n typeof arg === \"object\" &&\n \"rects\" in (arg as Record<string, unknown>)\n );\n });\n expect(maskCalls.length).toBeGreaterThan(0);\n const rects = (maskCalls[0]?.arg as { rects?: unknown } | undefined)\n ?.rects;\n expect(Array.isArray(rects)).toBeTruthy();\n expect((rects as unknown[]).length).toBe(2);\n } finally {\n Frame.prototype.screenshot = originalScreenshot;\n Frame.prototype.evaluate = originalEvaluate;\n internalPage.mainSession.send = originalSend;\n await fs.unlink(tempPath).catch(() => {});\n }\n });\n\n test(\"masks elements inside dialog top layer\", async () => {\n const page = v3.context.pages()[0];\n\n const html = `\n <!doctype html>\n <html>\n <head>\n <meta charset=\"utf-8\" />\n <style>\n dialog { padding: 16px; border: 2px solid #444; }\n #dialog-input { display: block; width: 160px; height: 32px; }\n </style>\n </head>\n <body>\n <dialog id=\"dialog\">\n <label>Secret <input id=\"dialog-input\" value=\"top-layer\" /></label>\n </dialog>\n <script>\n const dialog = document.getElementById(\"dialog\");\n if (dialog) {\n if (typeof dialog.showModal === \"function\") {\n try {\n dialog.showModal();\n } catch {\n dialog.setAttribute(\"open\", \"\");\n }\n } else {\n dialog.setAttribute(\"open\", \"\");\n }\n }\n </script>\n </body>\n </html>\n `;\n\n await page.goto(\"data:text/html,\" + encodeURIComponent(html));\n\n const targetId = page.targetId();\n const originalScreenshot = Frame.prototype.screenshot;\n let dialogMaskCount = 0;\n\n Frame.prototype.screenshot = async function screenshotSpy(options) {\n const frame = this as Frame;\n if (frame.pageId === targetId) {\n dialogMaskCount = await frame.evaluate(() => {\n const dialog = document.querySelector(\"dialog[open]\");\n if (!dialog) return 0;\n return dialog.querySelectorAll(\"[data-stagehand-mask]\").length;\n });\n return Buffer.from(\"stub-image\");\n }\n return originalScreenshot.call(this, options);\n };\n\n try {\n await page.screenshot({\n mask: [page.locator(\"#dialog-input\")],\n });\n expect(dialogMaskCount).toBeGreaterThan(0);\n } finally {\n Frame.prototype.screenshot = originalScreenshot;\n }\n });\n});\n"]}

package/dist/esm/tests/integration/page-scroll.spec.d.ts DELETED Viewed

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

package/dist/esm/tests/integration/page-scroll.spec.js DELETED Viewed

@@ -1,181 +0,0 @@
-import { test, expect } from "@playwright/test";
-import { V3 } from "../../lib/v3/v3.js";
-import { v3TestConfig } from "./v3.config.js";
-test.describe("Page.scroll() - mouse wheel scrolling", () => {
-    let v3;
-    test.beforeEach(async () => {
-        v3 = new V3(v3TestConfig);
-        await v3.init();
-    });
-    test.afterEach(async () => {
-        await v3?.close?.().catch(() => { });
-    });
-    test("scrolls page vertically with positive deltaY", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`<!doctype html><html><body style="height: 2000px;">
-            <div style="height: 400px; background: lightblue;">Section 1</div>
-            <div style="height: 400px; background: lightgreen;">Section 2</div>
-            <div style="height: 400px; background: lightyellow;">Section 3</div>
-            <div style="height: 400px; background: lightcoral;">Section 4</div>
-            <div style="height: 400px; background: lightgray;">Section 5</div>
-          </body></html>`));
-        // Get initial scroll position
-        let scrollY = await page.evaluate(() => window.scrollY);
-        expect(scrollY).toBe(0);
-        // Scroll down (positive deltaY)
-        await page.scroll(640, 400, 0, 300);
-        // Wait for scroll to complete
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));
-        // Check that we've scrolled down
-        scrollY = await page.evaluate(() => window.scrollY);
-        expect(scrollY).toBeGreaterThan(0);
-    });
-    test("scrolls page horizontally with positive deltaX", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`<!doctype html><html><body style="width: 2000px; height: 600px;">
-            <div style="display: inline-block; width: 400px; height: 100%; background: lightblue;">Section 1</div>
-            <div style="display: inline-block; width: 400px; height: 100%; background: lightgreen;">Section 2</div>
-            <div style="display: inline-block; width: 400px; height: 100%; background: lightyellow;">Section 3</div>
-            <div style="display: inline-block; width: 400px; height: 100%; background: lightcoral;">Section 4</div>
-            <div style="display: inline-block; width: 400px; height: 100%; background: lightgray;">Section 5</div>
-          </body></html>`));
-        let scrollX = await page.evaluate(() => window.scrollX);
-        expect(scrollX).toBe(0);
-        // Scroll right (positive deltaX)
-        await page.scroll(640, 400, 300, 0);
-        // Wait for scroll to complete
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));
-        // Check that we've scrolled right
-        scrollX = await page.evaluate(() => window.scrollX);
-        expect(scrollX).toBeGreaterThan(0);
-    });
-    test("scrolls in both directions simultaneously", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`<!doctype html><html><body style="width: 2000px; height: 2000px;">
-            <div style="width: 100%; height: 100%; background: linear-gradient(135deg, lightblue, lightcoral);">
-              Diagonal content
-            </div>
-          </body></html>`));
-        // Scroll both horizontally and vertically
-        await page.scroll(640, 400, 200, 200);
-        // Wait for scroll to complete
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));
-        // Check both directions changed
-        const scrollPos = await page.evaluate(() => ({
-            x: window.scrollX,
-            y: window.scrollY,
-        }));
-        expect(scrollPos.x).toBeGreaterThan(0);
-        expect(scrollPos.y).toBeGreaterThan(0);
-    });
-    test("scrolls at specific coordinate on page", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`<!doctype html><html><body style="height: 2000px;">
-            <div id="marker" style="position: fixed; top: 400px; left: 640px; width: 2px; height: 2px; background: red;"></div>
-            <div style="height: 500px; background: lightblue;">Top</div>
-            <div style="height: 500px; background: lightgreen;">Middle</div>
-            <div style="height: 500px; background: lightyellow;">Bottom</div>
-          </body></html>`));
-        // Scroll from specific coordinates
-        await page.scroll(640, 400, 0, 400);
-        // Wait for scroll to complete
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));
-        // Verify scroll happened
-        const scrollY = await page.evaluate(() => window.scrollY);
-        expect(scrollY).toBeGreaterThan(0);
-    });
-    test("scrolls with large deltaY values", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`<!doctype html><html><body style="height: 5000px;">
-            <div style="height: 1000px; background: lightblue;">Section 1</div>
-            <div style="height: 1000px; background: lightgreen;">Section 2</div>
-            <div style="height: 1000px; background: lightyellow;">Section 3</div>
-            <div style="height: 1000px; background: lightcoral;">Section 4</div>
-            <div style="height: 1000px; background: lightgray;">Section 5</div>
-          </body></html>`));
-        // Scroll with large delta
-        await page.scroll(640, 400, 0, 1000);
-        // Wait for scroll to complete
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));
-        // Should scroll significantly
-        const scrollY = await page.evaluate(() => window.scrollY);
-        expect(scrollY).toBeGreaterThan(500);
-    });
-    test("negative deltaY scrolls up", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`<!doctype html><html><body style="height: 2000px;">
-            <div style="height: 500px; background: lightblue;">Top</div>
-            <div style="height: 500px; background: lightgreen;">Middle 1</div>
-            <div style="height: 500px; background: lightyellow;">Middle 2</div>
-            <div style="height: 500px; background: lightcoral;">Bottom</div>
-          </body></html>`));
-        // First scroll down
-        await page.scroll(640, 400, 0, 500);
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));
-        let scrollY = await page.evaluate(() => window.scrollY);
-        const scrolledDown = scrollY;
-        expect(scrolledDown).toBeGreaterThan(0);
-        // Now scroll up (negative delta)
-        await page.scroll(640, 400, 0, -300);
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));
-        scrollY = await page.evaluate(() => window.scrollY);
-        expect(scrollY).toBeLessThan(scrolledDown);
-    });
-    test("scroll returns xpath when requested", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`<!doctype html><html><body style="height: 2000px; margin: 0; padding: 0;">
-            <div id="target" style="position: absolute; top: 0px; left: 400px; width: 300px; height: 100px; background: blue;">
-              Target element
-            </div>
-            <p style="position: absolute; top: 200px; left: 0px;">Content below</p>
-          </body></html>`));
-        // Scroll at coordinate (550, 50) which should be directly over the target div
-        // div spans: left 400-700px, top 0-100px
-        // coordinate 550,50 is within that range
-        const xpath = await page.scroll(550, 50, 0, 200, { returnXpath: true });
-        // Should return a non-empty xpath string for the element at that coordinate
-        expect(typeof xpath).toBe("string");
-        expect(xpath.length).toBeGreaterThan(0);
-        // Xpath should reference the div or contain "target"
-        expect(xpath.toLowerCase()).toMatch(/div|target/);
-    });
-    test("scroll without returnXpath returns empty string", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`<!doctype html><html><body style="height: 2000px;">
-            <div style="height: 500px; background: lightblue;">Content</div>
-          </body></html>`));
-        // Scroll without returnXpath
-        const result = await page.scroll(640, 400, 0, 200);
-        // Should return empty string
-        expect(result).toBe("");
-    });
-    test("multiple sequential scrolls accumulate", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("data:text/html," +
-            encodeURIComponent(`<!doctype html><html><body style="height: 3000px;">
-            <div style="height: 750px; background: lightblue;">Section 1</div>
-            <div style="height: 750px; background: lightgreen;">Section 2</div>
-            <div style="height: 750px; background: lightyellow;">Section 3</div>
-            <div style="height: 750px; background: lightcoral;">Section 4</div>
-          </body></html>`));
-        // First scroll
-        await page.scroll(640, 400, 0, 200);
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));
-        const after1 = await page.evaluate(() => window.scrollY);
-        expect(after1).toBeGreaterThan(0);
-        // Second scroll
-        await page.scroll(640, 400, 0, 200);
-        await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));
-        const after2 = await page.evaluate(() => window.scrollY);
-        expect(after2).toBeGreaterThan(after1);
-    });
-});
-//# sourceMappingURL=page-scroll.spec.js.map

package/dist/esm/tests/integration/page-scroll.spec.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"page-scroll.spec.js","sourceRoot":"","sources":["../../../../tests/integration/page-scroll.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\n\ntest.describe(\"Page.scroll() - mouse wheel scrolling\", () => {\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(\"scrolls page vertically with positive deltaY\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body style=\"height: 2000px;\">\n <div style=\"height: 400px; background: lightblue;\">Section 1</div>\n <div style=\"height: 400px; background: lightgreen;\">Section 2</div>\n <div style=\"height: 400px; background: lightyellow;\">Section 3</div>\n <div style=\"height: 400px; background: lightcoral;\">Section 4</div>\n <div style=\"height: 400px; background: lightgray;\">Section 5</div>\n </body></html>`,\n ),\n );\n\n // Get initial scroll position\n let scrollY = await page.evaluate(() => window.scrollY);\n expect(scrollY).toBe(0);\n\n // Scroll down (positive deltaY)\n await page.scroll(640, 400, 0, 300);\n\n // Wait for scroll to complete\n await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));\n\n // Check that we've scrolled down\n scrollY = await page.evaluate(() => window.scrollY);\n expect(scrollY).toBeGreaterThan(0);\n });\n\n test(\"scrolls page horizontally with positive deltaX\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body style=\"width: 2000px; height: 600px;\">\n <div style=\"display: inline-block; width: 400px; height: 100%; background: lightblue;\">Section 1</div>\n <div style=\"display: inline-block; width: 400px; height: 100%; background: lightgreen;\">Section 2</div>\n <div style=\"display: inline-block; width: 400px; height: 100%; background: lightyellow;\">Section 3</div>\n <div style=\"display: inline-block; width: 400px; height: 100%; background: lightcoral;\">Section 4</div>\n <div style=\"display: inline-block; width: 400px; height: 100%; background: lightgray;\">Section 5</div>\n </body></html>`,\n ),\n );\n\n let scrollX = await page.evaluate(() => window.scrollX);\n expect(scrollX).toBe(0);\n\n // Scroll right (positive deltaX)\n await page.scroll(640, 400, 300, 0);\n\n // Wait for scroll to complete\n await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));\n\n // Check that we've scrolled right\n scrollX = await page.evaluate(() => window.scrollX);\n expect(scrollX).toBeGreaterThan(0);\n });\n\n test(\"scrolls in both directions simultaneously\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body style=\"width: 2000px; height: 2000px;\">\n <div style=\"width: 100%; height: 100%; background: linear-gradient(135deg, lightblue, lightcoral);\">\n Diagonal content\n </div>\n </body></html>`,\n ),\n );\n\n // Scroll both horizontally and vertically\n await page.scroll(640, 400, 200, 200);\n\n // Wait for scroll to complete\n await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));\n\n // Check both directions changed\n const scrollPos = await page.evaluate(() => ({\n x: window.scrollX,\n y: window.scrollY,\n }));\n\n expect(scrollPos.x).toBeGreaterThan(0);\n expect(scrollPos.y).toBeGreaterThan(0);\n });\n\n test(\"scrolls at specific coordinate on page\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body style=\"height: 2000px;\">\n <div id=\"marker\" style=\"position: fixed; top: 400px; left: 640px; width: 2px; height: 2px; background: red;\"></div>\n <div style=\"height: 500px; background: lightblue;\">Top</div>\n <div style=\"height: 500px; background: lightgreen;\">Middle</div>\n <div style=\"height: 500px; background: lightyellow;\">Bottom</div>\n </body></html>`,\n ),\n );\n\n // Scroll from specific coordinates\n await page.scroll(640, 400, 0, 400);\n\n // Wait for scroll to complete\n await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));\n\n // Verify scroll happened\n const scrollY = await page.evaluate(() => window.scrollY);\n expect(scrollY).toBeGreaterThan(0);\n });\n\n test(\"scrolls with large deltaY 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 style=\"height: 5000px;\">\n <div style=\"height: 1000px; background: lightblue;\">Section 1</div>\n <div style=\"height: 1000px; background: lightgreen;\">Section 2</div>\n <div style=\"height: 1000px; background: lightyellow;\">Section 3</div>\n <div style=\"height: 1000px; background: lightcoral;\">Section 4</div>\n <div style=\"height: 1000px; background: lightgray;\">Section 5</div>\n </body></html>`,\n ),\n );\n\n // Scroll with large delta\n await page.scroll(640, 400, 0, 1000);\n\n // Wait for scroll to complete\n await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));\n\n // Should scroll significantly\n const scrollY = await page.evaluate(() => window.scrollY);\n expect(scrollY).toBeGreaterThan(500);\n });\n\n test(\"negative deltaY scrolls up\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body style=\"height: 2000px;\">\n <div style=\"height: 500px; background: lightblue;\">Top</div>\n <div style=\"height: 500px; background: lightgreen;\">Middle 1</div>\n <div style=\"height: 500px; background: lightyellow;\">Middle 2</div>\n <div style=\"height: 500px; background: lightcoral;\">Bottom</div>\n </body></html>`,\n ),\n );\n\n // First scroll down\n await page.scroll(640, 400, 0, 500);\n await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));\n\n let scrollY = await page.evaluate(() => window.scrollY);\n const scrolledDown = scrollY;\n expect(scrolledDown).toBeGreaterThan(0);\n\n // Now scroll up (negative delta)\n await page.scroll(640, 400, 0, -300);\n await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));\n\n scrollY = await page.evaluate(() => window.scrollY);\n expect(scrollY).toBeLessThan(scrolledDown);\n });\n\n test(\"scroll returns xpath when requested\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body style=\"height: 2000px; margin: 0; padding: 0;\">\n <div id=\"target\" style=\"position: absolute; top: 0px; left: 400px; width: 300px; height: 100px; background: blue;\">\n Target element\n </div>\n <p style=\"position: absolute; top: 200px; left: 0px;\">Content below</p>\n </body></html>`,\n ),\n );\n\n // Scroll at coordinate (550, 50) which should be directly over the target div\n // div spans: left 400-700px, top 0-100px\n // coordinate 550,50 is within that range\n const xpath = await page.scroll(550, 50, 0, 200, { returnXpath: true });\n\n // Should return a non-empty xpath string for the element at that coordinate\n expect(typeof xpath).toBe(\"string\");\n expect(xpath.length).toBeGreaterThan(0);\n // Xpath should reference the div or contain \"target\"\n expect(xpath.toLowerCase()).toMatch(/div|target/);\n });\n\n test(\"scroll without returnXpath returns empty string\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body style=\"height: 2000px;\">\n <div style=\"height: 500px; background: lightblue;\">Content</div>\n </body></html>`,\n ),\n );\n\n // Scroll without returnXpath\n const result = await page.scroll(640, 400, 0, 200);\n\n // Should return empty string\n expect(result).toBe(\"\");\n });\n\n test(\"multiple sequential scrolls accumulate\", async () => {\n const page = v3.context.pages()[0];\n\n await page.goto(\n \"data:text/html,\" +\n encodeURIComponent(\n `<!doctype html><html><body style=\"height: 3000px;\">\n <div style=\"height: 750px; background: lightblue;\">Section 1</div>\n <div style=\"height: 750px; background: lightgreen;\">Section 2</div>\n <div style=\"height: 750px; background: lightyellow;\">Section 3</div>\n <div style=\"height: 750px; background: lightcoral;\">Section 4</div>\n </body></html>`,\n ),\n );\n\n // First scroll\n await page.scroll(640, 400, 0, 200);\n await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));\n\n const after1 = await page.evaluate(() => window.scrollY);\n expect(after1).toBeGreaterThan(0);\n\n // Second scroll\n await page.scroll(640, 400, 0, 200);\n await page.evaluate(() => new Promise((r) => setTimeout(r, 200)));\n\n const after2 = await page.evaluate(() => window.scrollY);\n\n expect(after2).toBeGreaterThan(after1);\n });\n});\n"]}

package/dist/esm/tests/integration/page-send-cdp.spec.d.ts DELETED Viewed

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

package/dist/esm/tests/integration/page-send-cdp.spec.js DELETED Viewed

@@ -1,45 +0,0 @@
-import { test, expect } from "@playwright/test";
-import { V3 } from "../../lib/v3/v3.js";
-import { v3TestConfig } from "./v3.config.js";
-test.describe("Page sendCDP method", () => {
-    let v3;
-    test.beforeEach(async () => {
-        v3 = new V3(v3TestConfig);
-        await v3.init();
-    });
-    test.afterEach(async () => {
-        await v3?.close?.().catch(() => { });
-    });
-    test("sends CDP commands and requires domain to be enabled first", async () => {
-        const page = v3.context.pages()[0];
-        await page.goto("https://example.com");
-        // Try to add a virtual authenticator without enabling WebAuthn first
-        // This should fail because the domain needs to be enabled
-        await expect(page.sendCDP("WebAuthn.addVirtualAuthenticator", {
-            options: {
-                protocol: "ctap2",
-                transport: "usb",
-                hasResidentKey: false,
-                hasUserVerification: false,
-                isUserVerified: false,
-            },
-        })).rejects.toThrow();
-        // Enable the WebAuthn domain
-        await page.sendCDP("WebAuthn.enable");
-        // Now adding a virtual authenticator should succeed
-        const result = await page.sendCDP("WebAuthn.addVirtualAuthenticator", {
-            options: {
-                protocol: "ctap2",
-                transport: "usb",
-                hasResidentKey: false,
-                hasUserVerification: false,
-                isUserVerified: false,
-            },
-        });
-        // Verify we got an authenticator ID back
-        expect(result).toHaveProperty("authenticatorId");
-        expect(typeof result.authenticatorId).toBe("string");
-        expect(result.authenticatorId.length).toBeGreaterThan(0);
-    });
-});
-//# sourceMappingURL=page-send-cdp.spec.js.map

package/dist/esm/tests/integration/page-send-cdp.spec.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"page-send-cdp.spec.js","sourceRoot":"","sources":["../../../../tests/integration/page-send-cdp.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACxC,IAAI,EAAM,CAAC;IAEX,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE;QACzB,EAAE,GAAG,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;QAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QACnC,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAEvC,qEAAqE;QACrE,0DAA0D;QAC1D,MAAM,MAAM,CACV,IAAI,CAAC,OAAO,CAAC,kCAAkC,EAAE;YAC/C,OAAO,EAAE;gBACP,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,KAAK;gBAChB,cAAc,EAAE,KAAK;gBACrB,mBAAmB,EAAE,KAAK;gBAC1B,cAAc,EAAE,KAAK;aACtB;SACF,CAAC,CACH,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAEpB,6BAA6B;QAC7B,MAAM,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEtC,oDAAoD;QACpD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAC/B,kCAAkC,EAClC;YACE,OAAO,EAAE;gBACP,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,KAAK;gBAChB,cAAc,EAAE,KAAK;gBACrB,mBAAmB,EAAE,KAAK;gBAC1B,cAAc,EAAE,KAAK;aACtB;SACF,CACF,CAAC;QAEF,yCAAyC;QACzC,MAAM,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QACjD,MAAM,CAAC,OAAO,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport { V3 } from \"../../lib/v3/v3.js\";\nimport { v3TestConfig } from \"./v3.config.js\";\n\ntest.describe(\"Page sendCDP 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(() => {});\n });\n\n test(\"sends CDP commands and requires domain to be enabled first\", async () => {\n const page = v3.context.pages()[0];\n await page.goto(\"https://example.com\");\n\n // Try to add a virtual authenticator without enabling WebAuthn first\n // This should fail because the domain needs to be enabled\n await expect(\n page.sendCDP(\"WebAuthn.addVirtualAuthenticator\", {\n options: {\n protocol: \"ctap2\",\n transport: \"usb\",\n hasResidentKey: false,\n hasUserVerification: false,\n isUserVerified: false,\n },\n }),\n ).rejects.toThrow();\n\n // Enable the WebAuthn domain\n await page.sendCDP(\"WebAuthn.enable\");\n\n // Now adding a virtual authenticator should succeed\n const result = await page.sendCDP<{ authenticatorId: string }>(\n \"WebAuthn.addVirtualAuthenticator\",\n {\n options: {\n protocol: \"ctap2\",\n transport: \"usb\",\n hasResidentKey: false,\n hasUserVerification: false,\n isUserVerified: false,\n },\n },\n );\n\n // Verify we got an authenticator ID back\n expect(result).toHaveProperty(\"authenticatorId\");\n expect(typeof result.authenticatorId).toBe(\"string\");\n expect(result.authenticatorId.length).toBeGreaterThan(0);\n });\n});\n"]}

package/dist/esm/tests/integration/perform-understudy-method.spec.d.ts DELETED Viewed

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