@prosopo/procaptcha-react 2.9.97 → 2.9.98

package/dist/tests/modal.unit.test.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { afterEach, beforeEach, describe, expect, test } from "vitest";
+import Modal from "../components/Modal.js";
+import { mount } from "./render.js";
+let mounted;
+const render = (show, children = _jsx("p", { children: "challenge" })) => {
+    mounted.render(_jsx(Modal, { show: show, children: children }));
+};
+const outer = () => {
+    const element = document.querySelector(".prosopo-modalOuter");
+    if (!element)
+        throw new Error("expected the modal to be rendered");
+    return element;
+};
+beforeEach(() => {
+    mounted = mount();
+});
+afterEach(() => {
+    mounted.unmount();
+});
+describe("where the modal renders", () => {
+    test("attaches itself to the document body, not to the widget", () => {
+        render(true);
+        expect(outer().parentElement).toBe(document.body);
+        expect(mounted.container.querySelector(".prosopo-modalOuter")).toBeNull();
+    });
+    test("renders its children inside the inner panel", () => {
+        render(true);
+        const inner = outer().querySelector(".prosopo-modalInner");
+        expect(inner?.textContent).toBe("challenge");
+    });
+    test("renders an empty panel when there is nothing to show", () => {
+        render(true, null);
+        expect(outer().querySelector(".prosopo-modalInner")?.textContent).toBe("");
+    });
+    test("is removed from the body when the widget unmounts", () => {
+        render(true);
+        mounted.unmount();
+        expect(document.querySelector(".prosopo-modalOuter")).toBeNull();
+        mounted = mount();
+    });
+});
+describe("showing and hiding", () => {
+    test("a shown modal lays its contents out", () => {
+        render(true);
+        expect(outer().style.display).toBe("flex");
+    });
+    test("a hidden modal stays in the DOM but is not displayed", () => {
+        render(false);
+        expect(outer().style.display).toBe("none");
+        expect(outer().textContent).toBe("challenge");
+    });
+    test("toggling show flips the display without remounting", () => {
+        render(false);
+        const before = outer();
+        render(true);
+        expect(outer()).toBe(before);
+        expect(outer().style.display).toBe("flex");
+    });
+});
+describe("stacking", () => {
+    test("sits above everything a host page is likely to stack", () => {
+        render(true);
+        expect(outer().style.zIndex).toBe("2147483646");
+    });
+    test("covers the viewport so the page behind cannot be clicked", () => {
+        render(true);
+        expect(outer().style.position).toBe("fixed");
+        expect(outer().style.minHeight).toBe("100vh");
+    });
+});
+//# sourceMappingURL=modal.unit.test.js.map

package/dist/tests/modal.unit.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.unit.test.js","sourceRoot":"","sources":["../../src/tests/modal.unit.test.tsx"],"names":[],"mappings":"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"}

package/dist/tests/procaptcha.unit.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=procaptcha.unit.test.d.ts.map

package/dist/tests/procaptcha.unit.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptcha.unit.test.d.ts","sourceRoot":"","sources":["../../src/tests/procaptcha.unit.test.tsx"],"names":[],"mappings":""}

package/dist/tests/procaptcha.unit.test.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { act } from "react";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import Procaptcha from "../components/Procaptcha.js";
+import { config } from "./harness.js";
+import { mount } from "./render.js";
+const seen = [];
+vi.mock("../components/ProcaptchaWidget.js", () => ({
+    default: (props) => {
+        seen.push(props);
+        return _jsx("div", { "data-cy": "widget-stub", children: "widget" });
+    },
+}));
+let mounted;
+const props = (overrides = {}) => ({
+    config: config(),
+    callbacks: {},
+    i18n: undefined,
+    ...overrides,
+});
+const settle = async () => {
+    await act(async () => {
+        await Promise.resolve();
+    });
+};
+beforeEach(() => {
+    seen.length = 0;
+    mounted = mount();
+});
+afterEach(() => {
+    mounted.unmount();
+});
+describe("the lazy boundary", () => {
+    test("renders the widget once the chunk arrives", async () => {
+        mounted.render(_jsx(Procaptcha, { ...props() }));
+        await settle();
+        expect(mounted.container.querySelector('[data-cy="widget-stub"]')).not.toBeNull();
+    });
+    test("hands the widget every prop it was given", async () => {
+        const callbacks = { onHuman: vi.fn() };
+        const given = props({ callbacks, autoStart: true });
+        mounted.render(_jsx(Procaptcha, { ...given }));
+        await settle();
+        expect(seen[0]).toMatchObject({
+            callbacks,
+            autoStart: true,
+            config: given.config,
+        });
+    });
+    test("does not add props of its own", async () => {
+        const given = props();
+        mounted.render(_jsx(Procaptcha, { ...given }));
+        await settle();
+        expect(Object.keys(seen[0] ?? {}).sort()).toEqual(Object.keys(given).sort());
+    });
+});
+//# sourceMappingURL=procaptcha.unit.test.js.map

