@prosopo/procaptcha-pow 2.12.7 → 2.13.1

package/dist/tests/domHarness.js

@@ -0,0 +1,56 @@
+export const mount = () => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    return {
+        container,
+        unmount: () => {
+            container.remove();
+        },
+    };
+};
+const setTrusted = (event, trusted) => {
+    for (const symbol of Object.getOwnPropertySymbols(event)) {
+        const impl = Reflect.get(event, symbol);
+        if (impl && typeof impl === "object" && "isTrusted" in impl) {
+            Object.defineProperty(impl, "isTrusted", {
+                configurable: true,
+                get: () => trusted,
+                set: () => undefined,
+            });
+            return;
+        }
+    }
+    throw new Error("could not reach the jsdom event implementation");
+};
+const build = (type, options) => {
+    if (undefined !== options.key) {
+        return new KeyboardEvent(type, {
+            bubbles: true,
+            cancelable: true,
+            key: options.key,
+        });
+    }
+    return new MouseEvent(type, {
+        bubbles: true,
+        cancelable: true,
+        clientX: options.clientX ?? 0,
+        clientY: options.clientY ?? 0,
+    });
+};
+export const fire = (element, type, options = {}) => {
+    fireAndReturn(element, type, options);
+};
+export const fireAndReturn = (element, type, options = {}) => {
+    const event = build(type, options);
+    setTrusted(event, options.trusted ?? true);
+    if (options.touches) {
+        Object.defineProperty(event, "touches", { value: options.touches });
+    }
+    element.dispatchEvent(event);
+    return event;
+};
+export const settle = async () => {
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    await Promise.resolve();
+};
+//# sourceMappingURL=domHarness.js.map

package/dist/tests/domHarness.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domHarness.js","sourceRoot":"","sources":["../../src/tests/domHarness.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAC,MAAM,KAAK,GAAG,GAAY,EAAE;IAClC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,OAAO;QACN,SAAS;QACT,OAAO,EAAE,GAAG,EAAE;YACb,SAAS,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;KACD,CAAC;AACH,CAAC,CAAC;AAgBF,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,OAAgB,EAAQ,EAAE;IAC3D,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1D,MAAM,IAAI,GAAY,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACjD,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YAI7D,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE;gBACxC,YAAY,EAAE,IAAI;gBAClB,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO;gBAClB,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS;aACpB,CAAC,CAAC;YACH,OAAO;QACR,CAAC;IACF,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,OAAoB,EAAS,EAAE;IAC3D,IAAI,SAAS,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC;QAC/B,OAAO,IAAI,aAAa,CAAC,IAAI,EAAE;YAC9B,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,GAAG,EAAE,OAAO,CAAC,GAAG;SAChB,CAAC,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,UAAU,CAAC,IAAI,EAAE;QAC3B,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC;QAC7B,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC;KAC7B,CAAC,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,IAAI,GAAG,CACnB,OAAgB,EAChB,IAAY,EACZ,UAAuB,EAAE,EAClB,EAAE;IACT,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AACvC,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,OAAgB,EAChB,IAAY,EACZ,UAAuB,EAAE,EACjB,EAAE;IACV,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;IAC3C,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrB,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IACrE,CAAC;IACD,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,IAAmB,EAAE;IAG/C,MAAM,IAAI,OAAO,CAAO,CAAC,OAAmB,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACzE,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;AACzB,CAAC,CAAC"}

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

@@ -1,22 +1,27 @@
-import { act, createElement } from "react";
-import { createRoot } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
 import * as entrypoint from "../index.js";
+import { mount, settle } from "./domHarness.js";
 import { config } from "./managerHarness.js";
 const mocks = vi.hoisted(() => ({
     received: [],
+    destroyed: { count: 0 },
 }));
