@react-aria/test-utils 1.0.0-nightly.5042 → 1.0.0-rc.0

package/dist/private/radiogroup.cjs

@@ -0,0 +1,122 @@
+var $a84d573878cc1e5e$exports = require("./act.cjs");
+var $022fcf8e360befed$exports = require("./utils.cjs");
+var $gbHUB$testinglibrarydom = require("@testing-library/dom");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "RadioGroupTester", function () { return $4308942495e5af40$export$d66326e63d27e116; });
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+class $4308942495e5af40$export$d66326e63d27e116 {
+    constructor(opts){
+        let { root: root, user: user, interactionType: interactionType, direction: direction } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        this._direction = direction || 'ltr';
+        this._radiogroup = root;
+        let radiogroup = (0, $gbHUB$testinglibrarydom.within)(root).queryAllByRole('radiogroup');
+        if (radiogroup.length > 0) this._radiogroup = radiogroup[0];
+    }
+    /**
+   * Set the interaction type used by the radio tester.
+   */ setInteractionType(type) {
+        this._interactionType = type;
+    }
+    /**
+   * Returns a radio matching the specified index or text content.
+   */ findRadio(opts) {
+        let { indexOrText: indexOrText } = opts;
+        let radio;
+        if (typeof indexOrText === 'number') radio = this.getRadios()[indexOrText];
+        else if (typeof indexOrText === 'string') {
+            let label = (0, $gbHUB$testinglibrarydom.within)(this.getRadioGroup()).getByText(indexOrText);
+            // Label may wrap the radio, or the actual label may be a sibling span, or the radio div could have the label within it
+            if (label) {
+                radio = (0, $gbHUB$testinglibrarydom.within)(label).queryByRole('radio');
+                if (!radio) {
+                    let labelWrapper = label.closest('label');
+                    if (labelWrapper) radio = (0, $gbHUB$testinglibrarydom.within)(labelWrapper).queryByRole('radio');
+                    else radio = label.closest('[role=radio]');
+                }
+            }
+        }
+        return radio;
+    }
+    async keyboardNavigateToRadio(opts) {
+        let { radio: radio, orientation: orientation = 'vertical' } = opts;
+        let radios = this.getRadios();
+        radios = radios.filter((radio)=>!(radio.hasAttribute('disabled') || radio.getAttribute('aria-disabled') === 'true'));
+        if (radios.length === 0) throw new Error('Radio group doesnt have any non-disabled radios. Please double check your radio group.');
+        let targetIndex = radios.indexOf(radio);
+        if (targetIndex === -1) throw new Error('Radio provided is not in the radio group.');
+        if (!this.getRadioGroup().contains(document.activeElement)) {
+            let selectedRadio = this.getSelectedRadio();
+            if (selectedRadio != null) (0, $a84d573878cc1e5e$exports.act)(()=>selectedRadio.focus());
+            else (0, $a84d573878cc1e5e$exports.act)(()=>radios[0]?.focus());
+        }
+        let currIndex = radios.indexOf(document.activeElement);
+        if (currIndex === -1) throw new Error('Active element is not in the radio group.');
+        let arrowUp = 'ArrowUp';
+        let arrowDown = 'ArrowDown';
+        if (orientation === 'horizontal') {
+            if (this._direction === 'ltr') {
+                arrowUp = 'ArrowLeft';
+                arrowDown = 'ArrowRight';
+            } else {
+                arrowUp = 'ArrowRight';
+                arrowDown = 'ArrowLeft';
+            }
+        }
+        let movementDirection = targetIndex > currIndex ? 'down' : 'up';
+        for(let i = 0; i < Math.abs(targetIndex - currIndex); i++)await this.user.keyboard(`[${movementDirection === 'down' ? arrowDown : arrowUp}]`);
+    }
+    /**
+   * Triggers the specified radio. Defaults to using the interaction type set on the radio tester.
+   */ async triggerRadio(opts) {
+        let { radio: radio, interactionType: interactionType = this._interactionType } = opts;
+        if (typeof radio === 'string' || typeof radio === 'number') radio = this.findRadio({
+            indexOrText: radio
+        });
+        if (!radio) throw new Error(`Target radio "${(0, $022fcf8e360befed$exports.formatTargetNode)(opts.radio)}" not found in the radio group.`);
+        else if (radio.hasAttribute('disabled')) throw new Error(`Target radio "${(0, $022fcf8e360befed$exports.formatTargetNode)(opts.radio)}" is disabled.`);
+        if (interactionType === 'keyboard') {
+            let radioOrientation = this._radiogroup.getAttribute('aria-orientation') || 'horizontal';
+            await this.keyboardNavigateToRadio({
+                radio: radio,
+                orientation: radioOrientation
+            });
+        } else await (0, $022fcf8e360befed$exports.pressElement)(this.user, radio, interactionType);
+    }
+    /**
+   * Returns the radiogroup.
+   */ getRadioGroup() {
+        return this._radiogroup;
+    }
+    /**
+   * Returns the radios.
+   */ getRadios() {
+        return (0, $gbHUB$testinglibrarydom.within)(this.getRadioGroup()).queryAllByRole('radio');
+    }
+    /**
+   * Returns the currently selected radio in the radiogroup if any.
+   */ getSelectedRadio() {
+        return this.getRadios().find((radio)=>radio.checked) || null;
+    }
+}
+
+
+//# sourceMappingURL=radiogroup.cjs.map