package/dist/tests/procaptcha.unit.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptcha.unit.test.js","sourceRoot":"","sources":["../../src/tests/procaptcha.unit.test.tsx"],"names":[],"mappings":"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"}

package/dist/tests/procaptchaReact.test-d.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=procaptchaReact.test-d.d.ts.map

package/dist/tests/procaptchaReact.test-d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaReact.test-d.d.ts","sourceRoot":"","sources":["../../src/tests/procaptchaReact.test-d.ts"],"names":[],"mappings":""}

package/dist/tests/procaptchaReact.test-d.js

@@ -0,0 +1,72 @@
+import { assertType, describe, expectTypeOf, test } from "vitest";
+import Procaptcha from "../components/Procaptcha.js";
+import addDataAttr from "../util/index.js";
+describe("the package's public surface", () => {
+    test("Procaptcha takes exactly the shared props type", () => {
+        expectTypeOf(Procaptcha).parameter(0).toEqualTypeOf();
+    });
+    test("Procaptcha renders an element rather than a fragment or void", () => {
+        expectTypeOf(Procaptcha).returns.toMatchTypeOf();
+    });
+});
+describe("CaptchaWidget's props", () => {
+    test("takes a single captcha, not the whole challenge", () => {
+        expectTypeOf().toEqualTypeOf();
+    });
+    test("reports a selection as a hash and a pair of coordinates", () => {
+        expectTypeOf().toEqualTypeOf();
+    });
+    test("accepts only the two themes the palette defines", () => {
+        expectTypeOf().toEqualTypeOf();
+    });
+    test("rejects a theme name the palette does not have", () => {
+        assertType("blue");
+    });
+    test("holds the solution as hash-plus-coordinates triples", () => {
+        expectTypeOf().toEqualTypeOf();
+    });
+    test("cannot be rendered without a solution to display", () => {
+        assertType({
+            challenge: {},
+            solution: [],
+            onClick: () => undefined,
+            themeColor: "light",
+        });
+        assertType({
+            challenge: {},
+            onClick: () => undefined,
+            themeColor: "light",
+        });
+    });
+});
+describe("CaptchaComponent's props", () => {
+    test("takes the round to render as a number", () => {
+        expectTypeOf().toEqualTypeOf();
+    });
+    test("takes one solution list per round", () => {
+        expectTypeOf().toEqualTypeOf();
+    });
+    test("lets a click be reported without coordinates", () => {
+        expectTypeOf().toEqualTypeOf();
+    });
+    test("takes callbacks that report nothing back", () => {
+        expectTypeOf().toEqualTypeOf();
+        expectTypeOf().toEqualTypeOf();
+        expectTypeOf().toEqualTypeOf();
+        expectTypeOf().toEqualTypeOf();
+    });
+});
+describe("addDataAttr", () => {
+    test("returns an object of attributes, not the input", () => {
+        expectTypeOf(addDataAttr({ general: { cy: "x" } })).toBeObject();
+    });
+    test("takes both groups as optional", () => {
+        assertType(addDataAttr({}));
+        assertType(addDataAttr({ general: { cy: "x" } }));
+        assertType(addDataAttr({ dev: { cy: "x" } }));
+    });
+    test("rejects attribute values that are not strings", () => {
+        assertType(addDataAttr({ general: { cy: 1 } }));
+    });
+});
+//# sourceMappingURL=procaptchaReact.test-d.js.map

