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

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

@@ -1,11 +1,11 @@
-var $bBwW0$testinglibraryreact = require("@testing-library/react");
+var $gMthZ$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, "SelectTester", () => $b97d5a42df7c75b2$export$d1859707465446a9);
+$parcel$export(module.exports, "SelectTester", function () { return $842eb702165f4e83$export$d1859707465446a9; });
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -17,7 +17,19 @@ $parcel$export(module.exports, "SelectTester", () => $b97d5a42df7c75b2$export$d1
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-class $b97d5a42df7c75b2$export$d1859707465446a9 {
+class $842eb702165f4e83$export$d1859707465446a9 {
+    constructor(opts){
+        let { root: root, user: user, interactionType: interactionType } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        // Handle case where the wrapper element is provided rather than the Select's button (aka RAC)
+        let buttons = (0, $gMthZ$testinglibraryreact.within)(root).queryAllByRole('button');
+        let triggerButton;
+        if (buttons.length === 0) triggerButton = root;
+        else if (buttons.length === 1) triggerButton = buttons[0];
+        else triggerButton = buttons.find((button)=>button.hasAttribute('aria-haspopup'));
+        this._trigger = triggerButton ?? root;
+    }
     /**
    * Set the interaction type used by the select tester.
    */ setInteractionType(type) {
@@ -31,18 +43,18 @@ class $b97d5a42df7c75b2$export$d1859707465446a9 {
         let isDisabled = trigger.hasAttribute('disabled');
         if (interactionType === 'mouse') await this.user.click(this._trigger);
         else if (interactionType === 'keyboard') {
-            (0, $bBwW0$testinglibraryreact.act)(()=>trigger.focus());
+            (0, $gMthZ$testinglibraryreact.act)(()=>trigger.focus());
             await this.user.keyboard('[Enter]');
         } else if (interactionType === 'touch') await this.user.pointer({
             target: this._trigger,
             keys: '[TouchA]'
         });
-        await (0, $bBwW0$testinglibraryreact.waitFor)(()=>{
+        await (0, $gMthZ$testinglibraryreact.waitFor)(()=>{
             if (!isDisabled && trigger.getAttribute('aria-controls') == null) throw new Error('No aria-controls found on select element trigger.');
             else return true;
         });
         let listBoxId = trigger.getAttribute('aria-controls');
-        await (0, $bBwW0$testinglibraryreact.waitFor)(()=>{
+        await (0, $gMthZ$testinglibraryreact.waitFor)(()=>{
             if (!isDisabled && (!listBoxId || document.getElementById(listBoxId) == null)) throw new Error(`ListBox with id of ${listBoxId} not found in document.`);
             else return true;
         });
@@ -52,10 +64,10 @@ class $b97d5a42df7c75b2$export$d1859707465446a9 {
    */ async close() {
         let listbox = this.listbox;
         if (listbox) {
-            (0, $bBwW0$testinglibraryreact.act)(()=>listbox.focus());
+            (0, $gMthZ$testinglibraryreact.act)(()=>listbox.focus());
             await this.user.keyboard('[Escape]');
         }
-        await (0, $bBwW0$testinglibraryreact.waitFor)(()=>{
+        await (0, $gMthZ$testinglibraryreact.waitFor)(()=>{
             if (document.activeElement !== this._trigger) throw new Error(`Expected the document.activeElement after closing the select dropdown to be the select component trigger but got ${document.activeElement}`);
             else return true;
         });
@@ -69,7 +81,7 @@ class $b97d5a42df7c75b2$export$d1859707465446a9 {
         let options = this.options();
         let listbox = this.listbox;
         if (typeof optionIndexOrText === 'number') option = options[optionIndexOrText];
-        else if (typeof optionIndexOrText === 'string' && listbox != null) option = (0, $bBwW0$testinglibraryreact.within)(listbox).getByText(optionIndexOrText).closest('[role=option]');
+        else if (typeof optionIndexOrText === 'string' && listbox != null) option = (0, $gMthZ$testinglibraryreact.within)(listbox).getByText(optionIndexOrText).closest('[role=option]');
         return option;
     }
     async keyboardNavigateToOption(opts) {
@@ -87,7 +99,7 @@ class $b97d5a42df7c75b2$export$d1859707465446a9 {
    * Selects the desired select option. Defaults to using the interaction type set on the select tester. If necessary, will open the select 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 { option: option, interactionType: interactionType = this._interactionType } = opts || {};
+        let { option: option, closesOnSelect: closesOnSelect, interactionType: interactionType = this._interactionType } = opts || {};
         let trigger = this.trigger;
         if (!trigger.getAttribute('aria-controls')) await this.open();
         let listbox = this.listbox;
@@ -98,9 +110,11 @@ class $b97d5a42df7c75b2$export$d1859707465446a9 {
             });
             if (!option) throw new Error('Target option not found in the listbox.');
             let isMultiSelect = listbox.getAttribute('aria-multiselectable') === 'true';
+            let isSingleSelect = !isMultiSelect;
+            closesOnSelect = closesOnSelect ?? isSingleSelect;
             if (interactionType === 'keyboard') {
-                if ((option === null || option === void 0 ? void 0 : option.getAttribute('aria-disabled')) === 'true') return;
-                if (document.activeElement !== listbox && !listbox.contains(document.activeElement)) (0, $bBwW0$testinglibraryreact.act)(()=>listbox.focus());
+                if (option?.getAttribute('aria-disabled') === 'true') return;
+                if (document.activeElement !== listbox && !listbox.contains(document.activeElement)) (0, $gMthZ$testinglibraryreact.act)(()=>listbox.focus());
                 await this.keyboardNavigateToOption({
                     option: option
                 });
@@ -111,8 +125,8 @@ class $b97d5a42df7c75b2$export$d1859707465446a9 {
                 target: option,
                 keys: '[TouchA]'
             });
-            if (!isMultiSelect && (option === null || option === void 0 ? void 0 : option.getAttribute('href')) == null) {
-                await (0, $bBwW0$testinglibraryreact.waitFor)(()=>{
+            if (closesOnSelect && option?.getAttribute('href') == null) {
+                await (0, $gMthZ$testinglibraryreact.waitFor)(()=>{
                     if (document.activeElement !== this._trigger) throw new Error(`Expected the document.activeElement after selecting an option to be the select component trigger but got ${document.activeElement}`);
                     else return true;
                 });
@@ -125,7 +139,7 @@ class $b97d5a42df7c75b2$export$d1859707465446a9 {
    */ options(opts = {}) {
         let { element: element = this.listbox } = opts;
         let options = [];
-        if (element) options = (0, $bBwW0$testinglibraryreact.within)(element).queryAllByRole('option');
+        if (element) options = (0, $gMthZ$testinglibraryreact.within)(element).queryAllByRole('option');
         return options;
     }
     /**
@@ -143,21 +157,9 @@ class $b97d5a42df7c75b2$export$d1859707465446a9 {
    * Returns the select's sections if present.
    */ get sections() {
         let listbox = this.listbox;
-        return listbox ? (0, $bBwW0$testinglibraryreact.within)(listbox).queryAllByRole('group') : [];
-    }
-    constructor(opts){
-        let { root: root, user: user, interactionType: interactionType } = opts;
-        this.user = user;
-        this._interactionType = interactionType || 'mouse';
-        // Handle case where the wrapper element is provided rather than the Select's button (aka RAC)
-        let buttons = (0, $bBwW0$testinglibraryreact.within)(root).queryAllByRole('button');
-        let triggerButton;
-        if (buttons.length === 0) triggerButton = root;
-        else if (buttons.length === 1) triggerButton = buttons[0];
-        else triggerButton = buttons.find((button)=>button.hasAttribute('aria-haspopup'));
-        this._trigger = triggerButton !== null && triggerButton !== void 0 ? triggerButton : root;
+        return listbox ? (0, $gMthZ$testinglibraryreact.within)(listbox).queryAllByRole('group') : [];
     }
 }
 
 
-//# sourceMappingURL=select.main.js.map
+//# sourceMappingURL=select.cjs.map

package/dist/private/select.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/test-utils/src/select.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 {SelectTesterOpts, UserOpts} from './types';\n\ninterface SelectOpenOpts {\n  /**\n   * What interaction type to use when opening the select. Defaults to the interaction type set on the tester.\n   */\n  interactionType?: UserOpts['interactionType']\n}\n\ninterface SelectTriggerOptionOpts extends SelectOpenOpts {\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   * Whether or not the select closes on selection. Depends on select implementation and configuration.\n   * @default true\n   */\n  closesOnSelect?: boolean\n}\n\nexport class SelectTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _trigger: HTMLElement;\n\n  constructor(opts: SelectTesterOpts) {\n    let {root, user, interactionType} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    // Handle case where the wrapper element is provided rather than the Select's button (aka RAC)\n    let buttons = within(root).queryAllByRole('button');\n    let triggerButton;\n    if (buttons.length === 0) {\n      triggerButton = root;\n    } else if (buttons.length === 1) {\n      triggerButton = buttons[0];\n    } else {\n      triggerButton = buttons.find(button => button.hasAttribute('aria-haspopup'));\n    }\n\n    this._trigger = triggerButton ?? root;\n  }\n  /**\n   * Set the interaction type used by the select tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  /**\n   * Opens the select. Defaults to using the interaction type set on the select tester.\n   */\n  async open(opts: SelectOpenOpts = {}): Promise<void> {\n    let {\n      interactionType = this._interactionType\n    } = opts;\n    let trigger = this.trigger;\n    let isDisabled = trigger.hasAttribute('disabled');\n\n    if (interactionType === 'mouse') {\n      await this.user.click(this._trigger);\n    } else if (interactionType === 'keyboard') {\n      act(() => trigger.focus());\n      await this.user.keyboard('[Enter]');\n    } else if (interactionType === 'touch') {\n      await this.user.pointer({target: this._trigger, keys: '[TouchA]'});\n    }\n\n    await waitFor(() => {\n      if (!isDisabled && trigger.getAttribute('aria-controls') == null) {\n        throw new Error('No aria-controls found on select element trigger.');\n      } else {\n        return true;\n      }\n    });\n    let listBoxId = trigger.getAttribute('aria-controls');\n    await waitFor(() => {\n      if (!isDisabled && (!listBoxId || document.getElementById(listBoxId) == null)) {\n        throw new Error(`ListBox with id of ${listBoxId} not found in document.`);\n      } else {\n        return true;\n      }\n    });\n  }\n\n  /**\n   * Closes the select.\n   */\n  async close(): Promise<void> {\n    let listbox = this.listbox;\n    if (listbox) {\n      act(() => listbox.focus());\n      await this.user.keyboard('[Escape]');\n    }\n\n    await waitFor(() => {\n      if (document.activeElement !== this._trigger) {\n        throw new Error(`Expected the document.activeElement after closing the select dropdown to be the select component trigger but got ${document.activeElement}`);\n      } else {\n        return true;\n      }\n    });\n\n    if (listbox && document.contains(listbox)) {\n      throw new Error('Expected the select element listbox to not be in the document after closing the dropdown.');\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 listbox = this.listbox;\n\n    if (typeof optionIndexOrText === 'number') {\n      option = options[optionIndexOrText];\n    } else if (typeof optionIndexOrText === 'string' && listbox != null) {\n      option = (within(listbox!).getByText(optionIndexOrText).closest('[role=option]'))! as HTMLElement;\n    }\n\n    return option;\n  }\n\n  private async keyboardNavigateToOption(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 listbox');\n    }\n    if (document.activeElement === this.listbox) {\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 listbox');\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   * Selects the desired select option. Defaults to using the interaction type set on the select tester. If necessary, will open the select 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: SelectTriggerOptionOpts): Promise<void> {\n    let {\n      option,\n      closesOnSelect,\n      interactionType = this._interactionType\n    } = opts || {};\n    let trigger = this.trigger;\n    if (!trigger.getAttribute('aria-controls')) {\n      await this.open();\n    }\n    let listbox = this.listbox;\n    if (!listbox) {\n      throw new Error('Select\\'s listbox not found.');\n    }\n\n    if (listbox) {\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      let isMultiSelect = listbox.getAttribute('aria-multiselectable') === 'true';\n      let isSingleSelect = !isMultiSelect;\n      closesOnSelect = closesOnSelect ?? isSingleSelect;\n\n      if (interactionType === 'keyboard') {\n        if (option?.getAttribute('aria-disabled') === 'true') {\n          return;\n        }\n\n        if (document.activeElement !== listbox && !listbox.contains(document.activeElement)) {\n          act(() => listbox.focus());\n        }\n        await this.keyboardNavigateToOption({option});\n        await this.user.keyboard('[Enter]');\n      } else {\n        // TODO: what if the user needs to scroll the list to find the option? What if there are multiple matches for text (hopefully the picker options are pretty unique)\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      if (closesOnSelect && option?.getAttribute('href') == null) {\n        await waitFor(() => {\n          if (document.activeElement !== this._trigger) {\n            throw new Error(`Expected the document.activeElement after selecting an option to be the select component trigger but got ${document.activeElement}`);\n          } else {\n            return true;\n          }\n        });\n\n        if (document.contains(listbox)) {\n          throw new Error('Expected select element listbox to not be in the document after selecting an option');\n        }\n      }\n    }\n  }\n\n  /**\n   * Returns the select's options if present. 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 select's trigger.\n   */\n  get trigger(): HTMLElement {\n    return this._trigger;\n  }\n\n  /**\n   * Returns the select's listbox if present.\n   */\n  get listbox(): HTMLElement | null {\n    let listBoxId = this.trigger.getAttribute('aria-controls');\n    return listBoxId ? document.getElementById(listBoxId) : null;\n  }\n\n  /**\n   * Returns the select's sections if present.\n   */\n  get sections(): HTMLElement[] {\n    let listbox = this.listbox;\n    return listbox ? within(listbox).queryAllByRole('group') : [];\n  }\n}\n"],"names":[],"version":3,"file":"select.cjs.map"}

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

@@ -1,4 +1,4 @@
-import {act as $7v0pZ$act, waitFor as $7v0pZ$waitFor, within as $7v0pZ$within} from "@testing-library/react";
+import {within as $d0NQz$within, act as $d0NQz$act, waitFor as $d0NQz$waitFor} from "@testing-library/react";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -11,7 +11,19 @@ import {act as $7v0pZ$act, waitFor as $7v0pZ$waitFor, within as $7v0pZ$within} f
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-class $4350df3e19e40e36$export$d1859707465446a9 {
+class $6acb352063615cf0$export$d1859707465446a9 {
+    constructor(opts){
+        let { root: root, user: user, interactionType: interactionType } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        // Handle case where the wrapper element is provided rather than the Select's button (aka RAC)
+        let buttons = (0, $d0NQz$within)(root).queryAllByRole('button');
+        let triggerButton;
+        if (buttons.length === 0) triggerButton = root;
+        else if (buttons.length === 1) triggerButton = buttons[0];
+        else triggerButton = buttons.find((button)=>button.hasAttribute('aria-haspopup'));
+        this._trigger = triggerButton ?? root;
+    }
     /**
    * Set the interaction type used by the select tester.
    */ setInteractionType(type) {
@@ -25,18 +37,18 @@ class $4350df3e19e40e36$export$d1859707465446a9 {
         let isDisabled = trigger.hasAttribute('disabled');
         if (interactionType === 'mouse') await this.user.click(this._trigger);
         else if (interactionType === 'keyboard') {
-            (0, $7v0pZ$act)(()=>trigger.focus());
+            (0, $d0NQz$act)(()=>trigger.focus());
             await this.user.keyboard('[Enter]');
         } else if (interactionType === 'touch') await this.user.pointer({
             target: this._trigger,
             keys: '[TouchA]'
         });
-        await (0, $7v0pZ$waitFor)(()=>{
+        await (0, $d0NQz$waitFor)(()=>{
             if (!isDisabled && trigger.getAttribute('aria-controls') == null) throw new Error('No aria-controls found on select element trigger.');
             else return true;
         });
         let listBoxId = trigger.getAttribute('aria-controls');
-        await (0, $7v0pZ$waitFor)(()=>{
+        await (0, $d0NQz$waitFor)(()=>{
             if (!isDisabled && (!listBoxId || document.getElementById(listBoxId) == null)) throw new Error(`ListBox with id of ${listBoxId} not found in document.`);
             else return true;
         });
@@ -46,10 +58,10 @@ class $4350df3e19e40e36$export$d1859707465446a9 {
    */ async close() {
         let listbox = this.listbox;
         if (listbox) {
-            (0, $7v0pZ$act)(()=>listbox.focus());
+            (0, $d0NQz$act)(()=>listbox.focus());
             await this.user.keyboard('[Escape]');
         }
-        await (0, $7v0pZ$waitFor)(()=>{
+        await (0, $d0NQz$waitFor)(()=>{
             if (document.activeElement !== this._trigger) throw new Error(`Expected the document.activeElement after closing the select dropdown to be the select component trigger but got ${document.activeElement}`);
             else return true;
         });
@@ -63,7 +75,7 @@ class $4350df3e19e40e36$export$d1859707465446a9 {
         let options = this.options();
         let listbox = this.listbox;
         if (typeof optionIndexOrText === 'number') option = options[optionIndexOrText];
-        else if (typeof optionIndexOrText === 'string' && listbox != null) option = (0, $7v0pZ$within)(listbox).getByText(optionIndexOrText).closest('[role=option]');
+        else if (typeof optionIndexOrText === 'string' && listbox != null) option = (0, $d0NQz$within)(listbox).getByText(optionIndexOrText).closest('[role=option]');
         return option;
     }
     async keyboardNavigateToOption(opts) {
@@ -81,7 +93,7 @@ class $4350df3e19e40e36$export$d1859707465446a9 {
    * Selects the desired select option. Defaults to using the interaction type set on the select tester. If necessary, will open the select 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 { option: option, interactionType: interactionType = this._interactionType } = opts || {};
+        let { option: option, closesOnSelect: closesOnSelect, interactionType: interactionType = this._interactionType } = opts || {};
         let trigger = this.trigger;
         if (!trigger.getAttribute('aria-controls')) await this.open();
         let listbox = this.listbox;
@@ -92,9 +104,11 @@ class $4350df3e19e40e36$export$d1859707465446a9 {
             });
             if (!option) throw new Error('Target option not found in the listbox.');
             let isMultiSelect = listbox.getAttribute('aria-multiselectable') === 'true';
+            let isSingleSelect = !isMultiSelect;
+            closesOnSelect = closesOnSelect ?? isSingleSelect;
             if (interactionType === 'keyboard') {
-                if ((option === null || option === void 0 ? void 0 : option.getAttribute('aria-disabled')) === 'true') return;
-                if (document.activeElement !== listbox && !listbox.contains(document.activeElement)) (0, $7v0pZ$act)(()=>listbox.focus());
+                if (option?.getAttribute('aria-disabled') === 'true') return;
+                if (document.activeElement !== listbox && !listbox.contains(document.activeElement)) (0, $d0NQz$act)(()=>listbox.focus());
                 await this.keyboardNavigateToOption({
                     option: option
                 });
@@ -105,8 +119,8 @@ class $4350df3e19e40e36$export$d1859707465446a9 {
                 target: option,
                 keys: '[TouchA]'
             });
-            if (!isMultiSelect && (option === null || option === void 0 ? void 0 : option.getAttribute('href')) == null) {
-                await (0, $7v0pZ$waitFor)(()=>{
+            if (closesOnSelect && option?.getAttribute('href') == null) {
+                await (0, $d0NQz$waitFor)(()=>{
                     if (document.activeElement !== this._trigger) throw new Error(`Expected the document.activeElement after selecting an option to be the select component trigger but got ${document.activeElement}`);
                     else return true;
                 });
@@ -119,7 +133,7 @@ class $4350df3e19e40e36$export$d1859707465446a9 {
    */ options(opts = {}) {
         let { element: element = this.listbox } = opts;
         let options = [];
-        if (element) options = (0, $7v0pZ$within)(element).queryAllByRole('option');
+        if (element) options = (0, $d0NQz$within)(element).queryAllByRole('option');
         return options;
     }
     /**
@@ -137,22 +151,10 @@ class $4350df3e19e40e36$export$d1859707465446a9 {
    * Returns the select's sections if present.
    */ get sections() {
         let listbox = this.listbox;
-        return listbox ? (0, $7v0pZ$within)(listbox).queryAllByRole('group') : [];
-    }
-    constructor(opts){
-        let { root: root, user: user, interactionType: interactionType } = opts;
-        this.user = user;
-        this._interactionType = interactionType || 'mouse';
-        // Handle case where the wrapper element is provided rather than the Select's button (aka RAC)
-        let buttons = (0, $7v0pZ$within)(root).queryAllByRole('button');
-        let triggerButton;
-        if (buttons.length === 0) triggerButton = root;
-        else if (buttons.length === 1) triggerButton = buttons[0];
-        else triggerButton = buttons.find((button)=>button.hasAttribute('aria-haspopup'));
-        this._trigger = triggerButton !== null && triggerButton !== void 0 ? triggerButton : root;
+        return listbox ? (0, $d0NQz$within)(listbox).queryAllByRole('group') : [];
     }
 }
 
 
-export {$4350df3e19e40e36$export$d1859707465446a9 as SelectTester};
-//# sourceMappingURL=select.module.js.map
+export {$6acb352063615cf0$export$d1859707465446a9 as SelectTester};
+//# sourceMappingURL=select.js.map

package/dist/private/select.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/test-utils/src/select.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 {SelectTesterOpts, UserOpts} from './types';\n\ninterface SelectOpenOpts {\n  /**\n   * What interaction type to use when opening the select. Defaults to the interaction type set on the tester.\n   */\n  interactionType?: UserOpts['interactionType']\n}\n\ninterface SelectTriggerOptionOpts extends SelectOpenOpts {\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   * Whether or not the select closes on selection. Depends on select implementation and configuration.\n   * @default true\n   */\n  closesOnSelect?: boolean\n}\n\nexport class SelectTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _trigger: HTMLElement;\n\n  constructor(opts: SelectTesterOpts) {\n    let {root, user, interactionType} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    // Handle case where the wrapper element is provided rather than the Select's button (aka RAC)\n    let buttons = within(root).queryAllByRole('button');\n    let triggerButton;\n    if (buttons.length === 0) {\n      triggerButton = root;\n    } else if (buttons.length === 1) {\n      triggerButton = buttons[0];\n    } else {\n      triggerButton = buttons.find(button => button.hasAttribute('aria-haspopup'));\n    }\n\n    this._trigger = triggerButton ?? root;\n  }\n  /**\n   * Set the interaction type used by the select tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  /**\n   * Opens the select. Defaults to using the interaction type set on the select tester.\n   */\n  async open(opts: SelectOpenOpts = {}): Promise<void> {\n    let {\n      interactionType = this._interactionType\n    } = opts;\n    let trigger = this.trigger;\n    let isDisabled = trigger.hasAttribute('disabled');\n\n    if (interactionType === 'mouse') {\n      await this.user.click(this._trigger);\n    } else if (interactionType === 'keyboard') {\n      act(() => trigger.focus());\n      await this.user.keyboard('[Enter]');\n    } else if (interactionType === 'touch') {\n      await this.user.pointer({target: this._trigger, keys: '[TouchA]'});\n    }\n\n    await waitFor(() => {\n      if (!isDisabled && trigger.getAttribute('aria-controls') == null) {\n        throw new Error('No aria-controls found on select element trigger.');\n      } else {\n        return true;\n      }\n    });\n    let listBoxId = trigger.getAttribute('aria-controls');\n    await waitFor(() => {\n      if (!isDisabled && (!listBoxId || document.getElementById(listBoxId) == null)) {\n        throw new Error(`ListBox with id of ${listBoxId} not found in document.`);\n      } else {\n        return true;\n      }\n    });\n  }\n\n  /**\n   * Closes the select.\n   */\n  async close(): Promise<void> {\n    let listbox = this.listbox;\n    if (listbox) {\n      act(() => listbox.focus());\n      await this.user.keyboard('[Escape]');\n    }\n\n    await waitFor(() => {\n      if (document.activeElement !== this._trigger) {\n        throw new Error(`Expected the document.activeElement after closing the select dropdown to be the select component trigger but got ${document.activeElement}`);\n      } else {\n        return true;\n      }\n    });\n\n    if (listbox && document.contains(listbox)) {\n      throw new Error('Expected the select element listbox to not be in the document after closing the dropdown.');\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 listbox = this.listbox;\n\n    if (typeof optionIndexOrText === 'number') {\n      option = options[optionIndexOrText];\n    } else if (typeof optionIndexOrText === 'string' && listbox != null) {\n      option = (within(listbox!).getByText(optionIndexOrText).closest('[role=option]'))! as HTMLElement;\n    }\n\n    return option;\n  }\n\n  private async keyboardNavigateToOption(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 listbox');\n    }\n    if (document.activeElement === this.listbox) {\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 listbox');\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   * Selects the desired select option. Defaults to using the interaction type set on the select tester. If necessary, will open the select 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: SelectTriggerOptionOpts): Promise<void> {\n    let {\n      option,\n      closesOnSelect,\n      interactionType = this._interactionType\n    } = opts || {};\n    let trigger = this.trigger;\n    if (!trigger.getAttribute('aria-controls')) {\n      await this.open();\n    }\n    let listbox = this.listbox;\n    if (!listbox) {\n      throw new Error('Select\\'s listbox not found.');\n    }\n\n    if (listbox) {\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      let isMultiSelect = listbox.getAttribute('aria-multiselectable') === 'true';\n      let isSingleSelect = !isMultiSelect;\n      closesOnSelect = closesOnSelect ?? isSingleSelect;\n\n      if (interactionType === 'keyboard') {\n        if (option?.getAttribute('aria-disabled') === 'true') {\n          return;\n        }\n\n        if (document.activeElement !== listbox && !listbox.contains(document.activeElement)) {\n          act(() => listbox.focus());\n        }\n        await this.keyboardNavigateToOption({option});\n        await this.user.keyboard('[Enter]');\n      } else {\n        // TODO: what if the user needs to scroll the list to find the option? What if there are multiple matches for text (hopefully the picker options are pretty unique)\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      if (closesOnSelect && option?.getAttribute('href') == null) {\n        await waitFor(() => {\n          if (document.activeElement !== this._trigger) {\n            throw new Error(`Expected the document.activeElement after selecting an option to be the select component trigger but got ${document.activeElement}`);\n          } else {\n            return true;\n          }\n        });\n\n        if (document.contains(listbox)) {\n          throw new Error('Expected select element listbox to not be in the document after selecting an option');\n        }\n      }\n    }\n  }\n\n  /**\n   * Returns the select's options if present. 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 select's trigger.\n   */\n  get trigger(): HTMLElement {\n    return this._trigger;\n  }\n\n  /**\n   * Returns the select's listbox if present.\n   */\n  get listbox(): HTMLElement | null {\n    let listBoxId = this.trigger.getAttribute('aria-controls');\n    return listBoxId ? document.getElementById(listBoxId) : null;\n  }\n\n  /**\n   * Returns the select's sections if present.\n   */\n  get sections(): HTMLElement[] {\n    let listbox = this.listbox;\n    return listbox ? within(listbox).queryAllByRole('group') : [];\n  }\n}\n"],"names":[],"version":3,"file":"select.js.map"}