@ariakit/test 0.2.5 → 0.3.1

package/esm/__chunks/{6PY4HXVO.js → UJCT5GXS.js}

@@ -1,24 +1,25 @@
+"use client";
 import {
   type
-} from "./4A3YKZRA.js";
+} from "./HVRX3U4O.js";
 import {
   blur
-} from "./AEOE57TZ.js";
+} from "./ZIWQZF7I.js";
 import {
   focus
-} from "./OSCTTZUZ.js";
+} from "./WAYMNUAF.js";
 import {
-  fireEvent
-} from "./2RHTJFSK.js";
+  dispatch
+} from "./7JP5HWUW.js";
 import {
   sleep
-} from "./5PINJ4MD.js";
+} from "./YNAZUNNE.js";
 import {
-  queuedMicrotasks
-} from "./ZEO5Q6UD.js";
+  wrapAsync
+} from "./LHKK7Y5F.js";
 import {
   __spreadValues
-} from "./6XO5G2QR.js";
+} from "./Q65FZOE2.js";
 
 // src/press.ts
 import { isTextField } from "@ariakit/core/utils/dom";
@@ -35,7 +36,7 @@ var clickableInputTypes = [
   "reset",
   "submit"
 ];
-function submitFormByPressingEnterOn(element, options) {
+async function submitFormByPressingEnterOn(element, options) {
   const { form } = element;
   if (!form)
     return;
@@ -47,40 +48,40 @@ function submitFormByPressingEnterOn(element, options) {
     (el) => (el instanceof HTMLInputElement || el instanceof HTMLButtonElement) && el.type === "submit"
   );
   if (validInputs.length === 1 || submitButton) {
-    fireEvent.submit(form, options);
+    await dispatch.submit(form, options);
   }
 }
 function isNumberInput(element) {
   return element instanceof HTMLInputElement && element.type === "number";
 }
-function incrementNumberInput(element, by = 1) {
+async function incrementNumberInput(element, by = 1) {
   const value = +element.value + by;
   const max = element.max ? +element.max : Number.MAX_SAFE_INTEGER;
   const min = element.min ? +element.min : Number.MIN_SAFE_INTEGER;
   if (value > max || value < min)
     return;
   element.value = value.toString();
-  fireEvent.input(element);
-  fireEvent.change(element);
+  await dispatch.input(element);
+  await dispatch.change(element);
 }
 var keyDownMap = {
-  Tab(_, { shiftKey }) {
+  async Tab(_, { shiftKey }) {
     const nextElement = shiftKey ? getPreviousTabbable() : getNextTabbable();
     if (nextElement) {
-      focus(nextElement);
+      await focus(nextElement);
     }
   },
-  Enter(element, options) {
+  async Enter(element, options) {
     const nonSubmittableTypes = [...clickableInputTypes, "hidden"];
     const isClickable = element.tagName === "BUTTON" || element instanceof HTMLInputElement && clickableInputTypes.includes(element.type);
     const isSubmittable = element instanceof HTMLInputElement && !nonSubmittableTypes.includes(element.type);
     if (isClickable) {
-      fireEvent.click(element, options);
+      await dispatch.click(element, options);
     } else if (isSubmittable) {
-      submitFormByPressingEnterOn(element, options);
+      await submitFormByPressingEnterOn(element, options);
     }
   },
-  ArrowLeft(element, { shiftKey }) {
+  async ArrowLeft(element, { shiftKey }) {
     if (isTextField(element)) {
       const { value, selectionStart, selectionEnd, selectionDirection } = element;
       const [start, end] = [selectionStart != null ? selectionStart : 0, selectionEnd != null ? selectionEnd : 0];
@@ -94,7 +95,7 @@ var keyDownMap = {
       );
     }
   },
-  ArrowRight(element, { shiftKey }) {
+  async ArrowRight(element, { shiftKey }) {
     if (isTextField(element)) {
       const { value, selectionStart, selectionEnd, selectionDirection } = element;
       const [start, end] = [selectionStart != null ? selectionStart : 0, selectionEnd != null ? selectionEnd : 0];
@@ -108,7 +109,7 @@ var keyDownMap = {
       );
     }
   },
-  ArrowUp(element, { shiftKey }) {
+  async ArrowUp(element, { shiftKey }) {
     if (isTextField(element)) {
       if (!shiftKey) {
         return element.setSelectionRange(0, 0);
@@ -122,10 +123,10 @@ var keyDownMap = {
         }
       }
     } else if (isNumberInput(element)) {
-      incrementNumberInput(element);
+      await incrementNumberInput(element);
     }
   },
-  ArrowDown(element, { shiftKey }) {
+  async ArrowDown(element, { shiftKey }) {
     if (isTextField(element)) {
       const length = element.value.length;
       if (!shiftKey) {
@@ -140,65 +141,65 @@ var keyDownMap = {
         }
       }
     } else if (isNumberInput(element)) {
-      incrementNumberInput(element, -1);
+      await incrementNumberInput(element, -1);
     }
   }
 };
 var keyUpMap = {
   // Space
-  " ": (element, options) => {
+  " ": async (element, options) => {
     const spaceableTypes = [...clickableInputTypes, "checkbox", "radio"];
     const isSpaceable = element.tagName === "BUTTON" || element instanceof HTMLInputElement && spaceableTypes.includes(element.type);
     if (isSpaceable) {
-      fireEvent.click(element, options);
+      await dispatch.click(element, options);
     }
   }
 };
-async function press(key, element, options = {}) {
-  var _a, _b, _c, _d;
-  if (element == null) {
-    element = document.activeElement || document.body;
-  }
-  if (!element)
-    return;
-  if (!isFocusable(element) && element.tagName !== "BODY")
-    return;
-  if (isTextField(element)) {
-    if (key.length === 1) {
-      return type(key, element, options);
-    } else if (key === "Delete") {
-      return type("\x7F", element, options);
-    } else if (key === "Backspace") {
-      return type("\b", element, options);
-    } else if (key === "Enter" && element.tagName === "TEXTAREA") {
-      return type("\n", element, options);
+function press(key, element, options = {}) {
+  return wrapAsync(async () => {
+    var _a, _b, _c, _d;
+    if (element == null) {
+      element = document.activeElement || document.body;
     }
-  }
-  if (((_a = element.ownerDocument) == null ? void 0 : _a.activeElement) !== element) {
-    if (element.tagName === "BODY") {
-      blur();
-    } else {
-      focus(element);
+    if (!element)
+      return;
+    if (!isFocusable(element) && element.tagName !== "BODY")
+      return;
+    if (isTextField(element)) {
+      if (key.length === 1) {
+        return type(key, element, options);
+      } else if (key === "Delete") {
+        return type("\x7F", element, options);
+      } else if (key === "Backspace") {
+        return type("\b", element, options);
+      } else if (key === "Enter" && element.tagName === "TEXTAREA") {
+        return type("\n", element, options);
+      }
     }
-  }
-  await sleep();
-  let defaultAllowed = fireEvent.keyDown(element, __spreadValues({ key }, options));
-  await queuedMicrotasks();
-  if (defaultAllowed && key in keyDownMap && !options.metaKey) {
-    (_b = keyDownMap[key]) == null ? void 0 : _b.call(keyDownMap, element, options);
-  }
-  await sleep();
-  if (((_c = element.ownerDocument) == null ? void 0 : _c.activeElement) !== element) {
-    element = element.ownerDocument.activeElement;
-  }
-  if (!fireEvent.keyUp(element, __spreadValues({ key }, options))) {
-    defaultAllowed = false;
-  }
-  await queuedMicrotasks();
-  if (defaultAllowed && key in keyUpMap && !options.metaKey) {
-    (_d = keyUpMap[key]) == null ? void 0 : _d.call(keyUpMap, element, options);
-  }
-  await sleep();
+    if (((_a = element.ownerDocument) == null ? void 0 : _a.activeElement) !== element) {
+      if (element.tagName === "BODY") {
+        await blur();
+      } else {
+        await focus(element);
+      }
+    }
+    await sleep();
+    let defaultAllowed = await dispatch.keyDown(element, __spreadValues({ key }, options));
+    if (defaultAllowed && key in keyDownMap && !options.metaKey) {
+      await ((_b = keyDownMap[key]) == null ? void 0 : _b.call(keyDownMap, element, options));
+    }
+    await sleep();
+    if (((_c = element.ownerDocument) == null ? void 0 : _c.activeElement) !== element) {
+      element = element.ownerDocument.activeElement;
+    }
+    if (!await dispatch.keyUp(element, __spreadValues({ key }, options))) {
+      defaultAllowed = false;
+    }
+    if (defaultAllowed && key in keyUpMap && !options.metaKey) {
+      await ((_d = keyUpMap[key]) == null ? void 0 : _d.call(keyUpMap, element, options));
+    }
+    await sleep();
+  });
 }
 function createPress(key, defaultOptions = {}) {
   return (element, options = {}) => press(key, element, __spreadValues(__spreadValues({}, defaultOptions), options));

package/esm/__chunks/WAYMNUAF.js

@@ -0,0 +1,33 @@
+"use client";
+import {
+  dispatch
+} from "./7JP5HWUW.js";
+import {
+  flushMicrotasks,
+  wrapAsync
+} from "./LHKK7Y5F.js";
+
+// src/focus.ts
+import { getActiveElement } from "@ariakit/core/utils/dom";
+import { isFocusable } from "@ariakit/core/utils/focus";
+import { invariant } from "@ariakit/core/utils/misc";
+function focus(element) {
+  return wrapAsync(async () => {
+    invariant(element, "Unable to focus on null element");
+    if (getActiveElement(element) === element)
+      return;
+    if (!isFocusable(element))
+      return;
+    const activeElement = getActiveElement(element);
+    if (activeElement == null ? void 0 : activeElement.dirty) {
+      await dispatch.change(activeElement);
+      activeElement.dirty = false;
+    }
+    element.focus();
+    await flushMicrotasks();
+  });
+}
+
+export {
+  focus
+};

package/esm/__chunks/WLDGXXGP.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  wrapAsync
+} from "./LHKK7Y5F.js";
+
+// src/wait-for.ts
+import * as DOMTestingLibrary from "@testing-library/dom";
+function waitFor2(callback, options) {
+  return wrapAsync(() => DOMTestingLibrary.waitFor(callback, options));
+}
+
+export {
+  waitFor2 as waitFor
+};

package/esm/__chunks/YNAZUNNE.js

@@ -0,0 +1,20 @@
+"use client";
+import {
+  isBrowser,
+  nextFrame,
+  wrapAsync
+} from "./LHKK7Y5F.js";
+
+// src/sleep.ts
+var defaultMs = isBrowser ? 150 : 10;
+function sleep(ms = defaultMs) {
+  return wrapAsync(async () => {
+    await nextFrame();
+    await new Promise((resolve) => setTimeout(resolve, ms));
+    await nextFrame();
+  });
+}
+
+export {
+  sleep
+};

package/esm/__chunks/ZIWQZF7I.js

@@ -0,0 +1,36 @@
+"use client";
+import {
+  dispatch
+} from "./7JP5HWUW.js";
+import {
+  flushMicrotasks,
+  wrapAsync
+} from "./LHKK7Y5F.js";
+
+// src/blur.ts
+import { getActiveElement } from "@ariakit/core/utils/dom";
+function blur(element) {
+  return wrapAsync(async () => {
+    if (element == null) {
+      element = document.activeElement;
+    }
+    if (!element)
+      return;
+    if (element.tagName === "BODY")
+      return;
+    if (getActiveElement(element) !== element)
+      return;
+    if (element.dirty) {
+      await dispatch.change(element);
+      element.dirty = false;
+    }
+    if (element instanceof HTMLElement || element instanceof SVGElement) {
+      element.blur();
+      await flushMicrotasks();
+    }
+  });
+}
+
+export {
+  blur
+};

package/esm/__utils.d.ts

@@ -1,8 +1,11 @@
+import { noop } from "@ariakit/core/utils/misc";
 export type DirtiableElement = Element & {
     dirty?: boolean;
 };
 export type TextField = HTMLInputElement | HTMLTextAreaElement;
 export declare const isBrowser: boolean;
-export declare const act: typeof import("react-dom/test-utils").act;
-export declare function queuedMicrotasks(): Promise<void>;
-export declare function nextFrame(): Promise<void>;
+export declare function flushMicrotasks(): Promise<void>;
+export declare function nextFrame(): Promise<number>;
+export declare function setActEnvironment(value: boolean): () => void;
+export declare function applyBrowserPolyfills(): typeof noop;
+export declare function wrapAsync<T>(fn: () => Promise<T>): Promise<T>;

package/esm/blur.d.ts

@@ -1,3 +1,2 @@
-import "./polyfills.js";
 import type { DirtiableElement } from "./__utils.js";
-export declare function blur(element?: DirtiableElement | null): void;
+export declare function blur(element?: DirtiableElement | null): Promise<void>;

package/esm/blur.js

@@ -1,11 +1,10 @@
+"use client";
 import {
   blur
-} from "./__chunks/AEOE57TZ.js";
-import "./__chunks/2RHTJFSK.js";
-import "./__chunks/PNBZ5NXH.js";
-import "./__chunks/EVYPE6ZJ.js";
-import "./__chunks/ZEO5Q6UD.js";
-import "./__chunks/6XO5G2QR.js";
+} from "./__chunks/ZIWQZF7I.js";
+import "./__chunks/7JP5HWUW.js";
+import "./__chunks/LHKK7Y5F.js";
+import "./__chunks/Q65FZOE2.js";
 export {
   blur
 };

package/esm/click.d.ts

@@ -1,2 +1 @@
-import "./polyfills.js";
-export declare function click(element: Element, options?: MouseEventInit, tap?: boolean): Promise<void>;
+export declare function click(element: Element | null, options?: MouseEventInit, tap?: boolean): Promise<void>;

package/esm/click.js

@@ -1,17 +1,16 @@
+"use client";
 import {
   click
-} from "./__chunks/SWUQE4WB.js";
-import "./__chunks/R7IYW63J.js";
-import "./__chunks/2OZA4WAZ.js";
-import "./__chunks/AEOE57TZ.js";
-import "./__chunks/EX5WPJOU.js";
-import "./__chunks/OSCTTZUZ.js";
-import "./__chunks/2RHTJFSK.js";
-import "./__chunks/5PINJ4MD.js";
-import "./__chunks/PNBZ5NXH.js";
-import "./__chunks/EVYPE6ZJ.js";
-import "./__chunks/ZEO5Q6UD.js";
-import "./__chunks/6XO5G2QR.js";
+} from "./__chunks/5DPK2YAQ.js";
+import "./__chunks/LSH2PT34.js";
+import "./__chunks/RG2JKALK.js";
+import "./__chunks/ANPGABTJ.js";
+import "./__chunks/ZIWQZF7I.js";
+import "./__chunks/WAYMNUAF.js";
+import "./__chunks/7JP5HWUW.js";
+import "./__chunks/YNAZUNNE.js";
+import "./__chunks/LHKK7Y5F.js";
+import "./__chunks/Q65FZOE2.js";
 export {
   click
 };

package/esm/dispatch.d.ts

@@ -0,0 +1,9 @@
+import type { EventType } from "@testing-library/dom";
+type Target = Document | Window | Node | Element | null;
+type EventFunction = (element: Target, options?: object) => Promise<boolean>;
+type EventsObject = {
+    [K in EventType]: EventFunction;
+};
+declare function baseDispatch(element: Target, event: Event): Promise<boolean>;
+export declare const dispatch: typeof baseDispatch & EventsObject;
+export {};

package/esm/dispatch.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  dispatch
+} from "./__chunks/7JP5HWUW.js";
+import "./__chunks/LHKK7Y5F.js";
+import "./__chunks/Q65FZOE2.js";
+export {
+  dispatch
+};

package/esm/focus.d.ts

@@ -1,2 +1 @@
-import "./polyfills.js";
-export declare function focus(element: Element): void;
+export declare function focus(element: Element | null): Promise<void>;

package/esm/focus.js

@@ -1,11 +1,10 @@
+"use client";
 import {
   focus
-} from "./__chunks/OSCTTZUZ.js";
-import "./__chunks/2RHTJFSK.js";
-import "./__chunks/PNBZ5NXH.js";
-import "./__chunks/EVYPE6ZJ.js";
-import "./__chunks/ZEO5Q6UD.js";
-import "./__chunks/6XO5G2QR.js";
+} from "./__chunks/WAYMNUAF.js";
+import "./__chunks/7JP5HWUW.js";
+import "./__chunks/LHKK7Y5F.js";
+import "./__chunks/Q65FZOE2.js";
 export {
   focus
 };

package/esm/hover.d.ts

@@ -1,2 +1 @@
-import "./polyfills.js";
-export declare function hover(element: Element, options?: MouseEventInit): Promise<void>;
+export declare function hover(element: Element | null, options?: MouseEventInit): Promise<void>;

package/esm/hover.js

@@ -1,12 +1,11 @@
+"use client";
 import {
   hover
-} from "./__chunks/EX5WPJOU.js";
-import "./__chunks/2RHTJFSK.js";
-import "./__chunks/5PINJ4MD.js";
-import "./__chunks/PNBZ5NXH.js";
-import "./__chunks/EVYPE6ZJ.js";
-import "./__chunks/ZEO5Q6UD.js";
-import "./__chunks/6XO5G2QR.js";
+} from "./__chunks/ANPGABTJ.js";
+import "./__chunks/7JP5HWUW.js";
+import "./__chunks/YNAZUNNE.js";
+import "./__chunks/LHKK7Y5F.js";
+import "./__chunks/Q65FZOE2.js";
 export {
   hover
 };

package/esm/index.d.ts

@@ -1,17 +1,14 @@
-export * from "./act.js";
 export * from "./blur.js";
 export * from "./click.js";
-export * from "./fire-event.js";
+export * from "./dispatch.js";
 export * from "./focus.js";
 export * from "./hover.js";
 export * from "./mouse-down.js";
 export * from "./mouse-up.js";
 export * from "./press.js";
-export * from "./render.js";
-export * from "./screen.js";
+export * from "./query.js";
 export * from "./select.js";
 export * from "./sleep.js";
 export * from "./tap.js";
 export * from "./type.js";
 export * from "./wait-for.js";
-export * from "./within.js";

package/esm/index.js

@@ -1,121 +1,64 @@
-import {
-  press
-} from "./__chunks/6PY4HXVO.js";
-import {
-  within
-} from "./__chunks/QA3ZS6S2.js";
+"use client";
+import "./__chunks/RHBNMDK4.js";
 import {
   waitFor
-} from "./__chunks/5JPM5LQX.js";
-import {
-  type
-} from "./__chunks/4A3YKZRA.js";
+} from "./__chunks/WLDGXXGP.js";
 import {
   tap
-} from "./__chunks/OQYWQML5.js";
+} from "./__chunks/MKNCAN2F.js";
 import {
   click
-} from "./__chunks/SWUQE4WB.js";
+} from "./__chunks/5DPK2YAQ.js";
 import {
   select
-} from "./__chunks/JTFRQL3H.js";
+} from "./__chunks/H3BXHZTZ.js";
 import {
   mouseUp
-} from "./__chunks/R7IYW63J.js";
+} from "./__chunks/LSH2PT34.js";
 import {
   mouseDown
-} from "./__chunks/2OZA4WAZ.js";
-import {
-  blur
-} from "./__chunks/AEOE57TZ.js";
+} from "./__chunks/RG2JKALK.js";
 import {
   hover
-} from "./__chunks/EX5WPJOU.js";
+} from "./__chunks/ANPGABTJ.js";
 import {
-  focus
-} from "./__chunks/OSCTTZUZ.js";
+  q,
+  query
+} from "./__chunks/HUBUFZ3U.js";
 import {
-  fireEvent
-} from "./__chunks/2RHTJFSK.js";
+  press
+} from "./__chunks/UJCT5GXS.js";
 import {
-  sleep
-} from "./__chunks/5PINJ4MD.js";
-import "./__chunks/PNBZ5NXH.js";
+  type
+} from "./__chunks/HVRX3U4O.js";
+import {
+  blur
+} from "./__chunks/ZIWQZF7I.js";
 import {
-  findAllByLabelText,
-  findAllByPlaceholderText,
-  findAllByRole,
-  findAllByText,
-  findByLabelText,
-  findByPlaceholderText,
-  findByRole,
-  findByText,
-  getAllByLabelText,
-  getAllByPlaceholderText,
-  getAllByRole,
-  getAllByText,
-  getByLabelText,
-  getByPlaceholderText,
-  getByRole,
-  getByText,
-  queryAllByLabelText,
-  queryAllByPlaceholderText,
-  queryAllByRole,
-  queryAllByText,
-  queryByLabelText,
-  queryByPlaceholderText,
-  queryByRole,
-  queryByText,
-  screen
-} from "./__chunks/3C72DPE2.js";
+  focus
+} from "./__chunks/WAYMNUAF.js";
 import {
-  customRender
-} from "./__chunks/LJWZLI6L.js";
-import "./__chunks/EVYPE6ZJ.js";
+  dispatch
+} from "./__chunks/7JP5HWUW.js";
 import {
-  act
-} from "./__chunks/ZEO5Q6UD.js";
-import "./__chunks/6XO5G2QR.js";
+  sleep
+} from "./__chunks/YNAZUNNE.js";
+import "./__chunks/LHKK7Y5F.js";
+import "./__chunks/Q65FZOE2.js";
 export {
-  act,
   blur,
   click,
-  findAllByLabelText,
-  findAllByPlaceholderText,
-  findAllByRole,
-  findAllByText,
-  findByLabelText,
-  findByPlaceholderText,
-  findByRole,
-  findByText,
-  fireEvent,
+  dispatch,
   focus,
-  getAllByLabelText,
-  getAllByPlaceholderText,
-  getAllByRole,
-  getAllByText,
-  getByLabelText,
-  getByPlaceholderText,
-  getByRole,
-  getByText,
   hover,
   mouseDown,
   mouseUp,
   press,
-  queryAllByLabelText,
-  queryAllByPlaceholderText,
-  queryAllByRole,
-  queryAllByText,
-  queryByLabelText,
-  queryByPlaceholderText,
-  queryByRole,
-  queryByText,
-  customRender as render,
-  screen,
+  q,
+  query,
   select,
   sleep,
   tap,
   type,
-  waitFor,
-  within
+  waitFor
 };

package/esm/mouse-down.d.ts

@@ -1,2 +1 @@
-import "./polyfills.js";
-export declare function mouseDown(element: Element, options?: MouseEventInit): void;
+export declare function mouseDown(element: Element | null, options?: MouseEventInit): Promise<void>;