package/dist/tests/procaptchaReact.test-d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaReact.test-d.js","sourceRoot":"","sources":["../../src/tests/procaptchaReact.test-d.ts"],"names":[],"mappings":"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"}

package/dist/tests/procaptchaWidget.unit.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=procaptchaWidget.unit.test.d.ts.map

package/dist/tests/procaptchaWidget.unit.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaWidget.unit.test.d.ts","sourceRoot":"","sources":["../../src/tests/procaptchaWidget.unit.test.tsx"],"names":[],"mappings":""}

package/dist/tests/procaptchaWidget.unit.test.js

@@ -0,0 +1,403 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { ModeEnum, } from "@prosopo/types";
+import { act } from "react";
+import { afterEach, beforeEach, describe, expect, test, vi, vitest, } from "vitest";
+import ProcaptchaWidget from "../components/ProcaptchaWidget.js";
+import { challengeResponse, config, frictionless } from "./harness.js";
+import { fire, mount } from "./render.js";
+const start = vi.fn(() => Promise.resolve());
+const cancel = vi.fn();
+const submit = vi.fn(() => Promise.resolve());
+const select = vi.fn();
+const nextRound = vi.fn();
+const reload = vi.fn(() => Promise.resolve());
+let update;
+let readHoneypot;
+const managerArgs = [];
+vi.mock("@prosopo/procaptcha", () => ({
+    Manager: (...args) => {
+        managerArgs.push(args);
+        update = args[2];
+        readHoneypot = args[5];
+        return { start, cancel, submit, select, nextRound, reload };
+    },
+}));
+const changeLanguage = vi.fn(() => Promise.resolve());
+const loadI18next = vi.fn(() => Promise.resolve());
+vi.mock("@prosopo/locale", async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useTranslation: () => ({ t: (key) => key, ready: true }),
+        loadI18next: (sync, language) => loadI18next(sync, language),
+    };
+});
+let mounted;
+const i18n = (language) => ({ language, changeLanguage });
+const render = (overrides = {}) => {
+    mounted.render(_jsx(ProcaptchaWidget, { config: config(), callbacks: {}, i18n: undefined, ...overrides }));
+};
+const openChallenge = () => ({
+    challenge: challengeResponse(),
+    solutions: [[]],
+});
+const setState = (next) => {
+    act(() => {
+        update?.(next);
+    });
+};
+const checkbox = () => {
+    const element = mounted.container.querySelector('[data-cy="captcha-checkbox"]');
+    if (!element)
+        throw new Error("expected the checkbox to be rendered");
+    return element;
+};
+const modalText = () => document.querySelector(".prosopo-modalOuter")?.textContent ?? "";
+const flush = async () => {
+    await act(async () => {
+        await Promise.resolve();
+    });
+};
+beforeEach(() => {
+    vi.clearAllMocks();
+    managerArgs.length = 0;
+    update = undefined;
+    readHoneypot = undefined;
+    start.mockImplementation(() => Promise.resolve());
+    mounted = mount();
+});
+afterEach(() => {
+    mounted.unmount();
+    vi.useRealTimers();
+});
+describe("what the user sees at rest", () => {
+    test("shows the checkbox for a visible widget", () => {
+        render();
+        expect(checkbox()).toBeDefined();
+    });
+    test("labels the checkbox with the translated prompt", () => {
+        render();
+        expect(checkbox().getAttribute("aria-label")).toBe("WIDGET.I_AM_HUMAN");
+    });
+    test("keeps the modal closed until there is something to show", () => {
+        render();
+        const outer = document.querySelector(".prosopo-modalOuter");
+        expect(outer?.style.display).toBe("none");
+    });
+    test("says so when the modal opens with no challenge", () => {
+        render();
+        setState({ showModal: true });
+        expect(modalText()).toContain("No challenge set.");
+    });
+    test("shows no honeypot unless the provider asked for one", () => {
+        render();
+        expect(document.querySelector("input[type='text']")).toBeNull();
+    });
+    test("warns when configured with a reserved test site key", () => {
+        render({ config: config({ account: { address: "0" } }) });
+        expect(mounted.container.querySelector('[data-cy="test-mode-banner"]')).toBeDefined();
+    });
+});
+describe("invisible mode", () => {
+    const invisible = () => ({
+        config: config({ mode: ModeEnum.invisible }),
+    });
+    test("renders no checkbox for the user to click", () => {
+        render(invisible());
+        expect(mounted.container.querySelector('[data-cy="captcha-checkbox"]')).toBeNull();
+    });
+    test("renders no widget chrome at all", () => {
+        render(invisible());
+        expect(mounted.container.querySelector(".image-captcha")).toBeNull();
+    });
+    test("stays silent rather than announcing a missing challenge", () => {
+        render(invisible());
+        setState({ showModal: true });
+        expect(modalText()).toBe("");
+    });
+    test("still shows the challenge when one arrives", () => {
+        render(invisible());
+        setState({ showModal: true, ...openChallenge() });
+        expect(modalText()).toContain("WIDGET.SELECT_ALL");
+    });
+});
+describe("the honeypot", () => {
+    test("is rendered when the frictionless flow supplies a question", () => {
+        render({ frictionlessState: frictionless({ hp: btoa("dit dah") }) });
+        expect(document.body.textContent).toContain("dit dah");
+    });
+    test("gives the manager a way to read whatever a bot typed", () => {
+        render({ frictionlessState: frictionless({ hp: btoa("dit dah") }) });
+        const input = document.querySelector("input:not([data-cy='captcha-checkbox'])");
+        if (!input)
+            throw new Error("expected the honeypot input");
+        input.value = "answered";
+        expect(readHoneypot?.()).toBe("answered");
+    });
+    test("reads as undefined while the honeypot is untouched", () => {
+        render({ frictionlessState: frictionless({ hp: btoa("dit dah") }) });
+        expect(readHoneypot?.()).toBeUndefined();
+    });
+    test("reads as undefined when there is no honeypot at all", () => {
+        render();
+        expect(readHoneypot?.()).toBeUndefined();
+    });
+});
+describe("clicking the checkbox", () => {
+    test("starts the challenge where the user clicked", () => {
+        render();
+        fire(checkbox(), "click", { clientX: 11, clientY: 22 });
+        expect(start).toHaveBeenCalledWith(11, 22);
+    });
+    test("ignores a synthetic click", () => {
+        render();
+        fire(checkbox(), "click", { trusted: false });
+        expect(start).not.toHaveBeenCalled();
+    });
+    test("only starts once while a start is still in flight", () => {
+        let finish;
+        start.mockImplementation(() => new Promise((resolve) => {
+            finish = resolve;
+        }));
+        render();
+        fire(checkbox(), "click", { clientX: 1, clientY: 1 });
+        expect(mounted.container.querySelector('[aria-label="Loading spinner"]')).not.toBeNull();
+        expect(start).toHaveBeenCalledTimes(1);
+        finish?.();
+    });
+    test("shows the checkbox again once the start resolves", async () => {
+        render();
+        fire(checkbox(), "click");
+        await flush();
+        expect(checkbox()).toBeDefined();
+    });
+    test("shows the checkbox again when the start fails", async () => {
+        start.mockImplementation(() => Promise.reject(new Error("network down")));
+        render();
+        fire(checkbox(), "click");
+        await flush();
+        expect(mounted.container.querySelector('[aria-label="Loading spinner"]')).toBeNull();
+    });
+    test("reflects a verified user as a ticked box", () => {
+        render();
+        setState({ isHuman: true });
+        expect(checkbox().checked).toBe(true);
+    });
+});
+describe("the challenge", () => {
+    const withChallenge = () => {
+        render();
+        setState({ showModal: true, ...openChallenge() });
+    };
+    test("wires the grid to the manager's select", () => {
+        withChallenge();
+        const image = document.querySelector(".prosopo-modalOuter img");
+        if (!image)
+            throw new Error("expected a captcha image");
+        fire(image, "click", { clientX: 3, clientY: 4 });
+        expect(select).toHaveBeenCalledWith("hash-1", 3, 4);
+    });
+    test("wires cancel to the manager", () => {
+        withChallenge();
+        const cancelButton = document.querySelector('.prosopo-modalOuter button[aria-label="WIDGET.CANCEL"]');
+        if (!cancelButton)
+            throw new Error("expected a cancel button");
+        fire(cancelButton, "click");
+        expect(cancel).toHaveBeenCalledTimes(1);
+    });
+    test("wires submit to the manager on the last round", () => {
+        withChallenge();
+        const submitButton = document.querySelector('.prosopo-modalOuter button[aria-label="WIDGET.SUBMIT"]');
+        if (!submitButton)
+            throw new Error("expected a submit button");
+        fire(submitButton, "click");
+        expect(submit).toHaveBeenCalledTimes(1);
+    });
+});
+describe("recovering from an error", () => {
+    test("stops the spinner so the user can try again", () => {
+        render();
+        fire(checkbox(), "click");
+        setState({ error: { message: "boom", key: "CAPTCHA.UNKNOWN" } });
+        expect(mounted.container.querySelector('[aria-label="Loading spinner"]')).toBeNull();
+    });
+    test("shows the error text against the checkbox", () => {
+        render();
+        setState({ error: { message: "boom", key: "CAPTCHA.UNKNOWN" } });
+        expect(mounted.container.textContent).toContain("boom");
+    });
+    test("asks the host to re-mint an invalidated session", () => {
+        const onSessionInvalidated = vi.fn();
+        render({ onSessionInvalidated });
+        fire(checkbox(), "click", { clientX: 7, clientY: 8 });
+        setState({
+            error: { message: "gone", key: "CAPTCHA.NO_SESSION_FOUND" },
+        });
+        expect(onSessionInvalidated).toHaveBeenCalledWith(7, 8);
+    });
+    test("asks only once, however often the error re-renders", () => {
+        const onSessionInvalidated = vi.fn();
+        render({ onSessionInvalidated });
+        setState({ error: { message: "gone", key: "CAPTCHA.NO_SESSION_FOUND" } });
+        setState({
+            error: { message: "gone again", key: "CAPTCHA.NO_SESSION_FOUND" },
+        });
+        expect(onSessionInvalidated).toHaveBeenCalledTimes(1);
+    });
+    test("reports no coordinates when the user never clicked", () => {
+        const onSessionInvalidated = vi.fn();
+        render({ onSessionInvalidated });
+        setState({ error: { message: "gone", key: "CAPTCHA.NO_SESSION_FOUND" } });
+        expect(onSessionInvalidated).toHaveBeenCalledWith(undefined, undefined);
+    });
+    test("falls back to restarting the frictionless flow", () => {
+        vi.useFakeTimers();
+        const restart = vi.fn();
+        render({ frictionlessState: frictionless({ restart }) });
+        setState({ error: { message: "gone", key: "CAPTCHA.NO_SESSION_FOUND" } });
+        expect(restart).not.toHaveBeenCalled();
+        act(() => {
+            vi.advanceTimersByTime(100);
+        });
+        expect(restart).toHaveBeenCalledTimes(1);
+    });
+    test("leaves an ordinary error to the host, restarting nothing", () => {
+        vi.useFakeTimers();
+        const restart = vi.fn();
+        render({ frictionlessState: frictionless({ restart }) });
+        setState({ error: { message: "boom", key: "CAPTCHA.UNKNOWN" } });
+        act(() => {
+            vi.advanceTimersByTime(1000);
+        });
+        expect(restart).not.toHaveBeenCalled();
+    });
+});
+describe("starting without a click", () => {
+    test("does nothing on mount by default", () => {
+        render();
+        expect(start).not.toHaveBeenCalled();
+    });
+    test("starts on mount when the host asked it to", () => {
+        render({ autoStart: true });
+        expect(start).toHaveBeenCalledWith(0, 0);
+    });
+    test("resumes at the coordinates the user already clicked", () => {
+        render({ autoStart: true, startCoords: { x: 5, y: 6 } });
+        expect(start).toHaveBeenCalledWith(5, 6);
+    });
+    test("remembers those coordinates for a session re-mint", () => {
+        const onSessionInvalidated = vi.fn();
+        render({
+            autoStart: true,
+            startCoords: { x: 5, y: 6 },
+            onSessionInvalidated,
+        });
+        setState({ error: { message: "gone", key: "CAPTCHA.NO_SESSION_FOUND" } });
+        expect(onSessionInvalidated).toHaveBeenCalledWith(5, 6);
+    });
+    test("clears the spinner when an auto start fails", async () => {
+        start.mockImplementation(() => Promise.reject(new Error("network down")));
+        render({ autoStart: true });
+        await flush();
+        expect(mounted.container.querySelector('[aria-label="Loading spinner"]')).toBeNull();
+    });
+});
+describe("the execute event", () => {
+    const execute = () => {
+        act(() => {
+            document.dispatchEvent(new Event("procaptcha:execute"));
+        });
+    };
+    test("opens the modal", () => {
+        render();
+        execute();
+        expect(document.querySelector(".prosopo-modalOuter")?.style.display).toBe("flex");
+    });
+    test("fetches a challenge when there is none", () => {
+        render();
+        execute();
+        expect(start).toHaveBeenCalledTimes(1);
+    });
+    test("does not re-fetch when a challenge is already open", () => {
+        render();
+        setState(openChallenge());
+        execute();
+        expect(start).not.toHaveBeenCalled();
+    });
+    test("survives a manager that throws on start", () => {
+        start.mockImplementation(() => {
+            throw new Error("no provider");
+        });
+        const consoleError = vi
+            .spyOn(console, "error")
+            .mockImplementation(() => undefined);
+        render();
+        expect(() => execute()).not.toThrow();
+        expect(consoleError).toHaveBeenCalled();
+        consoleError.mockRestore();
+    });
+    test("stops listening once the widget is gone", () => {
+        render();
+        mounted.unmount();
+        document.dispatchEvent(new Event("procaptcha:execute"));
+        expect(start).not.toHaveBeenCalled();
+        mounted = mount();
+    });
+});
+describe("language", () => {
+    test("leaves i18n alone when the site pins no language", () => {
+        render();
+        expect(loadI18next).not.toHaveBeenCalled();
+        expect(changeLanguage).not.toHaveBeenCalled();
+    });
+    test("switches a supplied i18n instance to the configured language", () => {
+        render({ config: config({ language: "fr" }), i18n: i18n("en") });
+        expect(changeLanguage).toHaveBeenCalledWith("fr");
+    });
+    test("leaves a matching i18n instance alone", () => {
+        render({ config: config({ language: "fr" }), i18n: i18n("fr") });
+        expect(changeLanguage).not.toHaveBeenCalled();
+    });
+    test("boots i18n itself for a direct React consumer", () => {
+        render({ config: config({ language: "de" }) });
+        expect(loadI18next).toHaveBeenCalledWith(false, "de");
+    });
+});
+describe("theming", () => {
+    test("passes the manager the parsed config, not the raw props", () => {
+        render({ config: config({ theme: "dark" }) });
+        expect(managerArgs[0]?.[0].theme).toBe("dark");
+    });
+    test("defaults an unthemed widget to the light palette", () => {
+        render();
+        setState({ showModal: true, ...openChallenge() });
+        const panel = document.querySelector(".prosopo-modalInner > div");
+        expect(panel?.style.backgroundColor).toBe("rgb(255, 255, 255)");
+    });
+});
+describe("the manager itself", () => {
+    test("is built once, so the click coordinates survive a re-render", () => {
+        render();
+        const first = managerArgs.length;
+        setState({ isHuman: true });
+        expect(vitest.isMockFunction(start)).toBe(true);
+        expect(managerArgs.length).toBeGreaterThanOrEqual(first);
+        fire(checkbox(), "click", { clientX: 9, clientY: 9 });
+        expect(start).toHaveBeenCalledWith(9, 9);
+    });
+    test("is given the frictionless state so it can reuse the session", () => {
+        const frictionlessState = frictionless();
+        render({ frictionlessState });
+        expect(managerArgs[0]?.[4]).toBe(frictionlessState);
+    });
+    test("is given the host's callbacks", () => {
+        const callbacks = { onHuman: vi.fn() };
+        render({ callbacks });
+        expect(managerArgs[0]?.[3]).toBe(callbacks);
+    });
+    test("is given an empty callback set when the host passes none", () => {
+        render({ callbacks: undefined });
+        expect(managerArgs[0]?.[3]).toEqual({});
+    });
+});
+//# sourceMappingURL=procaptchaWidget.unit.test.js.map