package/dist/private/radiogroup.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAmBM,MAAM;IAMX,YAAY,IAA0B,CAAE;QACtC,IAAI,QAAC,IAAI,QAAE,IAAI,mBAAE,eAAe,aAAE,SAAS,EAAC,GAAG;QAC/C,IAAI,CAAC,IAAI,GAAG;QACZ,IAAI,CAAC,gBAAgB,GAAG,mBAAmB;QAC3C,IAAI,CAAC,UAAU,GAAG,aAAa;QAE/B,IAAI,CAAC,WAAW,GAAG;QACnB,IAAI,aAAa,CAAA,GAAA,+BAAK,EAAE,MAAM,cAAc,CAAC;QAC7C,IAAI,WAAW,MAAM,GAAG,GACtB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,EAAE;IAEpC;IAEA;;GAEC,GACD,mBAAmB,IAAiC,EAAQ;QAC1D,IAAI,CAAC,gBAAgB,GAAG;IAC1B;IAEA;;GAEC,GACD,UAAU,IAAoC,EAAe;QAC3D,IAAI,eAAC,WAAW,EAAC,GAAG;QAEpB,IAAI;QACJ,IAAI,OAAO,gBAAgB,UACzB,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC,YAAY;aAChC,IAAI,OAAO,gBAAgB,UAAU;YAC1C,IAAI,QAAQ,CAAA,GAAA,+BAAK,EAAE,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC;YACnD,uHAAuH;YACvH,IAAI,OAAO;gBACT,QAAQ,CAAA,GAAA,+BAAK,EAAE,OAAO,WAAW,CAAC;gBAClC,IAAI,CAAC,OAAO;oBACV,IAAI,eAAe,MAAM,OAAO,CAAC;oBACjC,IAAI,cACF,QAAQ,CAAA,GAAA,+BAAK,EAAE,cAAc,WAAW,CAAC;yBAEzC,QAAQ,MAAM,OAAO,CAAC;gBAE1B;YACF;QACF;QAEA,OAAO;IACT;IAEA,MAAc,wBAAwB,IAAqD,EAAE;QAC3F,IAAI,SAAC,KAAK,eAAE,cAAc,YAAW,GAAG;QACxC,IAAI,SAAS,IAAI,CAAC,SAAS;QAC3B,SAAS,OAAO,MAAM,CACpB,CAAA,QAAS,CAAE,CAAA,MAAM,YAAY,CAAC,eAAe,MAAM,YAAY,CAAC,qBAAqB,MAAK;QAE5F,IAAI,OAAO,MAAM,KAAK,GACpB,MAAM,IAAI,MACR;QAIJ,IAAI,cAAc,OAAO,OAAO,CAAC;QACjC,IAAI,gBAAgB,IAClB,MAAM,IAAI,MAAM;QAGlB,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,SAAS,aAAa,GAAG;YAC1D,IAAI,gBAAgB,IAAI,CAAC,gBAAgB;YACzC,IAAI,iBAAiB,MACnB,CAAA,GAAA,6BAAE,EAAE,IAAM,cAAc,KAAK;iBAE7B,CAAA,GAAA,6BAAE,EAAE,IAAM,MAAM,CAAC,EAAE,EAAE;QAEzB;QAEA,IAAI,YAAY,OAAO,OAAO,CAAC,SAAS,aAAa;QACrD,IAAI,cAAc,IAChB,MAAM,IAAI,MAAM;QAGlB,IAAI,UAAU;QACd,IAAI,YAAY;QAChB,IAAI,gBAAgB;YAClB,IAAI,IAAI,CAAC,UAAU,KAAK,OAAO;gBAC7B,UAAU;gBACV,YAAY;YACd,OAAO;gBACL,UAAU;gBACV,YAAY;YACd;;QAGF,IAAI,oBAAoB,cAAc,YAAY,SAAS;QAC3D,IAAK,IAAI,IAAI,GAAG,IAAI,KAAK,GAAG,CAAC,cAAc,YAAY,IACrD,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,sBAAsB,SAAS,YAAY,QAAQ,CAAC,CAAC;IAEtF;IAEA;;GAEC,GACD,MAAM,aAAa,IAAyB,EAAiB;QAC3D,IAAI,SAAC,KAAK,mBAAE,kBAAkB,IAAI,CAAC,gBAAgB,EAAC,GAAG;QAEvD,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,QAAQ,IAAI,CAAC,SAAS,CAAC;YAAC,aAAa;QAAK;QAG5C,IAAI,CAAC,OACH,MAAM,IAAI,MACR,CAAC,cAAc,EAAE,CAAA,GAAA,0CAAe,EAAE,KAAK,KAAK,EAAE,+BAA+B,CAAC;aAE3E,IAAI,MAAM,YAAY,CAAC,aAC5B,MAAM,IAAI,MAAM,CAAC,cAAc,EAAE,CAAA,GAAA,0CAAe,EAAE,KAAK,KAAK,EAAE,cAAc,CAAC;QAG/E,IAAI,oBAAoB,YAAY;YAClC,IAAI,mBAAmB,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,uBAAuB;YAC5E,MAAM,IAAI,CAAC,uBAAuB,CAAC;uBAAC;gBAAO,aAAa;YAA+B;QACzF,OACE,MAAM,CAAA,GAAA,sCAAW,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO;IAEzC;IAEA;;GAEC,GACD,gBAA6B;QAC3B,OAAO,IAAI,CAAC,WAAW;IACzB;IAEA;;GAEC,GACD,YAA2B;QACzB,OAAO,CAAA,GAAA,+BAAK,EAAE,IAAI,CAAC,aAAa,IAAI,cAAc,CAAC;IACrD;IAEA;;GAEC,GACD,mBAAuC;QACrC,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA,QAAS,AAAC,MAA2B,OAAO,KAAK;IAChF;AACF","sources":["packages/@react-aria/test-utils/src/radiogroup.ts"],"sourcesContent":["/*\n * Copyright 2025 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} from './act';\nimport {Direction, Orientation, RadioGroupTesterOpts, UserOpts} from './types';\nimport {formatTargetNode, pressElement} from './utils';\nimport {within} from '@testing-library/dom';\n\ninterface TriggerRadioOptions {\n  /**\n   * What interaction type to use when triggering a radio. Defaults to the interaction type set on\n   * the tester.\n   */\n  interactionType?: UserOpts['interactionType'];\n  /**\n   * The index, text, or node of the radio to toggle selection for.\n   */\n  radio: number | string | HTMLElement;\n}\n\nexport class RadioGroupTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _radiogroup: HTMLElement;\n  private _direction: Direction;\n\n  constructor(opts: RadioGroupTesterOpts) {\n    let {root, user, interactionType, direction} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    this._direction = direction || 'ltr';\n\n    this._radiogroup = root;\n    let radiogroup = within(root).queryAllByRole('radiogroup');\n    if (radiogroup.length > 0) {\n      this._radiogroup = radiogroup[0];\n    }\n  }\n\n  /**\n   * Set the interaction type used by the radio tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  /**\n   * Returns a radio matching the specified index or text content.\n   */\n  findRadio(opts: {indexOrText: number | string}): HTMLElement {\n    let {indexOrText} = opts;\n\n    let radio;\n    if (typeof indexOrText === 'number') {\n      radio = this.getRadios()[indexOrText];\n    } else if (typeof indexOrText === 'string') {\n      let label = within(this.getRadioGroup()).getByText(indexOrText);\n      // Label may wrap the radio, or the actual label may be a sibling span, or the radio div could have the label within it\n      if (label) {\n        radio = within(label).queryByRole('radio');\n        if (!radio) {\n          let labelWrapper = label.closest('label');\n          if (labelWrapper) {\n            radio = within(labelWrapper).queryByRole('radio');\n          } else {\n            radio = label.closest('[role=radio]');\n          }\n        }\n      }\n    }\n\n    return radio;\n  }\n\n  private async keyboardNavigateToRadio(opts: {radio: HTMLElement; orientation?: Orientation}) {\n    let {radio, orientation = 'vertical'} = opts;\n    let radios = this.getRadios();\n    radios = radios.filter(\n      radio => !(radio.hasAttribute('disabled') || radio.getAttribute('aria-disabled') === 'true')\n    );\n    if (radios.length === 0) {\n      throw new Error(\n        'Radio group doesnt have any non-disabled radios. Please double check your radio group.'\n      );\n    }\n\n    let targetIndex = radios.indexOf(radio);\n    if (targetIndex === -1) {\n      throw new Error('Radio provided is not in the radio group.');\n    }\n\n    if (!this.getRadioGroup().contains(document.activeElement)) {\n      let selectedRadio = this.getSelectedRadio();\n      if (selectedRadio != null) {\n        act(() => selectedRadio.focus());\n      } else {\n        act(() => radios[0]?.focus());\n      }\n    }\n\n    let currIndex = radios.indexOf(document.activeElement as HTMLElement);\n    if (currIndex === -1) {\n      throw new Error('Active element is not in the radio group.');\n    }\n\n    let arrowUp = 'ArrowUp';\n    let arrowDown = 'ArrowDown';\n    if (orientation === 'horizontal') {\n      if (this._direction === 'ltr') {\n        arrowUp = 'ArrowLeft';\n        arrowDown = 'ArrowRight';\n      } else {\n        arrowUp = 'ArrowRight';\n        arrowDown = 'ArrowLeft';\n      }\n    }\n\n    let movementDirection = targetIndex > currIndex ? 'down' : 'up';\n    for (let i = 0; i < Math.abs(targetIndex - currIndex); i++) {\n      await this.user.keyboard(`[${movementDirection === 'down' ? arrowDown : arrowUp}]`);\n    }\n  }\n\n  /**\n   * Triggers the specified radio. Defaults to using the interaction type set on the radio tester.\n   */\n  async triggerRadio(opts: TriggerRadioOptions): Promise<void> {\n    let {radio, interactionType = this._interactionType} = opts;\n\n    if (typeof radio === 'string' || typeof radio === 'number') {\n      radio = this.findRadio({indexOrText: radio});\n    }\n\n    if (!radio) {\n      throw new Error(\n        `Target radio \"${formatTargetNode(opts.radio)}\" not found in the radio group.`\n      );\n    } else if (radio.hasAttribute('disabled')) {\n      throw new Error(`Target radio \"${formatTargetNode(opts.radio)}\" is disabled.`);\n    }\n\n    if (interactionType === 'keyboard') {\n      let radioOrientation = this._radiogroup.getAttribute('aria-orientation') || 'horizontal';\n      await this.keyboardNavigateToRadio({radio, orientation: radioOrientation as Orientation});\n    } else {\n      await pressElement(this.user, radio, interactionType);\n    }\n  }\n\n  /**\n   * Returns the radiogroup.\n   */\n  getRadioGroup(): HTMLElement {\n    return this._radiogroup;\n  }\n\n  /**\n   * Returns the radios.\n   */\n  getRadios(): HTMLElement[] {\n    return within(this.getRadioGroup()).queryAllByRole('radio');\n  }\n\n  /**\n   * Returns the currently selected radio in the radiogroup if any.\n   */\n  getSelectedRadio(): HTMLElement | null {\n    return this.getRadios().find(radio => (radio as HTMLInputElement).checked) || null;\n  }\n}\n"],"names":[],"version":3,"file":"radiogroup.cjs.map"}

package/dist/private/radiogroup.js

@@ -0,0 +1,117 @@
+import {act as $1350703ef3ac1acc$export$3ba232387fd5d6dd} from "./act.js";
+import {formatTargetNode as $b4e037a2907521c6$export$bc3bc4a9206bf789, pressElement as $b4e037a2907521c6$export$6ffa3eb717517feb} from "./utils.js";
+import {within as $aysq4$within} from "@testing-library/dom";
+
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+class $14dc6ef63d191867$export$d66326e63d27e116 {
+    constructor(opts){
+        let { root: root, user: user, interactionType: interactionType, direction: direction } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        this._direction = direction || 'ltr';
+        this._radiogroup = root;
+        let radiogroup = (0, $aysq4$within)(root).queryAllByRole('radiogroup');
+        if (radiogroup.length > 0) this._radiogroup = radiogroup[0];
+    }
+    /**
+   * Set the interaction type used by the radio tester.
+   */ setInteractionType(type) {
+        this._interactionType = type;
+    }
+    /**
+   * Returns a radio matching the specified index or text content.
+   */ findRadio(opts) {
+        let { indexOrText: indexOrText } = opts;
+        let radio;
+        if (typeof indexOrText === 'number') radio = this.getRadios()[indexOrText];
+        else if (typeof indexOrText === 'string') {
+            let label = (0, $aysq4$within)(this.getRadioGroup()).getByText(indexOrText);
+            // Label may wrap the radio, or the actual label may be a sibling span, or the radio div could have the label within it
+            if (label) {
+                radio = (0, $aysq4$within)(label).queryByRole('radio');
+                if (!radio) {
+                    let labelWrapper = label.closest('label');
+                    if (labelWrapper) radio = (0, $aysq4$within)(labelWrapper).queryByRole('radio');
+                    else radio = label.closest('[role=radio]');
+                }
+            }
+        }
+        return radio;
+    }
+    async keyboardNavigateToRadio(opts) {
+        let { radio: radio, orientation: orientation = 'vertical' } = opts;
+        let radios = this.getRadios();
+        radios = radios.filter((radio)=>!(radio.hasAttribute('disabled') || radio.getAttribute('aria-disabled') === 'true'));
+        if (radios.length === 0) throw new Error('Radio group doesnt have any non-disabled radios. Please double check your radio group.');
+        let targetIndex = radios.indexOf(radio);
+        if (targetIndex === -1) throw new Error('Radio provided is not in the radio group.');
+        if (!this.getRadioGroup().contains(document.activeElement)) {
+            let selectedRadio = this.getSelectedRadio();
+            if (selectedRadio != null) (0, $1350703ef3ac1acc$export$3ba232387fd5d6dd)(()=>selectedRadio.focus());
+            else (0, $1350703ef3ac1acc$export$3ba232387fd5d6dd)(()=>radios[0]?.focus());
+        }
+        let currIndex = radios.indexOf(document.activeElement);
+        if (currIndex === -1) throw new Error('Active element is not in the radio group.');
+        let arrowUp = 'ArrowUp';
+        let arrowDown = 'ArrowDown';
+        if (orientation === 'horizontal') {
+            if (this._direction === 'ltr') {
+                arrowUp = 'ArrowLeft';
+                arrowDown = 'ArrowRight';
+            } else {
+                arrowUp = 'ArrowRight';
+                arrowDown = 'ArrowLeft';
+            }
+        }
+        let movementDirection = targetIndex > currIndex ? 'down' : 'up';
+        for(let i = 0; i < Math.abs(targetIndex - currIndex); i++)await this.user.keyboard(`[${movementDirection === 'down' ? arrowDown : arrowUp}]`);
+    }
+    /**
+   * Triggers the specified radio. Defaults to using the interaction type set on the radio tester.
+   */ async triggerRadio(opts) {
+        let { radio: radio, interactionType: interactionType = this._interactionType } = opts;
+        if (typeof radio === 'string' || typeof radio === 'number') radio = this.findRadio({
+            indexOrText: radio
+        });
+        if (!radio) throw new Error(`Target radio "${(0, $b4e037a2907521c6$export$bc3bc4a9206bf789)(opts.radio)}" not found in the radio group.`);
+        else if (radio.hasAttribute('disabled')) throw new Error(`Target radio "${(0, $b4e037a2907521c6$export$bc3bc4a9206bf789)(opts.radio)}" is disabled.`);
+        if (interactionType === 'keyboard') {
+            let radioOrientation = this._radiogroup.getAttribute('aria-orientation') || 'horizontal';
+            await this.keyboardNavigateToRadio({
+                radio: radio,
+                orientation: radioOrientation
+            });
+        } else await (0, $b4e037a2907521c6$export$6ffa3eb717517feb)(this.user, radio, interactionType);
+    }
+    /**
+   * Returns the radiogroup.
+   */ getRadioGroup() {
+        return this._radiogroup;
+    }
+    /**
+   * Returns the radios.
+   */ getRadios() {
+        return (0, $aysq4$within)(this.getRadioGroup()).queryAllByRole('radio');
+    }
+    /**
+   * Returns the currently selected radio in the radiogroup if any.
+   */ getSelectedRadio() {
+        return this.getRadios().find((radio)=>radio.checked) || null;
+    }
+}
+
+
+export {$14dc6ef63d191867$export$d66326e63d27e116 as RadioGroupTester};
+//# sourceMappingURL=radiogroup.js.map

package/dist/private/radiogroup.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/test-utils/src/radiogroup.ts"],"sourcesContent":["/*\n * Copyright 2025 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} from './act';\nimport {Direction, Orientation, RadioGroupTesterOpts, UserOpts} from './types';\nimport {formatTargetNode, pressElement} from './utils';\nimport {within} from '@testing-library/dom';\n\ninterface TriggerRadioOptions {\n  /**\n   * What interaction type to use when triggering a radio. Defaults to the interaction type set on\n   * the tester.\n   */\n  interactionType?: UserOpts['interactionType'];\n  /**\n   * The index, text, or node of the radio to toggle selection for.\n   */\n  radio: number | string | HTMLElement;\n}\n\nexport class RadioGroupTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _radiogroup: HTMLElement;\n  private _direction: Direction;\n\n  constructor(opts: RadioGroupTesterOpts) {\n    let {root, user, interactionType, direction} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    this._direction = direction || 'ltr';\n\n    this._radiogroup = root;\n    let radiogroup = within(root).queryAllByRole('radiogroup');\n    if (radiogroup.length > 0) {\n      this._radiogroup = radiogroup[0];\n    }\n  }\n\n  /**\n   * Set the interaction type used by the radio tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  /**\n   * Returns a radio matching the specified index or text content.\n   */\n  findRadio(opts: {indexOrText: number | string}): HTMLElement {\n    let {indexOrText} = opts;\n\n    let radio;\n    if (typeof indexOrText === 'number') {\n      radio = this.getRadios()[indexOrText];\n    } else if (typeof indexOrText === 'string') {\n      let label = within(this.getRadioGroup()).getByText(indexOrText);\n      // Label may wrap the radio, or the actual label may be a sibling span, or the radio div could have the label within it\n      if (label) {\n        radio = within(label).queryByRole('radio');\n        if (!radio) {\n          let labelWrapper = label.closest('label');\n          if (labelWrapper) {\n            radio = within(labelWrapper).queryByRole('radio');\n          } else {\n            radio = label.closest('[role=radio]');\n          }\n        }\n      }\n    }\n\n    return radio;\n  }\n\n  private async keyboardNavigateToRadio(opts: {radio: HTMLElement; orientation?: Orientation}) {\n    let {radio, orientation = 'vertical'} = opts;\n    let radios = this.getRadios();\n    radios = radios.filter(\n      radio => !(radio.hasAttribute('disabled') || radio.getAttribute('aria-disabled') === 'true')\n    );\n    if (radios.length === 0) {\n      throw new Error(\n        'Radio group doesnt have any non-disabled radios. Please double check your radio group.'\n      );\n    }\n\n    let targetIndex = radios.indexOf(radio);\n    if (targetIndex === -1) {\n      throw new Error('Radio provided is not in the radio group.');\n    }\n\n    if (!this.getRadioGroup().contains(document.activeElement)) {\n      let selectedRadio = this.getSelectedRadio();\n      if (selectedRadio != null) {\n        act(() => selectedRadio.focus());\n      } else {\n        act(() => radios[0]?.focus());\n      }\n    }\n\n    let currIndex = radios.indexOf(document.activeElement as HTMLElement);\n    if (currIndex === -1) {\n      throw new Error('Active element is not in the radio group.');\n    }\n\n    let arrowUp = 'ArrowUp';\n    let arrowDown = 'ArrowDown';\n    if (orientation === 'horizontal') {\n      if (this._direction === 'ltr') {\n        arrowUp = 'ArrowLeft';\n        arrowDown = 'ArrowRight';\n      } else {\n        arrowUp = 'ArrowRight';\n        arrowDown = 'ArrowLeft';\n      }\n    }\n\n    let movementDirection = targetIndex > currIndex ? 'down' : 'up';\n    for (let i = 0; i < Math.abs(targetIndex - currIndex); i++) {\n      await this.user.keyboard(`[${movementDirection === 'down' ? arrowDown : arrowUp}]`);\n    }\n  }\n\n  /**\n   * Triggers the specified radio. Defaults to using the interaction type set on the radio tester.\n   */\n  async triggerRadio(opts: TriggerRadioOptions): Promise<void> {\n    let {radio, interactionType = this._interactionType} = opts;\n\n    if (typeof radio === 'string' || typeof radio === 'number') {\n      radio = this.findRadio({indexOrText: radio});\n    }\n\n    if (!radio) {\n      throw new Error(\n        `Target radio \"${formatTargetNode(opts.radio)}\" not found in the radio group.`\n      );\n    } else if (radio.hasAttribute('disabled')) {\n      throw new Error(`Target radio \"${formatTargetNode(opts.radio)}\" is disabled.`);\n    }\n\n    if (interactionType === 'keyboard') {\n      let radioOrientation = this._radiogroup.getAttribute('aria-orientation') || 'horizontal';\n      await this.keyboardNavigateToRadio({radio, orientation: radioOrientation as Orientation});\n    } else {\n      await pressElement(this.user, radio, interactionType);\n    }\n  }\n\n  /**\n   * Returns the radiogroup.\n   */\n  getRadioGroup(): HTMLElement {\n    return this._radiogroup;\n  }\n\n  /**\n   * Returns the radios.\n   */\n  getRadios(): HTMLElement[] {\n    return within(this.getRadioGroup()).queryAllByRole('radio');\n  }\n\n  /**\n   * Returns the currently selected radio in the radiogroup if any.\n   */\n  getSelectedRadio(): HTMLElement | null {\n    return this.getRadios().find(radio => (radio as HTMLInputElement).checked) || null;\n  }\n}\n"],"names":[],"version":3,"file":"radiogroup.js.map"}

package/dist/private/select.cjs

@@ -0,0 +1,169 @@
+var $a84d573878cc1e5e$exports = require("./act.cjs");
+var $022fcf8e360befed$exports = require("./utils.cjs");
+var $gMthZ$testinglibrarydom = require("@testing-library/dom");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$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");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+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$testinglibrarydom.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) {
+        this._interactionType = type;
+    }
+    /**
+   * Opens the select. Defaults to using the interaction type set on the select tester.
+   */ async open(opts = {}) {
+        let { interactionType: interactionType = this._interactionType } = opts;
+        let trigger = this.getTrigger();
+        let isDisabled = trigger.hasAttribute('disabled');
+        if (interactionType === 'mouse') await this.user.click(this._trigger);
+        else if (interactionType === 'keyboard') {
+            (0, $a84d573878cc1e5e$exports.act)(()=>trigger.focus());
+            await this.user.keyboard('[Enter]');
+        } else if (interactionType === 'touch') await this.user.pointer({
+            target: this._trigger,
+            keys: '[TouchA]'
+        });
+        await (0, $gMthZ$testinglibrarydom.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, $gMthZ$testinglibrarydom.waitFor)(()=>{
+            if (!isDisabled && (!listBoxId || document.getElementById(listBoxId) == null)) throw new Error(`ListBox with id of ${listBoxId} not found in document.`);
+            else return true;
+        });
+    }
+    /**
+   * Closes the select.
+   */ async close() {
+        let listbox = this.getListbox();
+        if (listbox) {
+            (0, $a84d573878cc1e5e$exports.act)(()=>listbox.focus());
+            await this.user.keyboard('[Escape]');
+        }
+        await (0, $gMthZ$testinglibrarydom.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;
+        });
+        if (listbox && document.contains(listbox)) throw new Error('Expected the select element listbox to not be in the document after closing the dropdown.');
+    }
+    /**
+   * Returns a option matching the specified index or text content.
+   */ findOption(opts) {
+        let { indexOrText: indexOrText } = opts;
+        let option;
+        let options = this.getOptions();
+        let listbox = this.getListbox();
+        if (typeof indexOrText === 'number') option = options[indexOrText];
+        else if (typeof indexOrText === 'string' && listbox != null) option = (0, $gMthZ$testinglibrarydom.within)(listbox).getByText(indexOrText).closest('[role=option]');
+        return option;
+    }
+    async keyboardNavigateToOption(opts) {
+        let { option: option } = opts;
+        let options = this.getOptions();
+        let targetIndex = options.indexOf(option);
+        if (targetIndex === -1) throw new Error('Option provided is not in the listbox');
+        if (document.activeElement === this.getListbox()) await this.user.keyboard('[ArrowDown]');
+        let currIndex = options.indexOf(document.activeElement);
+        if (currIndex === -1) throw new Error('ActiveElement is not in the listbox');
+        let direction = targetIndex > currIndex ? 'down' : 'up';
+        for(let i = 0; i < Math.abs(targetIndex - currIndex); i++)await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);
+    }
+    /**
+   * Toggles the selection of the desired select option if possible. 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 toggleOptionSelection(opts) {
+        let { option: option, closesOnSelect: closesOnSelect, interactionType: interactionType = this._interactionType } = opts || {};
+        let trigger = this.getTrigger();
+        if (!trigger.getAttribute('aria-controls')) await this.open();
+        let listbox = this.getListbox();
+        if (!listbox) throw new Error("Select's listbox not found.");
+        if (typeof option === 'string' || typeof option === 'number') option = this.findOption({
+            indexOrText: option
+        });
+        if (!option) throw new Error(`Target option "${(0, $022fcf8e360befed$exports.formatTargetNode)(opts.option)}" not found in the listbox.`);
+        let isMultiSelect = listbox.getAttribute('aria-multiselectable') === 'true';
+        let isSingleSelect = !isMultiSelect;
+        closesOnSelect = closesOnSelect ?? isSingleSelect;
+        if (interactionType === 'keyboard') {
+            if (option?.getAttribute('aria-disabled') === 'true') throw new Error(`Cannot select disabled option "${(0, $022fcf8e360befed$exports.formatTargetNode)(opts.option)}".`);
+            if (document.activeElement !== listbox && !listbox.contains(document.activeElement)) (0, $a84d573878cc1e5e$exports.act)(()=>listbox.focus());
+            await this.keyboardNavigateToOption({
+                option: option
+            });
+            await this.user.keyboard('[Enter]');
+        } else if (interactionType === 'mouse') await this.user.click(option);
+        else await this.user.pointer({
+            target: option,
+            keys: '[TouchA]'
+        });
+        if (closesOnSelect && option?.getAttribute('href') == null) {
+            await (0, $gMthZ$testinglibrarydom.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;
+            });
+            if (document.contains(listbox)) throw new Error('Expected select element listbox to not be in the document after selecting an option');
+        }
+    }
+    /**
+   * Returns the select's options if present. Can be filtered to a subsection of the listbox if
+   * provided via `element`.
+   */ getOptions(opts = {}) {
+        let { element: element = this.getListbox() } = opts;
+        let options = [];
+        if (element) options = (0, $gMthZ$testinglibrarydom.within)(element).queryAllByRole('option');
+        return options;
+    }
+    /**
+   * Returns the select's trigger.
+   */ getTrigger() {
+        return this._trigger;
+    }
+    /**
+   * Returns the select's listbox if present.
+   */ getListbox() {
+        let listBoxId = this.getTrigger().getAttribute('aria-controls');
+        return listBoxId ? document.getElementById(listBoxId) : null;
+    }
+    /**
+   * Returns the select's sections if present.
+   */ getSections() {
+        let listbox = this.getListbox();
+        return listbox ? (0, $gMthZ$testinglibrarydom.within)(listbox).queryAllByRole('group') : [];
+    }
+}
+
+
+//# 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} from './act';\nimport {formatTargetNode} from './utils';\nimport {SelectTesterOpts, UserOpts} from './types';\nimport {waitFor, within} from '@testing-library/dom';\n\ninterface SelectOpenOpts {\n  /**\n   * What interaction type to use when opening the select. Defaults to the interaction type set on\n   * 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\n   * `getOptions()`.\n   */\n  option: number | string | HTMLElement;\n  /**\n   * Whether or not the select closes on selection. Depends on select implementation and\n   * configuration.\n   *\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 {interactionType = this._interactionType} = opts;\n    let trigger = this.getTrigger();\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.getListbox();\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(\n          `Expected the document.activeElement after closing the select dropdown to be the select component trigger but got ${document.activeElement}`\n        );\n      } else {\n        return true;\n      }\n    });\n\n    if (listbox && document.contains(listbox)) {\n      throw new Error(\n        'Expected the select element listbox to not be in the document after closing the dropdown.'\n      );\n    }\n  }\n\n  /**\n   * Returns a option matching the specified index or text content.\n   */\n  findOption(opts: {indexOrText: number | string}): HTMLElement {\n    let {indexOrText} = opts;\n\n    let option;\n    let options = this.getOptions();\n    let listbox = this.getListbox();\n\n    if (typeof indexOrText === 'number') {\n      option = options[indexOrText];\n    } else if (typeof indexOrText === 'string' && listbox != null) {\n      option = within(listbox!).getByText(indexOrText).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.getOptions();\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.getListbox()) {\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   * Toggles the selection of the desired select option if possible. Defaults to using the\n   * interaction type set on the select tester. If necessary, will open the select dropdown\n   * beforehand. The desired option can be targeted via the option's node, the option's text, or the\n   * option's index.\n   */\n  async toggleOptionSelection(opts: SelectTriggerOptionOpts): Promise<void> {\n    let {option, closesOnSelect, interactionType = this._interactionType} = opts || {};\n    let trigger = this.getTrigger();\n    if (!trigger.getAttribute('aria-controls')) {\n      await this.open();\n    }\n    let listbox = this.getListbox();\n    if (!listbox) {\n      throw new Error(\"Select's listbox not found.\");\n    }\n\n    if (typeof option === 'string' || typeof option === 'number') {\n      option = this.findOption({indexOrText: option});\n    }\n\n    if (!option) {\n      throw new Error(`Target option \"${formatTargetNode(opts.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        throw new Error(`Cannot select disabled option \"${formatTargetNode(opts.option)}\".`);\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      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(\n            `Expected the document.activeElement after selecting an option to be the select component trigger but got ${document.activeElement}`\n          );\n        } else {\n          return true;\n        }\n      });\n\n      if (document.contains(listbox)) {\n        throw new Error(\n          '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\n   * provided via `element`.\n   */\n  getOptions(opts: {element?: HTMLElement} = {}): HTMLElement[] {\n    let {element = this.getListbox()} = 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  getTrigger(): HTMLElement {\n    return this._trigger;\n  }\n\n  /**\n   * Returns the select's listbox if present.\n   */\n  getListbox(): HTMLElement | null {\n    let listBoxId = this.getTrigger().getAttribute('aria-controls');\n    return listBoxId ? document.getElementById(listBoxId) : null;\n  }\n\n  /**\n   * Returns the select's sections if present.\n   */\n  getSections(): HTMLElement[] {\n    let listbox = this.getListbox();\n    return listbox ? within(listbox).queryAllByRole('group') : [];\n  }\n}\n"],"names":[],"version":3,"file":"select.cjs.map"}

