@react-aria/test-utils 1.0.0-alpha.3 → 1.0.0-alpha.4

package/dist/menu.main.js

@@ -20,186 +20,220 @@ $parcel$export(module.exports, "MenuTester", () => $31965f39292c8e99$export$f73b
  */ 
 
 class $31965f39292c8e99$export$f73bbc9212ed861e {
-    get trigger() {
-        if (!this._trigger) throw new Error('No trigger element found for menu.');
-        return this._trigger;
+    /**
+   * Set the interaction type used by the menu tester.
+   */ setInteractionType(type) {
+        this._interactionType = type;
     }
-    get menu() {
-        let menuId = this.trigger.getAttribute('aria-controls');
-        return menuId ? document.getElementById(menuId) : undefined;
-    }
-    get options() {
-        let menu = this.menu;
-        let options = [];
-        if (menu) {
-            options = (0, $l5sJH$testinglibraryreact.within)(menu).queryAllByRole('menuitem');
-            if (options.length === 0) {
-                options = (0, $l5sJH$testinglibraryreact.within)(menu).queryAllByRole('menuitemradio');
-                if (options.length === 0) options = (0, $l5sJH$testinglibraryreact.within)(menu).queryAllByRole('menuitemcheckbox');
+    // 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
+    // One difference will be that it supports long press as well
+    /**
+   * Opens the menu. Defaults to using the interaction type set on the menu tester.
+   */ async open(opts = {}) {
+        let { needsLongPress: needsLongPress, interactionType: interactionType = this._interactionType, direction: direction } = opts;
+        let trigger = this.trigger;
+        let isDisabled = trigger.hasAttribute('disabled');
+        if (interactionType === 'mouse' || interactionType === 'touch') {
+            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)({
+                    element: trigger,
+                    advanceTimer: this._advanceTimer,
+                    pointerOpts: {
+                        pointerType: pointerType
+                    }
+                });
+            } else if (interactionType === 'mouse') await this.user.click(trigger);
+            else await this.user.pointer({
+                target: trigger,
+                keys: '[TouchA]'
+            });
+        } else if (interactionType === 'keyboard' && !isDisabled) {
+            if (direction === 'up') {
+                (0, $l5sJH$testinglibraryreact.act)(()=>trigger.focus());
+                await this.user.keyboard('[ArrowUp]');
+            } else if (direction === 'down') {
+                (0, $l5sJH$testinglibraryreact.act)(()=>trigger.focus());
+                await this.user.keyboard('[ArrowDown]');
+            } else {
+                (0, $l5sJH$testinglibraryreact.act)(()=>trigger.focus());
+                await this.user.keyboard('[Enter]');
             }
         }
-        return options;
+        await (0, $l5sJH$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)(()=>{
+                if (!menuId || document.getElementById(menuId) == null) throw new Error(`Menu with id of ${menuId} not found in document.`);
+                else return true;
+            });
+        }
     }
-    get sections() {
+    /**
+   * Returns a option matching the specified index or text content.
+   */ findOption(opts) {
+        let { optionIndexOrText: optionIndexOrText } = opts;
+        let option;
+        let options = this.options();
         let menu = this.menu;
-        if (menu) return (0, $l5sJH$testinglibraryreact.within)(menu).queryAllByRole('group');
-        else return [];
-    }
-    get submenuTriggers() {
-        let options = this.options;
-        if (options.length > 0) return this.options.filter((item)=>item.getAttribute('aria-haspopup') != null);
-        return [];
+        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]');
+        return option;
     }
-    constructor(opts){
-        this._isSubmenu = false;
-        this.setInteractionType = (type)=>{
-            this._interactionType = type;
-        };
-        // 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
-        // One difference will be that it supports long press as well
-        this.open = async (opts = {})=>{
-            let { needsLongPress: needsLongPress, interactionType: interactionType = this._interactionType, direction: direction } = opts;
-            let trigger = this.trigger;
-            let isDisabled = trigger.hasAttribute('disabled');
-            if (interactionType === 'mouse' || interactionType === 'touch') {
-                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)({
-                        element: trigger,
-                        advanceTimer: this._advanceTimer,
-                        pointerOpts: {
-                            pointerType: pointerType
-                        }
-                    });
-                } else if (interactionType === 'mouse') await this.user.click(trigger);
-                else await this.user.pointer({
-                    target: trigger,
-                    keys: '[TouchA]'
+    // TODO: also very similar to select, barring potential long press support
+    // Close on select is also kinda specific?
+    /**
+   * Selects the desired menu option. Defaults to using the interaction type set on the menu tester. If necessary, will open the menu dropdown beforehand.
+   * The desired option can be targeted via the option's node, the option's text, or the option's index.
+   */ async selectOption(opts) {
+        let { menuSelectionMode: menuSelectionMode = 'single', needsLongPress: needsLongPress, closesOnSelect: closesOnSelect = true, option: option, interactionType: interactionType = this._interactionType, keyboardActivation: keyboardActivation = 'Enter' } = opts;
+        let trigger = this.trigger;
+        if (!trigger.getAttribute('aria-controls') && !trigger.hasAttribute('aria-expanded')) await this.open({
+            needsLongPress: needsLongPress
+        });
+        let menu = this.menu;
+        if (!menu) throw new Error('Menu not found.');
+        if (menu) {
+            if (typeof option === 'string' || typeof option === 'number') option = this.findOption({
+                optionIndexOrText: option
+            });
+            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());
+                await this.keyboardNavigateToOption({
+                    option: option
                 });
-            } else if (interactionType === 'keyboard' && !isDisabled) {
-                if (direction === 'up') {
-                    (0, $l5sJH$testinglibraryreact.act)(()=>trigger.focus());
-                    await this.user.keyboard('[ArrowUp]');
-                } else if (direction === 'down') {
-                    (0, $l5sJH$testinglibraryreact.act)(()=>trigger.focus());
-                    await this.user.keyboard('[ArrowDown]');
-                } else {
-                    (0, $l5sJH$testinglibraryreact.act)(()=>trigger.focus());
-                    await this.user.keyboard('[Enter]');
-                }
-            }
-            await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
-                if (trigger.getAttribute('aria-controls') == null && !isDisabled) throw new Error('No aria-controls found on menu trigger element.');
-                else return true;
+                await this.user.keyboard(`[${keyboardActivation}]`);
+            } else if (interactionType === 'mouse') await this.user.click(option);
+            else await this.user.pointer({
+                target: option,
+                keys: '[TouchA]'
+            });
+            (0, $l5sJH$testinglibraryreact.act)(()=>{
+                jest.runAllTimers();
             });
-            if (!isDisabled) {
-                let menuId = trigger.getAttribute('aria-controls');
+            if (option.getAttribute('href') == null && option.getAttribute('aria-haspopup') == null && menuSelectionMode === 'single' && closesOnSelect && keyboardActivation !== 'Space' && !this._isSubmenu) {
                 await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
-                    if (!menuId || document.getElementById(menuId) == null) throw new Error(`Menu with id of ${menuId} not found in document.`);
+                    if (document.activeElement !== trigger) throw new Error(`Expected the document.activeElement after selecting an option to be the menu trigger but got ${document.activeElement}`);
                     else return true;
                 });
+                if (document.contains(menu)) throw new Error('Expected menu element to not be in the document after selecting an option');
             }
-        };
-        // TODO: also very similar to select, barring potential long press support
-        // Close on select is also kinda specific?
-        this.selectOption = async (opts)=>{
-            let { optionText: optionText, menuSelectionMode: menuSelectionMode = 'single', needsLongPress: needsLongPress, closesOnSelect: closesOnSelect = true, option: option, interactionType: interactionType = this._interactionType, keyboardActivation: keyboardActivation = 'Enter' } = opts;
-            let trigger = this.trigger;
-            if (!trigger.getAttribute('aria-controls') && !trigger.hasAttribute('aria-expanded')) await this.open({
-                needsLongPress: needsLongPress
-            });
+        } else throw new Error("Attempted to select a option in the menu, but menu wasn't found.");
+    }
+    // TODO: update this to remove needsLongPress if we wanna make the user call open first always
+    /**
+   * 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.
+   */ async openSubmenu(opts) {
+        let { submenuTrigger: submenuTrigger, needsLongPress: needsLongPress, interactionType: interactionType = this._interactionType } = opts;
+        let trigger = this.trigger;
+        let isDisabled = trigger.hasAttribute('disabled');
+        if (!trigger.getAttribute('aria-controls') && !isDisabled) await this.open({
+            needsLongPress: needsLongPress
+        });
+        if (!isDisabled) {
             let menu = this.menu;
             if (menu) {
-                if (!option && optionText) option = (0, $l5sJH$testinglibraryreact.within)(menu).getByText(optionText).closest('[role=menuitem], [role=menuitemradio], [role=menuitemcheckbox]');
-                if (!option) throw new Error('No option found in the menu.');
-                if (interactionType === 'keyboard') {
-                    if (document.activeElement !== menu || !menu.contains(document.activeElement)) (0, $l5sJH$testinglibraryreact.act)(()=>menu.focus());
-                    await this.keyboardNavigateToOption({
-                        option: option
-                    });
-                    await this.user.keyboard(`[${keyboardActivation}]`);
-                } else if (interactionType === 'mouse') await this.user.click(option);
-                else await this.user.pointer({
-                    target: option,
-                    keys: '[TouchA]'
-                });
-                (0, $l5sJH$testinglibraryreact.act)(()=>{
-                    jest.runAllTimers();
+                if (typeof submenuTrigger === 'string') submenuTrigger = (0, $l5sJH$testinglibraryreact.within)(menu).getByText(submenuTrigger).closest('[role=menuitem]');
+                let submenuTriggerTester = new $31965f39292c8e99$export$f73bbc9212ed861e({
+                    user: this.user,
+                    interactionType: this._interactionType,
+                    root: submenuTrigger,
+                    isSubmenu: true
                 });
-                if (option && option.getAttribute('href') == null && option.getAttribute('aria-haspopup') == null && menuSelectionMode === 'single' && closesOnSelect && keyboardActivation !== 'Space' && !this._isSubmenu) {
-                    await (0, $l5sJH$testinglibraryreact.waitFor)(()=>{
-                        if (document.activeElement !== trigger) throw new Error(`Expected the document.activeElement after selecting an option to be the menu trigger but got ${document.activeElement}`);
-                        else return true;
+                if (interactionType === 'mouse') {
+                    await this.user.pointer({
+                        target: submenuTrigger
                     });
-                    if (document.contains(menu)) throw new Error('Expected menu element to not be in the document after selecting an option');
-                }
-            } else throw new Error("Attempted to select a option in the menu, but menu wasn't found.");
-        };
-        // TODO: update this to remove needsLongPress if we wanna make the user call open first always
-        this.openSubmenu = async (opts)=>{
-            let { submenuTrigger: submenuTrigger, submenuTriggerText: submenuTriggerText, needsLongPress: needsLongPress, interactionType: interactionType = this._interactionType } = opts;
-            let trigger = this.trigger;
-            let isDisabled = trigger.hasAttribute('disabled');
-            if (!trigger.getAttribute('aria-controls') && !isDisabled) await this.open({
-                needsLongPress: needsLongPress
-            });
-            if (!isDisabled) {
-                let menu = this.menu;
-                if (menu) {
-                    let submenu;
-                    if (submenuTrigger) submenu = submenuTrigger;
-                    else if (submenuTriggerText) submenu = (0, $l5sJH$testinglibraryreact.within)(menu).getByText(submenuTriggerText);
-                    let submenuTriggerTester = new $31965f39292c8e99$export$f73bbc9212ed861e({
-                        user: this.user,
-                        interactionType: this._interactionType,
-                        root: submenu,
-                        isSubmenu: true
+                    (0, $l5sJH$testinglibraryreact.act)(()=>{
+                        jest.runAllTimers();
                     });
-                    if (interactionType === 'mouse') {
-                        await this.user.pointer({
-                            target: submenu
-                        });
-                        (0, $l5sJH$testinglibraryreact.act)(()=>{
-                            jest.runAllTimers();
-                        });
-                    } else if (interactionType === 'keyboard') {
-                        await this.keyboardNavigateToOption({
-                            option: submenu
-                        });
-                        await this.user.keyboard('[ArrowRight]');
-                        (0, $l5sJH$testinglibraryreact.act)(()=>{
-                            jest.runAllTimers();
-                        });
-                    } else await submenuTriggerTester.open();
-                    return submenuTriggerTester;
-                }
+                } else if (interactionType === 'keyboard') {
+                    await this.keyboardNavigateToOption({
+                        option: submenuTrigger
+                    });
+                    await this.user.keyboard('[ArrowRight]');
+                    (0, $l5sJH$testinglibraryreact.act)(()=>{
+                        jest.runAllTimers();
+                    });
+                } else await submenuTriggerTester.open();
+                return submenuTriggerTester;
             }
-            return null;
-        };
-        this.keyboardNavigateToOption = async (opts)=>{
-            let { option: option } = opts;
-            let options = this.options;
-            let targetIndex = options.indexOf(option);
-            if (targetIndex === -1) throw new Error('Option provided is not in the menu');
-            if (document.activeElement === this.menu) await this.user.keyboard('[ArrowDown]');
-            let currIndex = options.indexOf(document.activeElement);
-            if (targetIndex === -1) throw new Error('ActiveElement is not in the menu');
-            let direction = targetIndex > currIndex ? 'down' : 'up';
-            for(let i = 0; i < Math.abs(targetIndex - currIndex); i++)await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);
-        };
-        this.close = async ()=>{
-            let menu = this.menu;
-            if (menu) {
-                (0, $l5sJH$testinglibraryreact.act)(()=>menu.focus());
-                await this.user.keyboard('[Escape]');
-                await (0, $l5sJH$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;
-                });
-                if (document.contains(menu)) throw new Error('Expected the menu to not be in the document after closing it.');
+        }
+        return null;
+    }
+    async keyboardNavigateToOption(opts) {
+        let { option: option } = opts;
+        let options = this.options();
+        let targetIndex = options.findIndex((opt)=>opt === option || opt.contains(option));
+        if (targetIndex === -1) throw new Error('Option provided is not in the menu');
+        if (document.activeElement === this.menu) await this.user.keyboard('[ArrowDown]');
+        let currIndex = options.indexOf(document.activeElement);
+        if (currIndex === -1) throw new Error('ActiveElement is not in the menu');
+        let direction = targetIndex > currIndex ? 'down' : 'up';
+        for(let i = 0; i < Math.abs(targetIndex - currIndex); i++)await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);
+    }
+    /**
+   * Closes the menu.
+   */ async close() {
+        let menu = this.menu;
+        if (menu) {
+            (0, $l5sJH$testinglibraryreact.act)(()=>menu.focus());
+            await this.user.keyboard('[Escape]');
+            await (0, $l5sJH$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;
+            });
+            if (document.contains(menu)) throw new Error('Expected the menu to not be in the document after closing it.');
+        }
+    }
+    /**
+   * Returns the menu's trigger.
+   */ get trigger() {
+        if (!this._trigger) throw new Error('No trigger element found for menu.');
+        return this._trigger;
+    }
+    /**
+   * Returns the menu if present.
+   */ get menu() {
+        let menuId = this.trigger.getAttribute('aria-controls');
+        return menuId ? document.getElementById(menuId) : null;
+    }
+    /**
+   * Returns the menu's sections if any.
+   */ get sections() {
+        let menu = this.menu;
+        if (menu) return (0, $l5sJH$testinglibraryreact.within)(menu).queryAllByRole('group');
+        else return [];
+    }
+    /**
+   * Returns the menu's options if present. Can be filtered to a subsection of the menu if provided via `element`.
+   */ options(opts = {}) {
+        let { element: element = this.menu } = opts;
+        let options = [];
+        if (element) {
+            options = (0, $l5sJH$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');
             }
-        };
+        }
+        return options;
+    }
+    /**
+   * Returns the menu's submenu triggers if any.
+   */ get submenuTriggers() {
+        let options = this.options();
+        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 } = opts;
         this.user = user;
         this._interactionType = interactionType || 'mouse';

package/dist/menu.main.js.map

@@ -1 +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 {BaseTesterOpts, UserOpts} from './user';\nimport {triggerLongPress} from './events';\n\nexport interface MenuOptions extends UserOpts, BaseTesterOpts {\n  user?: any,\n  isSubmenu?: boolean\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\n  constructor(opts: MenuOptions) {\n    let {root, user, interactionType, advanceTimer, isSubmenu} = 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  }\n\n  setInteractionType = (type: UserOpts['interactionType']) => {\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  open = async (opts: {needsLongPress?: boolean, interactionType?: UserOpts['interactionType'], direction?: 'up' | 'down'} = {}) => {\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  // TODO: also very similar to select, barring potential long press support\n  // Close on select is also kinda specific?\n  selectOption = async (opts: {\n    option?: HTMLElement,\n    optionText?: string,\n    menuSelectionMode?: 'single' | 'multiple',\n    needsLongPress?: boolean,\n    closesOnSelect?: boolean,\n    interactionType?: UserOpts['interactionType'],\n    keyboardActivation?: 'Space' | 'Enter'\n  }) => {\n    let {\n      optionText,\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    if (menu) {\n      if (!option && optionText) {\n        option = (within(menu!).getByText(optionText).closest('[role=menuitem], [role=menuitemradio], [role=menuitemcheckbox]'))! as HTMLElement;\n      }\n      if (!option) {\n        throw new Error('No option found in the menu.');\n      }\n\n      if (interactionType === 'keyboard') {\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      act(() => {jest.runAllTimers();});\n\n      if (option && option.getAttribute('href') == null && option.getAttribute('aria-haspopup') == null && menuSelectionMode === 'single' && closesOnSelect && keyboardActivation !== 'Space' && !this._isSubmenu) {\n        await waitFor(() => {\n          if (document.activeElement !== trigger) {\n            throw new Error(`Expected the document.activeElement after selecting an option 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 menu element to not be in the document after selecting an option');\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  openSubmenu = async (opts: {submenuTrigger?: HTMLElement, submenuTriggerText?: string, needsLongPress?: boolean, interactionType?: UserOpts['interactionType']}): Promise<MenuTester | null> => {\n    let {\n      submenuTrigger,\n      submenuTriggerText,\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        let submenu;\n        if (submenuTrigger) {\n          submenu = submenuTrigger;\n        } else if (submenuTriggerText) {\n          submenu = within(menu).getByText(submenuTriggerText);\n        }\n\n        let submenuTriggerTester = new MenuTester({user: this.user, interactionType: this._interactionType, root: submenu, isSubmenu: true});\n        if (interactionType === 'mouse') {\n          await this.user.pointer({target: submenu});\n          act(() => {jest.runAllTimers();});\n        } else if (interactionType === 'keyboard') {\n          await this.keyboardNavigateToOption({option: submenu});\n          await this.user.keyboard('[ArrowRight]');\n          act(() => {jest.runAllTimers();});\n        } else {\n          await submenuTriggerTester.open();\n        }\n\n\n        return submenuTriggerTester;\n      }\n    }\n\n    return null;\n  };\n\n  keyboardNavigateToOption = async (opts: {option: HTMLElement}) => {\n    let {option} = opts;\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 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 (targetIndex === -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  close = async () => {\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  get trigger() {\n    if (!this._trigger) {\n      throw new Error('No trigger element found for menu.');\n    }\n    return this._trigger;\n  }\n\n  get menu() {\n    let menuId = this.trigger.getAttribute('aria-controls');\n    return menuId ? document.getElementById(menuId) : undefined;\n  }\n\n  get options(): HTMLElement[] {\n    let menu = this.menu;\n    let options: HTMLElement[] = [];\n    if (menu) {\n      options = within(menu).queryAllByRole('menuitem');\n      if (options.length === 0) {\n        options = within(menu).queryAllByRole('menuitemradio');\n        if (options.length === 0) {\n          options = within(menu).queryAllByRole('menuitemcheckbox');\n        }\n      }\n    }\n\n    return options;\n  }\n\n  get sections() {\n    let menu = this.menu;\n    if (menu) {\n      return within(menu).queryAllByRole('group');\n    } else {\n      return [];\n    }\n  }\n\n  get submenuTriggers() {\n    let options = this.options;\n    if (options.length > 0) {\n      return this.options.filter(item => item.getAttribute('aria-haspopup') != null);\n    }\n\n    return [];\n  }\n}\n"],"names":[],"version":3,"file":"menu.main.js.map"}
+{"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\n  constructor(opts: MenuTesterOpts) {\n    let {root, user, interactionType, advanceTimer, isSubmenu} = 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  }\n\n  /**\n   * Set the interaction type used by the menu tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']) {\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 = {}) {\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) {\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      act(() => {jest.runAllTimers();});\n\n      if (option.getAttribute('href') == null && option.getAttribute('aria-haspopup') == null && menuSelectionMode === 'single' && closesOnSelect && keyboardActivation !== 'Space' && !this._isSubmenu) {\n        await waitFor(() => {\n          if (document.activeElement !== trigger) {\n            throw new Error(`Expected the document.activeElement after selecting an option 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 menu element to not be in the document after selecting an option');\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({user: this.user, interactionType: this._interactionType, root: submenuTrigger, isSubmenu: true});\n        if (interactionType === 'mouse') {\n          await this.user.pointer({target: submenuTrigger});\n          act(() => {jest.runAllTimers();});\n        } else if (interactionType === 'keyboard') {\n          await this.keyboardNavigateToOption({option: submenuTrigger});\n          await this.user.keyboard('[ArrowRight]');\n          act(() => {jest.runAllTimers();});\n        } else {\n          await submenuTriggerTester.open();\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() {\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.main.js.map"}