@react-aria/test-utils 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/{listbox.main.js → private/listbox.cjs}

@@ -1,12 +1,12 @@
-var $5a8bfe1663b8366d$exports = require("./events.main.js");
-var $bAxU9$testinglibraryreact = require("@testing-library/react");
+var $01a4eeee86094c77$exports = require("./events.cjs");
+var $ivkeh$testinglibraryreact = require("@testing-library/react");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "ListBoxTester", () => $8ac94de7d2631d04$export$54c24f7ee8577f4f);
+$parcel$export(module.exports, "ListBoxTester", function () { return $c0f7ae61eac30828$export$54c24f7ee8577f4f; });
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -19,7 +19,14 @@ $parcel$export(module.exports, "ListBoxTester", () => $8ac94de7d2631d04$export$5
  * governing permissions and limitations under the License.
  */ 
 
-class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
+class $c0f7ae61eac30828$export$54c24f7ee8577f4f {
+    constructor(opts){
+        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        this._listbox = root;
+        this._advanceTimer = advanceTimer;
+    }
     /**
    * Set the interaction type used by the listbox tester.
    */ setInteractionType(type) {
@@ -33,19 +40,19 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
         let option;
         let options = this.options();
         if (typeof optionIndexOrText === 'number') option = options[optionIndexOrText];
-        else if (typeof optionIndexOrText === 'string') option = (0, $bAxU9$testinglibraryreact.within)(this.listbox).getByText(optionIndexOrText).closest('[role=option]');
+        else if (typeof optionIndexOrText === 'string') option = (0, $ivkeh$testinglibraryreact.within)(this.listbox).getByText(optionIndexOrText).closest('[role=option]');
         return option;
     }
     // TODO: this is basically the same as menu except for the error message, refactor later so that they share
     // TODO: this also doesn't support grid layout yet
     async keyboardNavigateToOption(opts) {
         let { option: option, selectionOnNav: selectionOnNav = 'default' } = opts;
-        let altKey = (0, $5a8bfe1663b8366d$exports.getAltKey)();
+        let altKey = (0, $01a4eeee86094c77$exports.getAltKey)();
         let options = this.options();
         let targetIndex = options.indexOf(option);
         if (targetIndex === -1) throw new Error('Option provided is not in the listbox');
         if (document.activeElement !== this._listbox && !this._listbox.contains(document.activeElement)) {
-            (0, $bAxU9$testinglibraryreact.act)(()=>this._listbox.focus());
+            (0, $ivkeh$testinglibraryreact.act)(()=>this._listbox.focus());
             await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);
         }
         let currIndex = options.indexOf(document.activeElement);
@@ -59,14 +66,14 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
    * Toggles the selection for the specified listbox option. Defaults to using the interaction type set on the listbox tester.
    */ async toggleOptionSelection(opts) {
         let { option: option, needsLongPress: needsLongPress, keyboardActivation: keyboardActivation = 'Enter', interactionType: interactionType = this._interactionType, selectionBehavior: selectionBehavior = 'toggle' } = opts;
-        let altKey = (0, $5a8bfe1663b8366d$exports.getAltKey)();
-        let metaKey = (0, $5a8bfe1663b8366d$exports.getMetaKey)();
+        let altKey = (0, $01a4eeee86094c77$exports.getAltKey)();
+        let metaKey = (0, $01a4eeee86094c77$exports.getMetaKey)();
         if (typeof option === 'string' || typeof option === 'number') option = this.findOption({
             optionIndexOrText: option
         });
         if (!option) throw new Error('Target option not found in the listbox.');
         if (interactionType === 'keyboard') {
-            if ((option === null || option === void 0 ? void 0 : option.getAttribute('aria-disabled')) === 'true') return;
+            if (option?.getAttribute('aria-disabled') === 'true') return;
             await this.keyboardNavigateToOption({
                 option: option,
                 selectionOnNav: selectionBehavior === 'replace' ? 'none' : 'default'
@@ -76,7 +83,7 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
             if (selectionBehavior === 'replace') await this.user.keyboard(`[/${altKey}]`);
         } else if (needsLongPress && interactionType === 'touch') {
             if (this._advanceTimer == null) throw new Error('No advanceTimers provided for long press.');
-            await (0, $5a8bfe1663b8366d$exports.triggerLongPress)({
+            await (0, $01a4eeee86094c77$exports.triggerLongPress)({
                 element: option,
                 advanceTimer: this._advanceTimer,
                 pointerOpts: {
@@ -85,7 +92,7 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
             });
         } else {
             if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[${metaKey}>]`);
-            await (0, $5a8bfe1663b8366d$exports.pressElement)(this.user, option, interactionType);
+            await (0, $01a4eeee86094c77$exports.pressElement)(this.user, option, interactionType);
             if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[/${metaKey}]`);
         }
     }
@@ -99,13 +106,13 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
         if (!option) throw new Error('Target option not found in the listbox.');
         if (needsDoubleClick) await this.user.dblClick(option);
         else if (interactionType === 'keyboard') {
-            if ((option === null || option === void 0 ? void 0 : option.getAttribute('aria-disabled')) === 'true') return;
+            if (option?.getAttribute('aria-disabled') === 'true') return;
             await this.keyboardNavigateToOption({
                 option: option,
                 selectionOnNav: 'none'
             });
             await this.user.keyboard('[Enter]');
-        } else await (0, $5a8bfe1663b8366d$exports.pressElement)(this.user, option, interactionType);
+        } else await (0, $01a4eeee86094c77$exports.pressElement)(this.user, option, interactionType);
     }
     /**
    * Returns the listbox.
@@ -117,7 +124,7 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
    */ options(opts = {}) {
         let { element: element = this._listbox } = opts;
         let options = [];
-        if (element) options = (0, $bAxU9$testinglibraryreact.within)(element).queryAllByRole('option');
+        if (element) options = (0, $ivkeh$testinglibraryreact.within)(element).queryAllByRole('option');
         return options;
     }
     /**
@@ -128,16 +135,9 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
     /**
    * Returns the listbox's sections if any.
    */ get sections() {
-        return (0, $bAxU9$testinglibraryreact.within)(this._listbox).queryAllByRole('group');
-    }
-    constructor(opts){
-        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
-        this.user = user;
-        this._interactionType = interactionType || 'mouse';
-        this._listbox = root;
-        this._advanceTimer = advanceTimer;
+        return (0, $ivkeh$testinglibraryreact.within)(this._listbox).queryAllByRole('group');
     }
 }
 
 
-//# sourceMappingURL=listbox.main.js.map
+//# sourceMappingURL=listbox.cjs.map

package/dist/private/listbox.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/test-utils/src/listbox.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {act, within} from '@testing-library/react';\nimport {getAltKey, getMetaKey, pressElement, triggerLongPress} from './events';\nimport {ListBoxTesterOpts, UserOpts} from './types';\n\ninterface ListBoxToggleOptionOpts {\n  /**\n   * What interaction type to use when toggling selection for an option. Defaults to the interaction type set on the tester.\n   */\n  interactionType?: UserOpts['interactionType'],\n  /**\n   * The index, text, or node of the option to toggle selection for.\n   */\n  option: number | string | HTMLElement,\n  /**\n   * Whether the option should be triggered by Space or Enter in keyboard modality.\n   * @default 'Enter'\n   */\n  keyboardActivation?: 'Space' | 'Enter',\n  /**\n   * Whether the option needs to be long pressed to be selected. Depends on the listbox's implementation.\n   */\n  needsLongPress?: boolean,\n  /**\n   * Whether the listbox has a selectionBehavior of \"toggle\" or \"replace\" (aka highlight selection). This affects the user operations\n   * required to toggle option selection by adding modifier keys during user actions, useful when performing multi-option selection in a \"selectionBehavior: 'replace'\" listbox.\n   * If you would like to still simulate user actions (aka press) without these modifiers keys for a \"selectionBehavior: replace\" listbox, simply omit this option.\n   * See the [RAC Listbox docs](https://react-spectrum.adobe.com/react-aria/ListBox.html#selection-behavior) for more info on this behavior.\n   *\n   * @default 'toggle'\n   */\n    selectionBehavior?: 'toggle' | 'replace'\n}\n\ninterface ListBoxOptionActionOpts extends Omit<ListBoxToggleOptionOpts, 'keyboardActivation' | 'needsLongPress'> {\n  /**\n   * Whether or not the option needs a double click to trigger the option action. Depends on the listbox's implementation.\n   */\n  needsDoubleClick?: boolean\n}\n\nexport class ListBoxTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _advanceTimer: UserOpts['advanceTimer'];\n  private _listbox: HTMLElement;\n\n  constructor(opts: ListBoxTesterOpts) {\n    let {root, user, interactionType, advanceTimer} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    this._listbox = root;\n    this._advanceTimer = advanceTimer;\n  }\n\n  /**\n   * Set the interaction type used by the listbox tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  // TODO: now that we have listbox, perhaps select can make use of this tester internally\n  /**\n   * Returns a option matching the specified index or text content.\n   */\n  findOption(opts: {optionIndexOrText: number | string}): HTMLElement {\n    let {\n      optionIndexOrText\n    } = opts;\n\n    let option;\n    let options = this.options();\n\n    if (typeof optionIndexOrText === 'number') {\n      option = options[optionIndexOrText];\n    } else if (typeof optionIndexOrText === 'string') {\n      option = (within(this.listbox!).getByText(optionIndexOrText).closest('[role=option]'))! as HTMLElement;\n    }\n\n    return option;\n  }\n\n  // TODO: this is basically the same as menu except for the error message, refactor later so that they share\n  // TODO: this also doesn't support grid layout yet\n  private async keyboardNavigateToOption(opts: {option: HTMLElement, selectionOnNav?: 'default' | 'none'}) {\n    let {option, selectionOnNav = 'default'} = opts;\n    let altKey = getAltKey();\n    let options = this.options();\n    let targetIndex = options.indexOf(option);\n    if (targetIndex === -1) {\n      throw new Error('Option provided is not in the listbox');\n    }\n\n    if (document.activeElement !== this._listbox && !this._listbox.contains(document.activeElement)) {\n      act(() => this._listbox.focus());\n      await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);\n    }\n\n    let currIndex = options.indexOf(document.activeElement as HTMLElement);\n    if (currIndex === -1) {\n      throw new Error('ActiveElement is not in the listbox');\n    }\n\n    let direction = targetIndex > currIndex ? 'down' : 'up';\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[${altKey}>]`);\n    }\n    for (let i = 0; i < Math.abs(targetIndex - currIndex); i++) {\n      await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);\n    }\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[/${altKey}]`);\n    }\n  };\n\n  /**\n   * Toggles the selection for the specified listbox option. Defaults to using the interaction type set on the listbox tester.\n   */\n  async toggleOptionSelection(opts: ListBoxToggleOptionOpts): Promise<void> {\n    let {\n      option,\n      needsLongPress,\n      keyboardActivation = 'Enter',\n      interactionType = this._interactionType,\n      selectionBehavior = 'toggle'\n    } = opts;\n\n    let altKey = getAltKey();\n    let metaKey = getMetaKey();\n\n    if (typeof option === 'string' || typeof option === 'number') {\n      option = this.findOption({optionIndexOrText: option});\n    }\n\n    if (!option) {\n      throw new Error('Target option not found in the listbox.');\n    }\n\n    if (interactionType === 'keyboard') {\n      if (option?.getAttribute('aria-disabled') === 'true') {\n        return;\n      }\n\n      await this.keyboardNavigateToOption({option, selectionOnNav: selectionBehavior === 'replace' ? 'none' : 'default'});\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[${altKey}>]`);\n      }\n      await this.user.keyboard(`[${keyboardActivation}]`);\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[/${altKey}]`);\n      }\n    } else {\n      if (needsLongPress && interactionType === 'touch') {\n        if (this._advanceTimer == null) {\n          throw new Error('No advanceTimers provided for long press.');\n        }\n\n        await triggerLongPress({element: option, advanceTimer: this._advanceTimer, pointerOpts: {pointerType: 'touch'}});\n      } else {\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[${metaKey}>]`);\n        }\n        await pressElement(this.user, option, interactionType);\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[/${metaKey}]`);\n        }\n      }\n    }\n  }\n\n  /**\n   * Triggers the action for the specified listbox option. Defaults to using the interaction type set on the listbox tester.\n   */\n  async triggerOptionAction(opts: ListBoxOptionActionOpts): Promise<void> {\n    let {\n      option,\n      needsDoubleClick,\n      interactionType = this._interactionType\n    } = opts;\n\n    if (typeof option === 'string' || typeof option === 'number') {\n      option = this.findOption({optionIndexOrText: option});\n    }\n\n    if (!option) {\n      throw new Error('Target option not found in the listbox.');\n    }\n\n    if (needsDoubleClick) {\n      await this.user.dblClick(option);\n    } else if (interactionType === 'keyboard') {\n      if (option?.getAttribute('aria-disabled') === 'true') {\n        return;\n      }\n\n      await this.keyboardNavigateToOption({option, selectionOnNav: 'none'});\n      await this.user.keyboard('[Enter]');\n    } else {\n      await pressElement(this.user, option, interactionType);\n    }\n  }\n\n  /**\n   * Returns the listbox.\n   */\n  get listbox(): HTMLElement {\n    return this._listbox;\n  }\n\n  /**\n   * Returns the listbox options. Can be filtered to a subsection of the listbox if provided via `element`.\n   */\n  options(opts: {element?: HTMLElement} = {}): HTMLElement[] {\n    let {element = this._listbox} = opts;\n    let options = [];\n    if (element) {\n      options = within(element).queryAllByRole('option');\n    }\n\n    return options;\n  }\n\n  /**\n   * Returns the listbox's selected options if any.\n   */\n  get selectedOptions(): HTMLElement[] {\n    return this.options().filter(row => row.getAttribute('aria-selected') === 'true');\n  }\n\n  /**\n   * Returns the listbox's sections if any.\n   */\n  get sections(): HTMLElement[] {\n    return within(this._listbox).queryAllByRole('group');\n  }\n}\n"],"names":[],"version":3,"file":"listbox.cjs.map"}

package/dist/{listbox.mjs → private/listbox.js}

@@ -1,5 +1,5 @@
-import {getAltKey as $5d1eca18f92ad0e6$export$6fc0ccaebd758b9d, getMetaKey as $5d1eca18f92ad0e6$export$7943c508934e27ce, pressElement as $5d1eca18f92ad0e6$export$6ffa3eb717517feb, triggerLongPress as $5d1eca18f92ad0e6$export$3a22a5a9bc0fd3b} from "./events.mjs";
-import {within as $fzAUL$within, act as $fzAUL$act} from "@testing-library/react";
+import {getAltKey as $22d7d9b763402afa$export$6fc0ccaebd758b9d, getMetaKey as $22d7d9b763402afa$export$7943c508934e27ce, pressElement as $22d7d9b763402afa$export$6ffa3eb717517feb, triggerLongPress as $22d7d9b763402afa$export$3a22a5a9bc0fd3b} from "./events.js";
+import {within as $6BrfQ$within, act as $6BrfQ$act} from "@testing-library/react";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -13,7 +13,14 @@ import {within as $fzAUL$within, act as $fzAUL$act} from "@testing-library/react
  * governing permissions and limitations under the License.
  */ 
 
-class $bbf72b714b632b99$export$54c24f7ee8577f4f {
+class $8d2aea0e455eb460$export$54c24f7ee8577f4f {
+    constructor(opts){
+        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        this._listbox = root;
+        this._advanceTimer = advanceTimer;
+    }
     /**
    * Set the interaction type used by the listbox tester.
    */ setInteractionType(type) {
@@ -27,19 +34,19 @@ class $bbf72b714b632b99$export$54c24f7ee8577f4f {
         let option;
         let options = this.options();
         if (typeof optionIndexOrText === 'number') option = options[optionIndexOrText];
-        else if (typeof optionIndexOrText === 'string') option = (0, $fzAUL$within)(this.listbox).getByText(optionIndexOrText).closest('[role=option]');
+        else if (typeof optionIndexOrText === 'string') option = (0, $6BrfQ$within)(this.listbox).getByText(optionIndexOrText).closest('[role=option]');
         return option;
     }
     // TODO: this is basically the same as menu except for the error message, refactor later so that they share
     // TODO: this also doesn't support grid layout yet
     async keyboardNavigateToOption(opts) {
         let { option: option, selectionOnNav: selectionOnNav = 'default' } = opts;
-        let altKey = (0, $5d1eca18f92ad0e6$export$6fc0ccaebd758b9d)();
+        let altKey = (0, $22d7d9b763402afa$export$6fc0ccaebd758b9d)();
         let options = this.options();
         let targetIndex = options.indexOf(option);
         if (targetIndex === -1) throw new Error('Option provided is not in the listbox');
         if (document.activeElement !== this._listbox && !this._listbox.contains(document.activeElement)) {
-            (0, $fzAUL$act)(()=>this._listbox.focus());
+            (0, $6BrfQ$act)(()=>this._listbox.focus());
             await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);
         }
         let currIndex = options.indexOf(document.activeElement);
@@ -53,14 +60,14 @@ class $bbf72b714b632b99$export$54c24f7ee8577f4f {
    * Toggles the selection for the specified listbox option. Defaults to using the interaction type set on the listbox tester.
    */ async toggleOptionSelection(opts) {
         let { option: option, needsLongPress: needsLongPress, keyboardActivation: keyboardActivation = 'Enter', interactionType: interactionType = this._interactionType, selectionBehavior: selectionBehavior = 'toggle' } = opts;
-        let altKey = (0, $5d1eca18f92ad0e6$export$6fc0ccaebd758b9d)();
-        let metaKey = (0, $5d1eca18f92ad0e6$export$7943c508934e27ce)();
+        let altKey = (0, $22d7d9b763402afa$export$6fc0ccaebd758b9d)();
+        let metaKey = (0, $22d7d9b763402afa$export$7943c508934e27ce)();
         if (typeof option === 'string' || typeof option === 'number') option = this.findOption({
             optionIndexOrText: option
         });
         if (!option) throw new Error('Target option not found in the listbox.');
         if (interactionType === 'keyboard') {
-            if ((option === null || option === void 0 ? void 0 : option.getAttribute('aria-disabled')) === 'true') return;
+            if (option?.getAttribute('aria-disabled') === 'true') return;
             await this.keyboardNavigateToOption({
                 option: option,
                 selectionOnNav: selectionBehavior === 'replace' ? 'none' : 'default'
@@ -70,7 +77,7 @@ class $bbf72b714b632b99$export$54c24f7ee8577f4f {
             if (selectionBehavior === 'replace') await this.user.keyboard(`[/${altKey}]`);
         } else if (needsLongPress && interactionType === 'touch') {
             if (this._advanceTimer == null) throw new Error('No advanceTimers provided for long press.');
-            await (0, $5d1eca18f92ad0e6$export$3a22a5a9bc0fd3b)({
+            await (0, $22d7d9b763402afa$export$3a22a5a9bc0fd3b)({
                 element: option,
                 advanceTimer: this._advanceTimer,
                 pointerOpts: {
@@ -79,7 +86,7 @@ class $bbf72b714b632b99$export$54c24f7ee8577f4f {
             });
         } else {
             if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[${metaKey}>]`);
-            await (0, $5d1eca18f92ad0e6$export$6ffa3eb717517feb)(this.user, option, interactionType);
+            await (0, $22d7d9b763402afa$export$6ffa3eb717517feb)(this.user, option, interactionType);
             if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[/${metaKey}]`);
         }
     }
@@ -93,13 +100,13 @@ class $bbf72b714b632b99$export$54c24f7ee8577f4f {
         if (!option) throw new Error('Target option not found in the listbox.');
         if (needsDoubleClick) await this.user.dblClick(option);
         else if (interactionType === 'keyboard') {
-            if ((option === null || option === void 0 ? void 0 : option.getAttribute('aria-disabled')) === 'true') return;
+            if (option?.getAttribute('aria-disabled') === 'true') return;
             await this.keyboardNavigateToOption({
                 option: option,
                 selectionOnNav: 'none'
             });
             await this.user.keyboard('[Enter]');
-        } else await (0, $5d1eca18f92ad0e6$export$6ffa3eb717517feb)(this.user, option, interactionType);
+        } else await (0, $22d7d9b763402afa$export$6ffa3eb717517feb)(this.user, option, interactionType);
     }
     /**
    * Returns the listbox.
@@ -111,7 +118,7 @@ class $bbf72b714b632b99$export$54c24f7ee8577f4f {
    */ options(opts = {}) {
         let { element: element = this._listbox } = opts;
         let options = [];
-        if (element) options = (0, $fzAUL$within)(element).queryAllByRole('option');
+        if (element) options = (0, $6BrfQ$within)(element).queryAllByRole('option');
         return options;
     }
     /**
@@ -122,17 +129,10 @@ class $bbf72b714b632b99$export$54c24f7ee8577f4f {
     /**
    * Returns the listbox's sections if any.
    */ get sections() {
-        return (0, $fzAUL$within)(this._listbox).queryAllByRole('group');
-    }
-    constructor(opts){
-        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
-        this.user = user;
-        this._interactionType = interactionType || 'mouse';
-        this._listbox = root;
-        this._advanceTimer = advanceTimer;
+        return (0, $6BrfQ$within)(this._listbox).queryAllByRole('group');
     }
 }
 
 
-export {$bbf72b714b632b99$export$54c24f7ee8577f4f as ListBoxTester};
-//# sourceMappingURL=listbox.module.js.map
+export {$8d2aea0e455eb460$export$54c24f7ee8577f4f as ListBoxTester};
+//# sourceMappingURL=listbox.js.map

package/dist/private/listbox.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/test-utils/src/listbox.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {act, within} from '@testing-library/react';\nimport {getAltKey, getMetaKey, pressElement, triggerLongPress} from './events';\nimport {ListBoxTesterOpts, UserOpts} from './types';\n\ninterface ListBoxToggleOptionOpts {\n  /**\n   * What interaction type to use when toggling selection for an option. Defaults to the interaction type set on the tester.\n   */\n  interactionType?: UserOpts['interactionType'],\n  /**\n   * The index, text, or node of the option to toggle selection for.\n   */\n  option: number | string | HTMLElement,\n  /**\n   * Whether the option should be triggered by Space or Enter in keyboard modality.\n   * @default 'Enter'\n   */\n  keyboardActivation?: 'Space' | 'Enter',\n  /**\n   * Whether the option needs to be long pressed to be selected. Depends on the listbox's implementation.\n   */\n  needsLongPress?: boolean,\n  /**\n   * Whether the listbox has a selectionBehavior of \"toggle\" or \"replace\" (aka highlight selection). This affects the user operations\n   * required to toggle option selection by adding modifier keys during user actions, useful when performing multi-option selection in a \"selectionBehavior: 'replace'\" listbox.\n   * If you would like to still simulate user actions (aka press) without these modifiers keys for a \"selectionBehavior: replace\" listbox, simply omit this option.\n   * See the [RAC Listbox docs](https://react-spectrum.adobe.com/react-aria/ListBox.html#selection-behavior) for more info on this behavior.\n   *\n   * @default 'toggle'\n   */\n    selectionBehavior?: 'toggle' | 'replace'\n}\n\ninterface ListBoxOptionActionOpts extends Omit<ListBoxToggleOptionOpts, 'keyboardActivation' | 'needsLongPress'> {\n  /**\n   * Whether or not the option needs a double click to trigger the option action. Depends on the listbox's implementation.\n   */\n  needsDoubleClick?: boolean\n}\n\nexport class ListBoxTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _advanceTimer: UserOpts['advanceTimer'];\n  private _listbox: HTMLElement;\n\n  constructor(opts: ListBoxTesterOpts) {\n    let {root, user, interactionType, advanceTimer} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    this._listbox = root;\n    this._advanceTimer = advanceTimer;\n  }\n\n  /**\n   * Set the interaction type used by the listbox tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  // TODO: now that we have listbox, perhaps select can make use of this tester internally\n  /**\n   * Returns a option matching the specified index or text content.\n   */\n  findOption(opts: {optionIndexOrText: number | string}): HTMLElement {\n    let {\n      optionIndexOrText\n    } = opts;\n\n    let option;\n    let options = this.options();\n\n    if (typeof optionIndexOrText === 'number') {\n      option = options[optionIndexOrText];\n    } else if (typeof optionIndexOrText === 'string') {\n      option = (within(this.listbox!).getByText(optionIndexOrText).closest('[role=option]'))! as HTMLElement;\n    }\n\n    return option;\n  }\n\n  // TODO: this is basically the same as menu except for the error message, refactor later so that they share\n  // TODO: this also doesn't support grid layout yet\n  private async keyboardNavigateToOption(opts: {option: HTMLElement, selectionOnNav?: 'default' | 'none'}) {\n    let {option, selectionOnNav = 'default'} = opts;\n    let altKey = getAltKey();\n    let options = this.options();\n    let targetIndex = options.indexOf(option);\n    if (targetIndex === -1) {\n      throw new Error('Option provided is not in the listbox');\n    }\n\n    if (document.activeElement !== this._listbox && !this._listbox.contains(document.activeElement)) {\n      act(() => this._listbox.focus());\n      await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);\n    }\n\n    let currIndex = options.indexOf(document.activeElement as HTMLElement);\n    if (currIndex === -1) {\n      throw new Error('ActiveElement is not in the listbox');\n    }\n\n    let direction = targetIndex > currIndex ? 'down' : 'up';\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[${altKey}>]`);\n    }\n    for (let i = 0; i < Math.abs(targetIndex - currIndex); i++) {\n      await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);\n    }\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[/${altKey}]`);\n    }\n  };\n\n  /**\n   * Toggles the selection for the specified listbox option. Defaults to using the interaction type set on the listbox tester.\n   */\n  async toggleOptionSelection(opts: ListBoxToggleOptionOpts): Promise<void> {\n    let {\n      option,\n      needsLongPress,\n      keyboardActivation = 'Enter',\n      interactionType = this._interactionType,\n      selectionBehavior = 'toggle'\n    } = opts;\n\n    let altKey = getAltKey();\n    let metaKey = getMetaKey();\n\n    if (typeof option === 'string' || typeof option === 'number') {\n      option = this.findOption({optionIndexOrText: option});\n    }\n\n    if (!option) {\n      throw new Error('Target option not found in the listbox.');\n    }\n\n    if (interactionType === 'keyboard') {\n      if (option?.getAttribute('aria-disabled') === 'true') {\n        return;\n      }\n\n      await this.keyboardNavigateToOption({option, selectionOnNav: selectionBehavior === 'replace' ? 'none' : 'default'});\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[${altKey}>]`);\n      }\n      await this.user.keyboard(`[${keyboardActivation}]`);\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[/${altKey}]`);\n      }\n    } else {\n      if (needsLongPress && interactionType === 'touch') {\n        if (this._advanceTimer == null) {\n          throw new Error('No advanceTimers provided for long press.');\n        }\n\n        await triggerLongPress({element: option, advanceTimer: this._advanceTimer, pointerOpts: {pointerType: 'touch'}});\n      } else {\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[${metaKey}>]`);\n        }\n        await pressElement(this.user, option, interactionType);\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[/${metaKey}]`);\n        }\n      }\n    }\n  }\n\n  /**\n   * Triggers the action for the specified listbox option. Defaults to using the interaction type set on the listbox tester.\n   */\n  async triggerOptionAction(opts: ListBoxOptionActionOpts): Promise<void> {\n    let {\n      option,\n      needsDoubleClick,\n      interactionType = this._interactionType\n    } = opts;\n\n    if (typeof option === 'string' || typeof option === 'number') {\n      option = this.findOption({optionIndexOrText: option});\n    }\n\n    if (!option) {\n      throw new Error('Target option not found in the listbox.');\n    }\n\n    if (needsDoubleClick) {\n      await this.user.dblClick(option);\n    } else if (interactionType === 'keyboard') {\n      if (option?.getAttribute('aria-disabled') === 'true') {\n        return;\n      }\n\n      await this.keyboardNavigateToOption({option, selectionOnNav: 'none'});\n      await this.user.keyboard('[Enter]');\n    } else {\n      await pressElement(this.user, option, interactionType);\n    }\n  }\n\n  /**\n   * Returns the listbox.\n   */\n  get listbox(): HTMLElement {\n    return this._listbox;\n  }\n\n  /**\n   * Returns the listbox options. Can be filtered to a subsection of the listbox if provided via `element`.\n   */\n  options(opts: {element?: HTMLElement} = {}): HTMLElement[] {\n    let {element = this._listbox} = opts;\n    let options = [];\n    if (element) {\n      options = within(element).queryAllByRole('option');\n    }\n\n    return options;\n  }\n\n  /**\n   * Returns the listbox's selected options if any.\n   */\n  get selectedOptions(): HTMLElement[] {\n    return this.options().filter(row => row.getAttribute('aria-selected') === 'true');\n  }\n\n  /**\n   * Returns the listbox's sections if any.\n   */\n  get sections(): HTMLElement[] {\n    return within(this._listbox).queryAllByRole('group');\n  }\n}\n"],"names":[],"version":3,"file":"listbox.js.map"}

package/dist/{menu.main.js → private/menu.cjs}

@@ -1,12 +1,12 @@
-var $5a8bfe1663b8366d$exports = require("./events.main.js");
-var $l5sJH$testinglibraryreact = require("@testing-library/react");
+var $01a4eeee86094c77$exports = require("./events.cjs");
+var $k2SXY$testinglibraryreact = require("@testing-library/react");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "MenuTester", () => $31965f39292c8e99$export$f73bbc9212ed861e);
+$parcel$export(module.exports, "MenuTester", function () { return $72b6079685b45ac0$export$f73bbc9212ed861e; });
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -19,7 +19,24 @@ $parcel$export(module.exports, "MenuTester", () => $31965f39292c8e99$export$f73b
  * governing permissions and limitations under the License.
  */ 
 
-class $31965f39292c8e99$export$f73bbc9212ed861e {
+class $72b6079685b45ac0$export$f73bbc9212ed861e {
+    constructor(opts){
+        this._isSubmenu = false;
+        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer, isSubmenu: isSubmenu, rootMenu: rootMenu } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        this._advanceTimer = advanceTimer;
+        // Handle case where a submenu trigger is provided to the tester
+        if (root.getAttribute('role') === 'menuitem') this._trigger = root;
+        else {
+            // Handle case where element provided is a wrapper of the trigger button
+            let trigger = (0, $k2SXY$testinglibraryreact.within)(root).queryByRole('button');
+            if (trigger) this._trigger = trigger;
+            else this._trigger = root;
+        }
+        this._isSubmenu = isSubmenu || false;
+        this._rootMenu = rootMenu;
+    }
     /**
    * Set the interaction type used by the menu tester.
    */ setInteractionType(type) {
@@ -37,7 +54,7 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
             if (needsLongPress) {
                 if (this._advanceTimer == null) throw new Error('No advanceTimers provided for long press.');
                 let pointerType = interactionType === 'mouse' ? 'mouse' : 'touch';
-                await (0, $5a8bfe1663b8366d$exports.triggerLongPress)({
+                await (0, $01a4eeee86094c77$exports.triggerLongPress)({
                     element: trigger,
                     advanceTimer: this._advanceTimer,
                     pointerOpts: {
@@ -51,23 +68,23 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
             });
         } else if (interactionType === 'keyboard' && !isDisabled) {
             if (direction === 'up') {
-                (0, $l5sJH$testinglibraryreact.act)(()=>trigger.focus());
+                (0, $k2SXY$testinglibraryreact.act)(()=>trigger.focus());
                 await this.user.keyboard('[ArrowUp]');
             } else if (direction === 'down') {
-                (0, $l5sJH$testinglibraryreact.act)(()=>trigger.focus());
+                (0, $k2SXY$testinglibraryreact.act)(()=>trigger.focus());
                 await this.user.keyboard('[ArrowDown]');
             } else {
-                (0, $l5sJH$testinglibraryreact.act)(()=>trigger.focus());
+                (0, $k2SXY$testinglibraryreact.act)(()=>trigger.focus());
                 await this.user.keyboard('[Enter]');
             }
         }
-        await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
+        await (0, $k2SXY$testinglibraryreact.waitFor)(()=>{
             if (trigger.getAttribute('aria-controls') == null && !isDisabled) throw new Error('No aria-controls found on menu trigger element.');
             else return true;
         });
         if (!isDisabled) {
             let menuId = trigger.getAttribute('aria-controls');
-            await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
+            await (0, $k2SXY$testinglibraryreact.waitFor)(()=>{
                 if (!menuId || document.getElementById(menuId) == null) throw new Error(`Menu with id of ${menuId} not found in document.`);
                 else return true;
             });
@@ -81,7 +98,7 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
         let options = this.options();
         let menu = this.menu;
         if (typeof optionIndexOrText === 'number') option = options[optionIndexOrText];
-        else if (typeof optionIndexOrText === 'string' && menu != null) option = (0, $l5sJH$testinglibraryreact.within)(menu).getByText(optionIndexOrText).closest('[role=menuitem], [role=menuitemradio], [role=menuitemcheckbox]');
+        else if (typeof optionIndexOrText === 'string' && menu != null) option = (0, $k2SXY$testinglibraryreact.within)(menu).getByText(optionIndexOrText).closest('[role=menuitem], [role=menuitemradio], [role=menuitemcheckbox]');
         return option;
     }
     // TODO: also very similar to select, barring potential long press support
@@ -103,8 +120,8 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
             });
             if (!option) throw new Error('Target option not found in the menu.');
             if (interactionType === 'keyboard') {
-                if ((option === null || option === void 0 ? void 0 : option.getAttribute('aria-disabled')) === 'true') return;
-                if (document.activeElement !== menu && !menu.contains(document.activeElement)) (0, $l5sJH$testinglibraryreact.act)(()=>menu.focus());
+                if (option?.getAttribute('aria-disabled') === 'true') return;
+                if (document.activeElement !== menu && !menu.contains(document.activeElement)) (0, $k2SXY$testinglibraryreact.act)(()=>menu.focus());
                 await this.keyboardNavigateToOption({
                     option: option
                 });
@@ -119,26 +136,25 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
             if (!(menuSelectionMode === 'single' && !closesOnSelect) && !(menuSelectionMode === 'multiple' && (keyboardActivation === 'Space' || interactionType === 'mouse'))) {
                 // For RSP, clicking on a submenu option seems to briefly lose focus to the body before moving to the clicked option in the test so we need to wait
                 // for focus to be coerced to somewhere else in place of running all timers.
-                if (this._isSubmenu) await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
+                if (this._isSubmenu) await (0, $k2SXY$testinglibraryreact.waitFor)(()=>{
                     if (document.activeElement === document.body) throw new Error('Expected focus to move to somewhere other than the body after selecting a submenu option.');
                     else return true;
                 });
                 // If user isn't trying to select multiple menu options or closeOnSelect is true then we can assume that
                 // the menu will close or some action is triggered. In cases like that focus should move somewhere after the menu closes
                 // but we can't really know where so just make sure it doesn't get lost to the body.
-                await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
+                await (0, $k2SXY$testinglibraryreact.waitFor)(()=>{
                     if (document.activeElement === option) throw new Error('Expected focus after selecting an option to move away from the option.');
                     else return true;
                 });
                 // We'll also want to wait for focus to move away from the original submenu trigger since the entire submenu tree should
                 // close. In React 16, focus actually makes it all the way to the root menu's submenu trigger so we need check the root menu
-                if (this._isSubmenu) await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
-                    var _this__rootMenu;
-                    if (document.activeElement === this.trigger || ((_this__rootMenu = this._rootMenu) === null || _this__rootMenu === void 0 ? void 0 : _this__rootMenu.contains(document.activeElement))) throw new Error('Expected focus after selecting an submenu option to move away from the original submenu trigger.');
+                if (this._isSubmenu) await (0, $k2SXY$testinglibraryreact.waitFor)(()=>{
+                    if (document.activeElement === this.trigger || this._rootMenu?.contains(document.activeElement)) throw new Error('Expected focus after selecting an submenu option to move away from the original submenu trigger.');
                     else return true;
                 });
                 // Finally wait for focus to be coerced somewhere final when the menu tree is removed from the DOM
-                await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
+                await (0, $k2SXY$testinglibraryreact.waitFor)(()=>{
                     if (document.activeElement === document.body) throw new Error('Expected focus to move to somewhere other than the body after selecting a menu option.');
                     else return true;
                 });
@@ -158,8 +174,8 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
         if (!isDisabled) {
             let menu = this.menu;
             if (menu) {
-                if (typeof submenuTrigger === 'string') submenuTrigger = (0, $l5sJH$testinglibraryreact.within)(menu).getByText(submenuTrigger).closest('[role=menuitem]');
-                let submenuTriggerTester = new $31965f39292c8e99$export$f73bbc9212ed861e({
+                if (typeof submenuTrigger === 'string') submenuTrigger = (0, $k2SXY$testinglibraryreact.within)(menu).getByText(submenuTrigger).closest('[role=menuitem]');
+                let submenuTriggerTester = new $72b6079685b45ac0$export$f73bbc9212ed861e({
                     user: this.user,
                     interactionType: this._interactionType,
                     root: submenuTrigger,
@@ -176,9 +192,8 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
                     });
                     await this.user.keyboard('[ArrowRight]');
                 } else await submenuTriggerTester.open();
-                await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
-                    var _submenuTriggerTester__trigger;
-                    if (((_submenuTriggerTester__trigger = submenuTriggerTester._trigger) === null || _submenuTriggerTester__trigger === void 0 ? void 0 : _submenuTriggerTester__trigger.getAttribute('aria-expanded')) !== 'true') throw new Error('aria-expanded for the submenu trigger wasn\'t changed to "true", unable to confirm the existance of the submenu');
+                await (0, $k2SXY$testinglibraryreact.waitFor)(()=>{
+                    if (submenuTriggerTester._trigger?.getAttribute('aria-expanded') !== 'true') throw new Error('aria-expanded for the submenu trigger wasn\'t changed to "true", unable to confirm the existance of the submenu');
                     else return true;
                 });
                 return submenuTriggerTester;
@@ -202,9 +217,9 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
    */ async close() {
         let menu = this.menu;
         if (menu) {
-            (0, $l5sJH$testinglibraryreact.act)(()=>menu.focus());
+            (0, $k2SXY$testinglibraryreact.act)(()=>menu.focus());
             await this.user.keyboard('[Escape]');
-            await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
+            await (0, $k2SXY$testinglibraryreact.waitFor)(()=>{
                 if (document.activeElement !== this.trigger) throw new Error(`Expected the document.activeElement after closing the menu to be the menu trigger but got ${document.activeElement}`);
                 else return true;
             });
@@ -227,7 +242,7 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
    * Returns the menu's sections if any.
    */ get sections() {
         let menu = this.menu;
-        if (menu) return (0, $l5sJH$testinglibraryreact.within)(menu).queryAllByRole('group');
+        if (menu) return (0, $k2SXY$testinglibraryreact.within)(menu).queryAllByRole('group');
         else return [];
     }
     /**
@@ -236,10 +251,10 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
         let { element: element = this.menu } = opts;
         let options = [];
         if (element) {
-            options = (0, $l5sJH$testinglibraryreact.within)(element).queryAllByRole('menuitem');
+            options = (0, $k2SXY$testinglibraryreact.within)(element).queryAllByRole('menuitem');
             if (options.length === 0) {
-                options = (0, $l5sJH$testinglibraryreact.within)(element).queryAllByRole('menuitemradio');
-                if (options.length === 0) options = (0, $l5sJH$testinglibraryreact.within)(element).queryAllByRole('menuitemcheckbox');
+                options = (0, $k2SXY$testinglibraryreact.within)(element).queryAllByRole('menuitemradio');
+                if (options.length === 0) options = (0, $k2SXY$testinglibraryreact.within)(element).queryAllByRole('menuitemcheckbox');
             }
         }
         return options;
@@ -251,24 +266,7 @@ class $31965f39292c8e99$export$f73bbc9212ed861e {
         if (options.length > 0) return options.filter((item)=>item.getAttribute('aria-haspopup') != null);
         return [];
     }
-    constructor(opts){
-        this._isSubmenu = false;
-        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer, isSubmenu: isSubmenu, rootMenu: rootMenu } = opts;
-        this.user = user;
-        this._interactionType = interactionType || 'mouse';
-        this._advanceTimer = advanceTimer;
-        // Handle case where a submenu trigger is provided to the tester
-        if (root.getAttribute('role') === 'menuitem') this._trigger = root;
-        else {
-            // Handle case where element provided is a wrapper of the trigger button
-            let trigger = (0, $l5sJH$testinglibraryreact.within)(root).queryByRole('button');
-            if (trigger) this._trigger = trigger;
-            else this._trigger = root;
-        }
-        this._isSubmenu = isSubmenu || false;
-        this._rootMenu = rootMenu;
-    }
 }
 
 
-//# sourceMappingURL=menu.main.js.map
+//# sourceMappingURL=menu.cjs.map

package/dist/private/menu.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/test-utils/src/menu.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {act, waitFor, within} from '@testing-library/react';\nimport {MenuTesterOpts, UserOpts} from './types';\nimport {triggerLongPress} from './events';\n\ninterface MenuOpenOpts {\n  /**\n   * Whether the menu needs to be long pressed to open.\n   */\n  needsLongPress?: boolean,\n  /**\n   * What interaction type to use when opening the menu. Defaults to the interaction type set on the tester.\n   */\n  interactionType?: UserOpts['interactionType'],\n  /**\n   * Whether to open the menu via ArrowUp or ArrowDown if in keyboard modality.\n   */\n  direction?: 'up' | 'down'\n}\n\ninterface MenuSelectOpts extends MenuOpenOpts {\n  /**\n   * The index, text, or node of the option to select. Option nodes can be sourced via `options()`.\n   */\n  option: number | string | HTMLElement,\n  /**\n   * The menu's selection mode. Will affect whether or not the menu is expected to be closed upon option selection.\n   * @default 'single'\n   */\n  menuSelectionMode?: 'single' | 'multiple',\n  /**\n   * Whether or not the menu closes on select. Depends on menu implementation and configuration.\n   * @default true\n   */\n  closesOnSelect?: boolean,\n  /**\n   * Whether the option should be triggered by Space or Enter in keyboard modality.\n   * @default 'Enter'\n   */\n  keyboardActivation?: 'Space' | 'Enter'\n}\n\ninterface MenuOpenSubmenuOpts extends MenuOpenOpts {\n  /**\n   * The text or node of the submenu trigger to open. Available submenu trigger nodes can be sourced via `submenuTriggers`.\n   */\n  submenuTrigger: string | HTMLElement\n}\n\nexport class MenuTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _advanceTimer: UserOpts['advanceTimer'];\n  private _trigger: HTMLElement | undefined;\n  private _isSubmenu: boolean = false;\n  private _rootMenu: HTMLElement | undefined;\n\n  constructor(opts: MenuTesterOpts) {\n    let {root, user, interactionType, advanceTimer, isSubmenu, rootMenu} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    this._advanceTimer = advanceTimer;\n\n    // Handle case where a submenu trigger is provided to the tester\n    if (root.getAttribute('role') === 'menuitem') {\n      this._trigger = root;\n    } else {\n      // Handle case where element provided is a wrapper of the trigger button\n      let trigger = within(root).queryByRole('button');\n      if (trigger) {\n        this._trigger = trigger;\n      } else {\n        this._trigger = root;\n      }\n    }\n\n    this._isSubmenu = isSubmenu || false;\n    this._rootMenu = rootMenu;\n  }\n\n  /**\n   * Set the interaction type used by the menu tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  // TODO: this has been common to select as well, maybe make select use it? Or make a generic method. Will need to make error messages generic\n  // One difference will be that it supports long press as well\n  /**\n   * Opens the menu. Defaults to using the interaction type set on the menu tester.\n   */\n  async open(opts: MenuOpenOpts = {}): Promise<void> {\n    let {\n      needsLongPress,\n      interactionType = this._interactionType,\n      direction\n    } = opts;\n    let trigger = this.trigger;\n    let isDisabled = trigger.hasAttribute('disabled');\n    if (interactionType === 'mouse' || interactionType === 'touch') {\n      if (needsLongPress) {\n        if (this._advanceTimer == null) {\n          throw new Error('No advanceTimers provided for long press.');\n        }\n        let pointerType = interactionType === 'mouse' ? 'mouse' : 'touch';\n        await triggerLongPress({element: trigger, advanceTimer: this._advanceTimer, pointerOpts: {pointerType}});\n      } else if (interactionType === 'mouse') {\n        await this.user.click(trigger);\n      } else {\n        await this.user.pointer({target: trigger, keys: '[TouchA]'});\n      }\n    } else if (interactionType === 'keyboard' && !isDisabled) {\n      if (direction === 'up') {\n        act(() => trigger.focus());\n        await this.user.keyboard('[ArrowUp]');\n      } else if (direction === 'down') {\n        act(() => trigger.focus());\n        await this.user.keyboard('[ArrowDown]');\n      } else {\n        act(() => trigger.focus());\n        await this.user.keyboard('[Enter]');\n      }\n    }\n\n    await waitFor(() => {\n      if (trigger.getAttribute('aria-controls') == null && !isDisabled) {\n        throw new Error('No aria-controls found on menu trigger element.');\n      } else {\n        return true;\n      }\n    });\n    if (!isDisabled) {\n      let menuId = trigger.getAttribute('aria-controls');\n      await waitFor(() => {\n        if (!menuId || document.getElementById(menuId) == null) {\n          throw new Error(`Menu with id of ${menuId} not found in document.`);\n        } else {\n          return true;\n        }\n      });\n    }\n  }\n\n  /**\n   * Returns a option matching the specified index or text content.\n   */\n  findOption(opts: {optionIndexOrText: number | string}): HTMLElement {\n    let {\n      optionIndexOrText\n    } = opts;\n\n    let option;\n    let options = this.options();\n    let menu = this.menu;\n\n    if (typeof optionIndexOrText === 'number') {\n      option = options[optionIndexOrText];\n    } else if (typeof optionIndexOrText === 'string' && menu != null) {\n      option = (within(menu!).getByText(optionIndexOrText).closest('[role=menuitem], [role=menuitemradio], [role=menuitemcheckbox]'))! as HTMLElement;\n    }\n\n    return option;\n  }\n\n  // TODO: also very similar to select, barring potential long press support\n  // Close on select is also kinda specific?\n  /**\n   * Selects the desired menu option. Defaults to using the interaction type set on the menu tester. If necessary, will open the menu dropdown beforehand.\n   * The desired option can be targeted via the option's node, the option's text, or the option's index.\n   */\n  async selectOption(opts: MenuSelectOpts): Promise<void> {\n    let {\n      menuSelectionMode = 'single',\n      needsLongPress,\n      closesOnSelect = true,\n      option,\n      interactionType = this._interactionType,\n      keyboardActivation = 'Enter'\n    } = opts;\n    let trigger = this.trigger;\n\n    if (!trigger.getAttribute('aria-controls') && !trigger.hasAttribute('aria-expanded')) {\n      await this.open({needsLongPress});\n    }\n\n    let menu = this.menu;\n\n    if (!menu) {\n      throw new Error('Menu not found.');\n    }\n\n    if (menu) {\n      if (typeof option === 'string' || typeof option === 'number') {\n        option = this.findOption({optionIndexOrText: option});\n      }\n\n      if (!option) {\n        throw new Error('Target option not found in the menu.');\n      }\n\n      if (interactionType === 'keyboard') {\n        if (option?.getAttribute('aria-disabled') === 'true') {\n          return;\n        }\n\n        if (document.activeElement !== menu && !menu.contains(document.activeElement)) {\n          act(() => menu.focus());\n        }\n\n        await this.keyboardNavigateToOption({option});\n        await this.user.keyboard(`[${keyboardActivation}]`);\n      } else {\n        if (interactionType === 'mouse') {\n          await this.user.click(option);\n        } else {\n          await this.user.pointer({target: option, keys: '[TouchA]'});\n        }\n      }\n\n      // This chain of waitFors is needed in place of running all timers since we don't know how long transitions may take, or what action\n      // the menu option select may trigger.\n      if (\n        !(menuSelectionMode === 'single' && !closesOnSelect) &&\n        !(menuSelectionMode === 'multiple' && (keyboardActivation === 'Space' || interactionType === 'mouse'))\n      ) {\n        // For RSP, clicking on a submenu option seems to briefly lose focus to the body before moving to the clicked option in the test so we need to wait\n        // for focus to be coerced to somewhere else in place of running all timers.\n        if (this._isSubmenu) {\n          await waitFor(() => {\n            if (document.activeElement === document.body) {\n              throw new Error('Expected focus to move to somewhere other than the body after selecting a submenu option.');\n            } else {\n              return true;\n            }\n          });\n        }\n\n        // If user isn't trying to select multiple menu options or closeOnSelect is true then we can assume that\n        // the menu will close or some action is triggered. In cases like that focus should move somewhere after the menu closes\n        // but we can't really know where so just make sure it doesn't get lost to the body.\n        await waitFor(() => {\n          if (document.activeElement === option) {\n            throw new Error('Expected focus after selecting an option to move away from the option.');\n          } else {\n            return true;\n          }\n        });\n\n        // We'll also want to wait for focus to move away from the original submenu trigger since the entire submenu tree should\n        // close. In React 16, focus actually makes it all the way to the root menu's submenu trigger so we need check the root menu\n        if (this._isSubmenu) {\n          await waitFor(() => {\n            if (document.activeElement === this.trigger || this._rootMenu?.contains(document.activeElement)) {\n              throw new Error('Expected focus after selecting an submenu option to move away from the original submenu trigger.');\n            } else {\n              return true;\n            }\n          });\n        }\n\n        // Finally wait for focus to be coerced somewhere final when the menu tree is removed from the DOM\n        await waitFor(() => {\n          if (document.activeElement === document.body) {\n            throw new Error('Expected focus to move to somewhere other than the body after selecting a menu option.');\n          } else {\n            return true;\n          }\n        });\n      }\n    } else {\n      throw new Error(\"Attempted to select a option in the menu, but menu wasn't found.\");\n    }\n  }\n\n  // TODO: update this to remove needsLongPress if we wanna make the user call open first always\n  /**\n   * Opens the submenu. Defaults to using the interaction type set on the menu tester. The submenu trigger can be targeted via the trigger's node or the trigger's text.\n   */\n  async openSubmenu(opts: MenuOpenSubmenuOpts): Promise<MenuTester | null> {\n    let {\n      submenuTrigger,\n      needsLongPress,\n      interactionType = this._interactionType\n    } = opts;\n\n    let trigger = this.trigger;\n    let isDisabled = trigger.hasAttribute('disabled');\n    if (!trigger.getAttribute('aria-controls') && !isDisabled) {\n      await this.open({needsLongPress});\n    }\n    if (!isDisabled) {\n      let menu = this.menu;\n      if (menu) {\n        if (typeof submenuTrigger === 'string') {\n          submenuTrigger = (within(menu!).getByText(submenuTrigger).closest('[role=menuitem]'))! as HTMLElement;\n        }\n\n        let submenuTriggerTester = new MenuTester({\n          user: this.user,\n          interactionType: this._interactionType,\n          root: submenuTrigger,\n          isSubmenu: true,\n          advanceTimer: this._advanceTimer,\n          rootMenu: (this._isSubmenu ? this._rootMenu : this.menu) || undefined\n        });\n        if (interactionType === 'mouse') {\n          await this.user.pointer({target: submenuTrigger});\n        } else if (interactionType === 'keyboard') {\n          await this.keyboardNavigateToOption({option: submenuTrigger});\n          await this.user.keyboard('[ArrowRight]');\n        } else {\n          await submenuTriggerTester.open();\n        }\n\n        await waitFor(() => {\n          if (submenuTriggerTester._trigger?.getAttribute('aria-expanded') !== 'true') {\n            throw new Error('aria-expanded for the submenu trigger wasn\\'t changed to \"true\", unable to confirm the existance of the submenu');\n          } else {\n            return true;\n          }\n        });\n\n        return submenuTriggerTester;\n      }\n    }\n\n    return null;\n  }\n\n  private async keyboardNavigateToOption(opts: {option: HTMLElement}) {\n    let {option} = opts;\n    let options = this.options();\n    let targetIndex = options.findIndex(opt => (opt === option) || opt.contains(option));\n\n    if (targetIndex === -1) {\n      throw new Error('Option provided is not in the menu');\n    }\n    if (document.activeElement === this.menu) {\n      await this.user.keyboard('[ArrowDown]');\n    }\n    let currIndex = options.indexOf(document.activeElement as HTMLElement);\n    if (currIndex === -1) {\n      throw new Error('ActiveElement is not in the menu');\n    }\n    let direction = targetIndex > currIndex ? 'down' : 'up';\n\n    for (let i = 0; i < Math.abs(targetIndex - currIndex); i++) {\n      await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);\n    }\n  };\n\n  /**\n   * Closes the menu.\n   */\n  async close(): Promise<void> {\n    let menu = this.menu;\n    if (menu) {\n      act(() => menu.focus());\n      await this.user.keyboard('[Escape]');\n\n      await waitFor(() => {\n        if (document.activeElement !== this.trigger) {\n          throw new Error(`Expected the document.activeElement after closing the menu to be the menu trigger but got ${document.activeElement}`);\n        } else {\n          return true;\n        }\n      });\n\n      if (document.contains(menu)) {\n        throw new Error('Expected the menu to not be in the document after closing it.');\n      }\n    }\n  }\n\n  /**\n   * Returns the menu's trigger.\n   */\n  get trigger(): HTMLElement {\n    if (!this._trigger) {\n      throw new Error('No trigger element found for menu.');\n    }\n\n    return this._trigger;\n  }\n\n  /**\n   * Returns the menu if present.\n   */\n  get menu(): HTMLElement | null {\n    let menuId = this.trigger.getAttribute('aria-controls');\n    return menuId ? document.getElementById(menuId) : null;\n  }\n\n  /**\n   * Returns the menu's sections if any.\n   */\n  get sections(): HTMLElement[] {\n    let menu = this.menu;\n    if (menu) {\n      return within(menu).queryAllByRole('group');\n    } else {\n      return [];\n    }\n  }\n\n  /**\n   * Returns the menu's options if present. Can be filtered to a subsection of the menu if provided via `element`.\n   */\n  options(opts: {element?: HTMLElement} = {}): HTMLElement[] {\n    let {element = this.menu} = opts;\n    let options: HTMLElement[] = [];\n    if (element) {\n      options = within(element).queryAllByRole('menuitem');\n      if (options.length === 0) {\n        options = within(element).queryAllByRole('menuitemradio');\n        if (options.length === 0) {\n          options = within(element).queryAllByRole('menuitemcheckbox');\n        }\n      }\n    }\n\n    return options;\n  }\n\n  /**\n   * Returns the menu's submenu triggers if any.\n   */\n  get submenuTriggers(): HTMLElement[] {\n    let options = this.options();\n    if (options.length > 0) {\n      return options.filter(item => item.getAttribute('aria-haspopup') != null);\n    }\n\n    return [];\n  }\n}\n"],"names":[],"version":3,"file":"menu.cjs.map"}