package/dist/private/select.js

@@ -0,0 +1,164 @@
+import {act as $1350703ef3ac1acc$export$3ba232387fd5d6dd} from "./act.js";
+import {formatTargetNode as $b4e037a2907521c6$export$bc3bc4a9206bf789} from "./utils.js";
+import {within as $d0NQz$within, waitFor as $d0NQz$waitFor} from "@testing-library/dom";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+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) {
+        this._interactionType = type;
+    }
+    /**
+   * Opens the select. Defaults to using the interaction type set on the select tester.
+   */ async open(opts = {}) {
+        let { interactionType: interactionType = this._interactionType } = opts;
+        let trigger = this.getTrigger();
+        let isDisabled = trigger.hasAttribute('disabled');
+        if (interactionType === 'mouse') await this.user.click(this._trigger);
+        else if (interactionType === 'keyboard') {
+            (0, $1350703ef3ac1acc$export$3ba232387fd5d6dd)(()=>trigger.focus());
+            await this.user.keyboard('[Enter]');
+        } else if (interactionType === 'touch') await this.user.pointer({
+            target: this._trigger,
+            keys: '[TouchA]'
+        });
+        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, $d0NQz$waitFor)(()=>{
+            if (!isDisabled && (!listBoxId || document.getElementById(listBoxId) == null)) throw new Error(`ListBox with id of ${listBoxId} not found in document.`);
+            else return true;
+        });
+    }
+    /**
+   * Closes the select.
+   */ async close() {
+        let listbox = this.getListbox();
+        if (listbox) {
+            (0, $1350703ef3ac1acc$export$3ba232387fd5d6dd)(()=>listbox.focus());
+            await this.user.keyboard('[Escape]');
+        }
+        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;
+        });
+        if (listbox && document.contains(listbox)) throw new Error('Expected the select element listbox to not be in the document after closing the dropdown.');
+    }
+    /**
+   * Returns a option matching the specified index or text content.
+   */ findOption(opts) {
+        let { indexOrText: indexOrText } = opts;
+        let option;
+        let options = this.getOptions();
+        let listbox = this.getListbox();
+        if (typeof indexOrText === 'number') option = options[indexOrText];
+        else if (typeof indexOrText === 'string' && listbox != null) option = (0, $d0NQz$within)(listbox).getByText(indexOrText).closest('[role=option]');
+        return option;
+    }
+    async keyboardNavigateToOption(opts) {
+        let { option: option } = opts;
+        let options = this.getOptions();
+        let targetIndex = options.indexOf(option);
+        if (targetIndex === -1) throw new Error('Option provided is not in the listbox');
+        if (document.activeElement === this.getListbox()) await this.user.keyboard('[ArrowDown]');
+        let currIndex = options.indexOf(document.activeElement);
+        if (currIndex === -1) throw new Error('ActiveElement is not in the listbox');
+        let direction = targetIndex > currIndex ? 'down' : 'up';
+        for(let i = 0; i < Math.abs(targetIndex - currIndex); i++)await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);
+    }
+    /**
+   * Toggles the selection of the desired select option if possible. 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 toggleOptionSelection(opts) {
+        let { option: option, closesOnSelect: closesOnSelect, interactionType: interactionType = this._interactionType } = opts || {};
+        let trigger = this.getTrigger();
+        if (!trigger.getAttribute('aria-controls')) await this.open();
+        let listbox = this.getListbox();
+        if (!listbox) throw new Error("Select's listbox not found.");
+        if (typeof option === 'string' || typeof option === 'number') option = this.findOption({
+            indexOrText: option
+        });
+        if (!option) throw new Error(`Target option "${(0, $b4e037a2907521c6$export$bc3bc4a9206bf789)(opts.option)}" not found in the listbox.`);
+        let isMultiSelect = listbox.getAttribute('aria-multiselectable') === 'true';
+        let isSingleSelect = !isMultiSelect;
+        closesOnSelect = closesOnSelect ?? isSingleSelect;
+        if (interactionType === 'keyboard') {
+            if (option?.getAttribute('aria-disabled') === 'true') throw new Error(`Cannot select disabled option "${(0, $b4e037a2907521c6$export$bc3bc4a9206bf789)(opts.option)}".`);
+            if (document.activeElement !== listbox && !listbox.contains(document.activeElement)) (0, $1350703ef3ac1acc$export$3ba232387fd5d6dd)(()=>listbox.focus());
+            await this.keyboardNavigateToOption({
+                option: option
+            });
+            await this.user.keyboard('[Enter]');
+        } else if (interactionType === 'mouse') await this.user.click(option);
+        else await this.user.pointer({
+            target: option,
+            keys: '[TouchA]'
+        });
+        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;
+            });
+            if (document.contains(listbox)) throw new Error('Expected select element listbox to not be in the document after selecting an option');
+        }
+    }
+    /**
+   * Returns the select's options if present. Can be filtered to a subsection of the listbox if
+   * provided via `element`.
+   */ getOptions(opts = {}) {
+        let { element: element = this.getListbox() } = opts;
+        let options = [];
+        if (element) options = (0, $d0NQz$within)(element).queryAllByRole('option');
+        return options;
+    }
+    /**
+   * Returns the select's trigger.
+   */ getTrigger() {
+        return this._trigger;
+    }
+    /**
+   * Returns the select's listbox if present.
+   */ getListbox() {
+        let listBoxId = this.getTrigger().getAttribute('aria-controls');
+        return listBoxId ? document.getElementById(listBoxId) : null;
+    }
+    /**
+   * Returns the select's sections if present.
+   */ getSections() {
+        let listbox = this.getListbox();
+        return listbox ? (0, $d0NQz$within)(listbox).queryAllByRole('group') : [];
+    }
+}
+
+
+export {$6acb352063615cf0$export$d1859707465446a9 as SelectTester};
+//# sourceMappingURL=select.js.map