-vi.mock("../components/ProcaptchaWidget.js", async () => {
-    const { createElement } = await import("react");
-    return {
-        default: (props) => {
-            mocks.received.push(props);
-            return createElement("div", { "data-testid": "widget" });
-        },
-    };
-});
-let container;
-let root;
+vi.mock("../components/procaptchaWidget.js", () => ({
+    mountProcaptchaPowWidget: (container, props) => {
+        mocks.received.push(props);
+        const element = document.createElement("div");
+        element.setAttribute("data-testid", "widget");
+        container.appendChild(element);
+        return {
+            destroy: () => {
+                element.remove();
+                mocks.destroyed.count += 1;
+            },
+        };
+    },
+}));
+let mounted;
+let widget;
 const props = (overrides = {}) => ({
     config: config(),
     callbacks: {},
@@ -24,28 +29,24 @@ const props = (overrides = {}) => ({
     ...overrides,
 });
 const render = async (widgetProps) => {
-    await act(async () => {
-        root.render(createElement(entrypoint.ProcaptchaPow, widgetProps));
-    });
+    widget = entrypoint.mountProcaptchaPow(mounted.container, widgetProps);
+    await settle();
 };
 beforeEach(() => {
     mocks.received.length = 0;
-    container = document.createElement("div");
-    document.body.appendChild(container);
-    act(() => {
-        root = createRoot(container);
-    });
+    mocks.destroyed.count = 0;
+    widget = undefined;
+    mounted = mount();
 });
 afterEach(() => {
-    act(() => {
-        root.unmount();
-    });
-    container.remove();
+    widget?.destroy();
+    widget = undefined;
+    mounted.unmount();
 });
-describe("ProcaptchaPow", () => {
+describe("mountProcaptchaPow", () => {
     test("renders the widget once it has loaded", async () => {
         await render(props());
-        expect(container.querySelector('[data-testid="widget"]')).not.toBeNull();
+        expect(mounted.container.querySelector('[data-testid="widget"]')).not.toBeNull();
     });
     test("passes on the props the widget needs but never names", async () => {
         const onEscalate = vi.fn();
@@ -69,11 +70,26 @@ describe("ProcaptchaPow", () => {
         expect(mocks.received[0]?.callbacks).toBe(callbacks);
         expect(mocks.received[0]?.config).toEqual(config());
     });
+    test("tears the loaded widget down", async () => {
+        await render(props());
+        widget?.destroy();
+        widget = undefined;
+        expect(mocks.destroyed.count).toBe(1);
+        expect(mounted.container.querySelector('[data-testid="widget"]')).toBeNull();
+    });
+    test("cancels a mount that is still loading", async () => {
+        widget = entrypoint.mountProcaptchaPow(mounted.container, props());
+        widget.destroy();
+        widget = undefined;
+        await settle();
+        expect(mocks.received).toHaveLength(0);
+    });
 });
 describe("the package entrypoint", () => {
-    test("exports the widget a consumer mounts, and nothing else", () => {
-        expect(typeof entrypoint.ProcaptchaPow).toBe("function");
-        expect(Object.keys(entrypoint)).toEqual(["ProcaptchaPow"]);
+    test("exports the mount functions a consumer needs", () => {
+        expect(typeof entrypoint.mountProcaptchaPow).toBe("function");
+        expect(typeof entrypoint.loadProcaptchaPow).toBe("function");
+        expect(typeof entrypoint.mountProcaptchaPowWidget).toBe("function");
     });
 });
 //# sourceMappingURL=procaptchaPoW.unit.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"procaptchaPoW.unit.test.js","sourceRoot":"","sources":["../../src/tests/procaptchaPoW.unit.test.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAqB,GAAG,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAa,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC3E,OAAO,KAAK,UAAU,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAO7C,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/B,QAAQ,EAAE,EAAuB;CACjC,CAAC,CAAC,CAAC;AAEJ,EAAE,CAAC,IAAI,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO;QACN,OAAO,EAAE,CAAC,KAAsB,EAAE,EAAE;YACnC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3B,OAAO,aAAa,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC1D,CAAC;KACD,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,IAAI,SAAyB,CAAC;AAC9B,IAAI,IAAU,CAAC;AAEf,MAAM,KAAK,GAAG,CAAC,YAAsC,EAAE,EAAmB,EAAE,CAAC,CAAC;IAC7E,MAAM,EAAE,MAAM,EAAE;IAChB,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,SAA6B;IACnC,GAAG,SAAS;CACZ,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,KAAK,EAAE,WAA4B,EAAiB,EAAE;IACpE,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;QACpB,IAAI,CAAC,MAAM,CACV,aAAa,CAAC,UAAU,CAAC,aAAa,EAAE,WAAW,CAAiB,CACpE,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,GAAG,EAAE;IACf,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1B,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,GAAG,CAAC,GAAG,EAAE;QACR,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,GAAG,EAAE;IACd,GAAG,CAAC,GAAG,EAAE;QACR,IAAI,CAAC,OAAO,EAAE,CAAC;IAChB,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,MAAM,EAAE,CAAC;AACpB,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,IAAI,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QACtB,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QAIvE,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3B,MAAM,oBAAoB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,MAAM,CACX,KAAK,CAAC;YACL,UAAU;YACV,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YAC3B,oBAAoB;SACpB,CAAC,CACF,CAAC;QACF,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;YACvC,UAAU;YACV,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YAC3B,oBAAoB;SACpB,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,SAAS,GAAG,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,EAA2B,EAAE,CAAC;QAChE,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACrD,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACvC,IAAI,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAInE,MAAM,CAAC,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"procaptchaPoW.unit.test.js","sourceRoot":"","sources":["../../src/tests/procaptchaPoW.unit.test.ts"],"names":[],"mappings":"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"}

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

@@ -1,14 +1,14 @@
 import { assertType, describe, expectTypeOf, test } from "vitest";
-import { ProcaptchaPow } from "../index.js";
+import { mountProcaptchaPow } from "../index.js";
 import { Manager } from "../services/Manager.js";
 import { config, frictionless, state } from "./managerHarness.js";
 const i18n = () => undefined;
 describe("the package entrypoint's types", () => {
-    test("ProcaptchaPow takes the shared widget props and renders an element", () => {
-        expectTypeOf(ProcaptchaPow).parameters.toEqualTypeOf();
-        expectTypeOf(ProcaptchaPow).returns.toExtend();
+    test("mountProcaptchaPow takes a host element and the shared widget props", () => {
+        expectTypeOf(mountProcaptchaPow).parameters.toEqualTypeOf();
+        expectTypeOf(mountProcaptchaPow).returns.toExtend();
     });
-    test("the inner widget's default export is not re-exported", () => {
+    test("the entrypoint exposes the lazy wrapper and the widget itself", () => {
         expectTypeOf().toEqualTypeOf();
     });
     test("config, callbacks and i18n are all required", () => {

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

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

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

@@ -1,16 +1,13 @@
 import { ModeEnum, } from "@prosopo/types";
-import { act, createElement } from "react";
-import { createRoot } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, test, vi, } from "vitest";
-import Procaptcha from "../components/ProcaptchaWidget.js";
+import { mountProcaptchaPowWidget, } from "../components/procaptchaWidget.js";
+import { fire, mount, settle } from "./domHarness.js";
 import { config, frictionless } from "./managerHarness.js";
 const mocks = vi.hoisted(() => {
     const start = vi.fn();
     const resetState = vi.fn();
     const constructions = [];
     const loadI18next = vi.fn();
-    const checkboxProps = { current: undefined };
-    const honeypotQuestions = [];
     const translationsReady = { current: true };
     return {
         translationsReady,
@@ -18,8 +15,6 @@ const mocks = vi.hoisted(() => {
         resetState,
         constructions,
         loadI18next,
-        checkboxProps,
-        honeypotQuestions,
     };
 });
 vi.mock("../services/Manager.js", () => ({
@@ -28,39 +23,21 @@ vi.mock("../services/Manager.js", () => ({
         return { start: mocks.start, resetState: mocks.resetState };
     },
 }));
-vi.mock("@prosopo/procaptcha-common", async (importOriginal) => {
-    const actual = await importOriginal();
-    const { createElement, forwardRef } = await import("react");
-    const Checkbox = (props) => {
-        mocks.checkboxProps.current = props;
-        return createElement("input", {
-            type: "checkbox",
-            readOnly: true,
-            checked: props.checked,
-            "aria-label": props.labelText,
-            "data-error": props.error,
-            "data-loading": String(props.loading),
-        });
-    };
-    const Honeypot = forwardRef(({ encodedQuestion }, ref) => {
-        mocks.honeypotQuestions.push(encodedQuestion);
-        return createElement("input", { type: "text", ref, name: "honeypot" });
-    });
-    return { ...actual, Checkbox, Honeypot };
-});
 vi.mock("@prosopo/locale", async (importOriginal) => {
     const actual = await importOriginal();
     return {
         ...actual,
         loadI18next: mocks.loadI18next,
-        useTranslation: () => ({
+        createTranslator: () => ({
             t: (key) => key,
-            ready: mocks.translationsReady.current,
+            isReady: () => mocks.translationsReady.current,
+            subscribe: () => () => undefined,
+            i18n: undefined,
         }),
     };
 });
-let container;
-let root;
+let mounted;
+let widget;
 const i18nStub = (language, changeLanguage) => ({ language, changeLanguage });
 const props = (overrides = {}) => ({
     config: config(),
@@ -69,53 +46,42 @@ const props = (overrides = {}) => ({
     ...overrides,
 });
 const render = (widgetProps) => {
-    act(() => {
-        root.render(createElement(Procaptcha, widgetProps));
-    });
+    widget = mountProcaptchaPowWidget(mounted.container, widgetProps);
 };
 beforeEach(() => {
     vi.clearAllMocks();
     mocks.constructions.length = 0;
-    mocks.honeypotQuestions.length = 0;
     mocks.translationsReady.current = true;
-    mocks.checkboxProps.current = undefined;
     mocks.start.mockResolvedValue(undefined);
     mocks.loadI18next.mockResolvedValue(undefined);
-    container = document.createElement("div");
-    document.body.appendChild(container);
-    act(() => {
-        root = createRoot(container);
-    });
+    widget = undefined;
+    mounted = mount();
 });
 afterEach(() => {
-    act(() => {
-        root.unmount();
-    });
-    container.remove();
+    widget?.destroy();
+    widget = undefined;
+    mounted.unmount();
     vi.restoreAllMocks();
 });
 const checkbox = () => {
-    const element = container.querySelector('input[type="checkbox"]');
+    const element = mounted.container.querySelector('input[type="checkbox"]');
     if (!element)
         throw new Error("expected a checkbox to be rendered");
     return element;
 };
 const honeypotInput = () => {
-    const element = container.querySelector('input[name="honeypot"]');
+    const element = document.querySelector('input[name="email_confirm"]');
     if (!element)
         throw new Error("expected a honeypot to be rendered");
     return element;
 };
+const spinner = () => mounted.container.querySelector('[role="status"]');
 const click = (options = {}) => {
-    const nativeEvent = {
-        isTrusted: options.trusted ?? true,
-        clientX: options.clientX ?? 0,
-        clientY: options.clientY ?? 0,
-        ...(options.touches ? { touches: options.touches } : {}),
-    };
-    act(() => {
-        void mocks.checkboxProps.current?.onChange({ nativeEvent });
-    });
+    fire(checkbox(), "click", options);
+};
+const setState = async (next) => {
+    mocks.constructions[0]?.updateState(next);
+    await settle();
 };
 describe("what the widget renders", () => {
     test("a visible widget shows a checkbox", () => {
@@ -124,26 +90,26 @@ describe("what the widget renders", () => {
     });
     test("an invisible widget shows no checkbox at all", () => {
         render(props({ config: config({ mode: ModeEnum.invisible }) }));
-        expect(container.querySelector('[aria-label="human checkbox"]')).toBeNull();
+        expect(mounted.container.querySelector('input[type="checkbox"]')).toBeNull();
     });
     test("a session with a honeypot question renders the honeypot", () => {
-        render(props({ frictionlessState: frictionless({ hp: "question" }) }));
+        render(props({ frictionlessState: frictionless({ hp: btoa("question") }) }));
         expect(honeypotInput()).toBeDefined();
-        expect(mocks.honeypotQuestions.at(-1)).toBe("question");
+        expect(document.body.textContent).toContain("question");
     });
     test("a session without one renders no bait at all", () => {
         render(props({ frictionlessState: frictionless() }));
-        expect(container.querySelector('input[name="honeypot"]')).toBeNull();
+        expect(document.querySelector('input[name="email_confirm"]')).toBeNull();
     });
     test("an invisible widget still renders the honeypot, as bait", () => {
         render(props({
             config: config({ mode: ModeEnum.invisible }),
-            frictionlessState: frictionless({ hp: "question" }),
+            frictionlessState: frictionless({ hp: btoa("question") }),
         }));
         expect(honeypotInput()).toBeDefined();
     });
     test("the manager can read the honeypot input the widget rendered", () => {
-        render(props({ frictionlessState: frictionless({ hp: "question" }) }));
+        render(props({ frictionlessState: frictionless({ hp: btoa("question") }) }));
         honeypotInput().value = "bot@example.com";
         expect(mocks.constructions[0]?.getHoneypotValue?.()).toBe("bot@example.com");
     });
@@ -153,12 +119,12 @@ describe("what the widget renders", () => {
     });
     test("the checkbox is labelled once the translations are ready", () => {
         render(props());
-        expect(mocks.checkboxProps.current?.labelText).toBe("WIDGET.I_AM_HUMAN");
+        expect(checkbox().getAttribute("aria-label")).toBe("WIDGET.I_AM_HUMAN");
     });
     test("the checkbox is left unlabelled until the translations load", () => {
         mocks.translationsReady.current = false;
         render(props());
-        expect(mocks.checkboxProps.current?.labelText).toBe("");
+        expect(checkbox().getAttribute("aria-label")).toBe("");
     });
     test("a page that registered no callbacks still renders", () => {
         render(props({
@@ -166,23 +132,27 @@ describe("what the widget renders", () => {
         }));
         expect(checkbox()).toBeDefined();
     });
-    test("the checkbox shows the current error", () => {
+    test("the checkbox shows the current error", async () => {
         render(props());
-        act(() => {
-            mocks.constructions[0]?.updateState({
-                error: { message: "no session", key: "API.UNKNOWN_ERROR" },
-            });
+        await setState({
+            error: { message: "no session", key: "API.UNKNOWN_ERROR" },
         });
-        expect(mocks.checkboxProps.current?.error).toBe("no session");
+        expect(mounted.container.textContent).toContain("no session");
     });
     test("an unfilled honeypot reads as nothing, not as an empty answer", () => {
-        render(props({ frictionlessState: frictionless({ hp: "question" }) }));
+        render(props({ frictionlessState: frictionless({ hp: btoa("question") }) }));
         expect(mocks.constructions[0]?.getHoneypotValue?.()).toBeUndefined();
     });
     test("with no honeypot rendered the reader still answers safely", () => {
         render(props());
         expect(mocks.constructions[0]?.getHoneypotValue?.()).toBeUndefined();
     });
+    test("the honeypot leaves the page with the widget", () => {
+        render(props({ frictionlessState: frictionless({ hp: btoa("question") }) }));
+        widget?.destroy();
+        widget = undefined;
+        expect(document.querySelector('input[name="email_confirm"]')).toBeNull();
+    });
 });
 describe("starting a solve", () => {
     test("a click starts the manager with the coordinates of the click", () => {
@@ -200,18 +170,14 @@ describe("starting a solve", () => {
         click({ touches: [], clientX: 3, clientY: 4 });
         expect(mocks.start).toHaveBeenCalledWith(3, 4);
     });
-    test("an untrusted click solves, but its coordinates are discarded", () => {
+    test("a synthetic click never reaches the manager", () => {
         render(props());
         click({ trusted: false, clientX: 12, clientY: 34 });
-        expect(mocks.start).toHaveBeenCalledWith(0, 0);
+        expect(mocks.start).not.toHaveBeenCalled();
     });
-    test("an event that reports no position at all is treated as the origin", () => {
+    test("a keyboard activation is treated as the origin", () => {
         render(props());
-        act(() => {
-            void mocks.checkboxProps.current?.onChange({
-                nativeEvent: { isTrusted: true },
-            });
-        });
+        fire(checkbox(), "keydown", { key: "Enter" });
         expect(mocks.start).toHaveBeenCalledWith(0, 0);
     });
     test("the checkbox shows a spinner for as long as the solve runs", async () => {
@@ -221,29 +187,26 @@ describe("starting a solve", () => {
         }));
         render(props());
         click();
-        expect(mocks.checkboxProps.current?.loading).toBe(true);
-        await act(async () => {
-            release();
-        });
-        expect(mocks.checkboxProps.current?.loading).toBe(false);
+        await settle();
+        expect(spinner()).not.toBeNull();
+        release();
+        await settle();
+        expect(spinner()).toBeNull();
     });
     test("a solve that rejects still clears the spinner", async () => {
         vi.spyOn(console, "error").mockImplementation(() => undefined);
         mocks.start.mockRejectedValue(new Error("provider down"));
         render(props({ autoStart: true }));
-        await act(async () => undefined);
-        expect(mocks.checkboxProps.current?.loading).toBe(false);
+        await settle();
+        expect(spinner()).toBeNull();
     });
     test("a click whose solve rejects clears the spinner too", async () => {
         vi.spyOn(console, "error").mockImplementation(() => undefined);
         mocks.start.mockRejectedValue(new Error("provider down"));
         render(props());
-        await act(async () => {
-            await mocks.checkboxProps.current?.onChange({
-                nativeEvent: { isTrusted: true, clientX: 1, clientY: 2 },
-            });
-        });
-        expect(mocks.checkboxProps.current?.loading).toBe(false);
+        click({ clientX: 1, clientY: 2 });
+        await settle();
+        expect(spinner()).toBeNull();
     });
     test("a second click while the first solve is running is ignored", async () => {
         let release = () => undefined;
@@ -254,9 +217,8 @@ describe("starting a solve", () => {
         click();
         click();
         expect(mocks.start).toHaveBeenCalledTimes(1);
-        await act(async () => {
-            release();
-        });
+        release();
+        await settle();
     });
     test("an autoStart widget solves without waiting for a click", () => {
         render(props({ autoStart: true }));
@@ -273,9 +235,7 @@ describe("starting a solve", () => {
 });
 describe("the invisible-mode execute event", () => {
     const execute = () => {
-        act(() => {
-            document.dispatchEvent(new Event("procaptcha:execute"));
-        });
+        document.dispatchEvent(new Event("procaptcha:execute"));
     };
     test("starts a solve", () => {
         render(props({ config: config({ mode: ModeEnum.invisible }) }));
@@ -288,10 +248,8 @@ describe("the invisible-mode execute event", () => {
         expect(mocks.start).not.toHaveBeenCalled();
     });
     const executeOn = async (target) => {
-        await act(async () => {
-            target.dispatchEvent(new Event("procaptcha:execute"));
-            await new Promise((resolve) => setTimeout(resolve, 0));
-        });
+        target.dispatchEvent(new Event("procaptcha:execute"));
+        await settle();
     };
     test("a targeted execute on the container runs a visible widget", async () => {
         const target = document.createElement("div");
@@ -310,10 +268,8 @@ describe("the invisible-mode execute event", () => {
     });
     test("stops being listened for once the widget is gone", () => {
         render(props({ config: config({ mode: ModeEnum.invisible }) }));
-        act(() => {
-            root.unmount();
-            root = createRoot(container);
-        });
+        widget?.destroy();
+        widget = undefined;
         execute();
         expect(mocks.start).not.toHaveBeenCalled();
     });
@@ -332,71 +288,57 @@ describe("the invisible-mode execute event", () => {
         mocks.start.mockRejectedValue(new Error("no provider"));
         render(props({ config: config({ mode: ModeEnum.invisible }) }));
         execute();
-        await act(async () => undefined);
+        await settle();
         expect(reported).toHaveBeenCalled();
     });
 });
 describe("an invalidated session", () => {
-    const fail = (key) => {
-        act(() => {
-            mocks.constructions[0]?.updateState({
-                error: { message: "boom", key },
-            });
-        });
+    const fail = async (key) => {
+        await setState({ error: { message: "boom", key } });
     };
-    test("is handed to the recovery-aware parent, with the original click", () => {
+    test("is handed to the recovery-aware parent, with the original click", async () => {
         const onSessionInvalidated = vi.fn();
         render(props({ onSessionInvalidated }));
         click({ clientX: 9, clientY: 8 });
-        fail("CAPTCHA.NO_SESSION_FOUND");
+        await fail("CAPTCHA.NO_SESSION_FOUND");
         expect(onSessionInvalidated).toHaveBeenCalledWith(9, 8);
     });
-    test("is escalated once only, so a failing retry cannot loop", () => {
+    test("is escalated once only, so a failing retry cannot loop", async () => {
         const onSessionInvalidated = vi.fn();
         const restart = vi.fn();
-        vi.useFakeTimers();
         render(props({
             onSessionInvalidated,
             frictionlessState: frictionless({ restart }),
         }));
-        fail("CAPTCHA.NO_SESSION_FOUND");
-        act(() => {
-            mocks.constructions[0]?.updateState({ error: undefined });
-        });
-        fail("CAPTCHA.NO_SESSION_FOUND");
+        await fail("CAPTCHA.NO_SESSION_FOUND");
+        await setState({ error: undefined });
+        await fail("CAPTCHA.NO_SESSION_FOUND");
         expect(onSessionInvalidated).toHaveBeenCalledTimes(1);
-        act(() => {
-            vi.advanceTimersByTime(100);
-        });
+        await new Promise((resolve) => setTimeout(resolve, 150));
         expect(restart).toHaveBeenCalledTimes(1);
-        vi.useRealTimers();
     });
-    test("without a recovery-aware parent the frictionless session restarts", () => {
+    test("without a recovery-aware parent the frictionless session restarts", async () => {
         const restart = vi.fn();
-        vi.useFakeTimers();
         render(props({ frictionlessState: frictionless({ restart }) }));
-        fail("CAPTCHA.NO_SESSION_FOUND");
+        await fail("CAPTCHA.NO_SESSION_FOUND");
         expect(restart).not.toHaveBeenCalled();
-        act(() => {
-            vi.advanceTimersByTime(100);
-        });
+        await new Promise((resolve) => setTimeout(resolve, 150));
         expect(restart).toHaveBeenCalledTimes(1);
-        vi.useRealTimers();
     });
-    test("any other error is left for the widget to display", () => {
+    test("any other error is left for the widget to display", async () => {
         const onSessionInvalidated = vi.fn();
         const restart = vi.fn();
         render(props({
             onSessionInvalidated,
             frictionlessState: frictionless({ restart }),
         }));
-        fail("API.UNKNOWN_ERROR");
+        await fail("API.UNKNOWN_ERROR");
         expect(onSessionInvalidated).not.toHaveBeenCalled();
         expect(restart).not.toHaveBeenCalled();
     });
-    test("an error with nowhere to escalate to is simply shown", () => {
+    test("an error with nowhere to escalate to is simply shown", async () => {
         render(props());
-        expect(() => fail("CAPTCHA.NO_SESSION_FOUND")).not.toThrow();
+        await expect(fail("CAPTCHA.NO_SESSION_FOUND")).resolves.toBeUndefined();
     });
 });
 describe("language", () => {