@instructure/ui-simple-select 10.19.2-snapshot-3 → 10.19.2-snapshot-4

package/es/SimpleSelect/__new-tests__/SimpleSelect.test.js

@@ -1,344 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _SimpleSelect, _SimpleSelect2, _SimpleSelect3, _SimpleSelect4, _SimpleSelect5, _SimpleSelect6, _IconCheckSolid;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { vi, it } from 'vitest';
-import userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom';
-
-// eslint-disable-next-line no-restricted-imports
-import { generateA11yTests } from '@instructure/ui-scripts/lib/test/generateA11yTests';
-import { IconCheckSolid } from '@instructure/ui-icons';
-import { runAxeCheck } from '@instructure/ui-axe-check';
-import SimpleSelectExamples from '../__examples__/SimpleSelect.examples';
-import SimpleSelect from '../index';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const defaultOptions = ['foo', 'bar', 'baz'];
-const getOptions = disabled => defaultOptions.map(opt => _jsx(SimpleSelect.Option, {
-  id: opt,
-  value: opt,
-  isDisabled: opt === disabled,
-  children: opt
-}, opt));
-describe('<SimpleSelect />', () => {
-  let consoleErrorMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleErrorMock.mockRestore();
-  });
-  it('should render an input and a list', async () => {
-    render(_jsx(SimpleSelect, {
-      renderLabel: "Choose an option",
-      children: getOptions()
-    }));
-    const input = screen.getByLabelText('Choose an option');
-    const listInitial = screen.queryByRole('listbox');
-    expect(listInitial).not.toBeInTheDocument();
-    expect(input).toBeInTheDocument();
-    await userEvent.click(input);
-    await waitFor(() => {
-      const list = screen.queryByRole('listbox');
-      expect(list).toBeInTheDocument();
-    });
-  });
-  it('should render groups', async () => {
-    render(_SimpleSelect || (_SimpleSelect = _jsxs(SimpleSelect, {
-      renderLabel: "Choose an option",
-      children: [_jsx(SimpleSelect.Option, {
-        id: "0",
-        value: "0",
-        children: "ungrouped option one"
-      }), _jsx(SimpleSelect.Group, {
-        renderLabel: "Group one",
-        children: _jsx(SimpleSelect.Option, {
-          id: "1",
-          value: "1",
-          children: "grouped option one"
-        })
-      }), _jsx(SimpleSelect.Group, {
-        renderLabel: "Group two",
-        children: _jsx(SimpleSelect.Option, {
-          id: "2",
-          value: "2",
-          children: "grouped option two"
-        })
-      }), _jsx(SimpleSelect.Option, {
-        id: "3",
-        value: "3",
-        children: "ungrouped option two"
-      })]
-    })));
-    const input = screen.getByLabelText('Choose an option');
-    await userEvent.click(input);
-    await waitFor(() => {
-      const groups = screen.getAllByRole('group');
-      const labelOne = screen.getByText('Group one');
-      const labelOneID = labelOne.getAttribute('id');
-      expect(groups.length).toBe(2);
-      expect(groups[0]).toHaveAttribute('aria-labelledby', labelOneID);
-      expect(labelOne).toHaveAttribute('role', 'presentation');
-    });
-  });
-  it('should ignore invalid children', async () => {
-    render(_SimpleSelect2 || (_SimpleSelect2 = _jsxs(SimpleSelect, {
-      renderLabel: "Choose an option",
-      children: [_jsx(SimpleSelect.Option, {
-        id: "0",
-        value: 0,
-        children: "valid"
-      }), _jsx("div", {
-        children: "invalid"
-      })]
-    })));
-    const input = screen.getByLabelText('Choose an option');
-    await userEvent.click(input);
-    await waitFor(() => {
-      const invalidChild = screen.queryByText('invalid');
-      expect(invalidChild).not.toBeInTheDocument();
-      expect(consoleErrorMock).toHaveBeenCalledWith(expect.any(String), expect.any(String), expect.stringContaining('Expected one of Group, Option'), expect.any(String));
-    });
-  });
-  it('should fire onFocus when input gains focus', async () => {
-    const onFocus = vi.fn();
-    render(_jsx(SimpleSelect, {
-      renderLabel: "Choose an option",
-      onFocus: onFocus,
-      children: getOptions()
-    }));
-    const input = screen.getByLabelText('Choose an option');
-    input.focus();
-    await waitFor(() => {
-      expect(onFocus).toHaveBeenCalled();
-    });
-  });
-  describe('input', () => {
-    it('should render with a custom id if given', async () => {
-      render(_SimpleSelect3 || (_SimpleSelect3 = _jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        id: "customSelect"
-      })));
-      const input = screen.getByLabelText('Choose an option');
-      expect(input).toHaveAttribute('id', 'customSelect');
-    });
-    it('should always render readonly', async () => {
-      render(_SimpleSelect4 || (_SimpleSelect4 = _jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        interaction: "enabled"
-      })));
-      const input = screen.getByLabelText('Choose an option');
-      expect(input).toHaveAttribute('readonly');
-      expect(input).not.toHaveAttribute('disabled');
-    });
-    it('should render disabled when interaction="disabled"', async () => {
-      render(_SimpleSelect5 || (_SimpleSelect5 = _jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        interaction: "disabled"
-      })));
-      const input = screen.getByLabelText('Choose an option');
-      expect(input).toHaveAttribute('disabled');
-      expect(input).not.toHaveAttribute('readonly');
-    });
-    it('should render required when isRequired={true}', async () => {
-      render(_SimpleSelect6 || (_SimpleSelect6 = _jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        isRequired: true
-      })));
-      const input = screen.getByLabelText('Choose an option *');
-      expect(input).toHaveAttribute('required');
-    });
-    it('should allow assistive text', async () => {
-      render(_jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        assistiveText: "hello world",
-        children: getOptions()
-      }));
-      const input = screen.getByLabelText('Choose an option');
-      const assistiveText = screen.getByText('hello world');
-      const assistiveTextID = assistiveText.getAttribute('id');
-      expect(input).toHaveAttribute('aria-describedby', assistiveTextID);
-    });
-    it('should allow custom props to pass through', async () => {
-      render(_jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        "data-custom-attr": "true",
-        children: getOptions()
-      }));
-      const input = screen.getByLabelText('Choose an option');
-      expect(input).toHaveAttribute('data-custom-attr', 'true');
-    });
-    it('should provide a ref to the input element', async () => {
-      const inputRef = vi.fn();
-      render(_jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        inputRef: inputRef,
-        children: getOptions()
-      }));
-      const input = screen.getByLabelText('Choose an option');
-      expect(inputRef).toHaveBeenCalledWith(input);
-    });
-  });
-  it('should render icons before option and call renderBeforeLabel callback with necessary props', async () => {
-    const renderBeforeLabel = vi.fn(() => _IconCheckSolid || (_IconCheckSolid = _jsx(IconCheckSolid, {
-      "data-testid": "option-icon"
-    })));
-    render(_jsxs(SimpleSelect, {
-      renderLabel: "Choose an option",
-      children: [_jsx(SimpleSelect.Option, {
-        id: "option-1",
-        value: "1",
-        isDisabled: true,
-        renderBeforeLabel: renderBeforeLabel,
-        children: "option one"
-      }), _jsx(SimpleSelect.Option, {
-        id: "option-2",
-        value: "2",
-        renderBeforeLabel: renderBeforeLabel,
-        children: "option two"
-      })]
-    }));
-    const input = screen.getByLabelText('Choose an option');
-    await userEvent.click(input);
-    await waitFor(() => {
-      const optionIcons = screen.getAllByTestId('option-icon');
-      expect(optionIcons.length).toBe(2);
-      expect(renderBeforeLabel).toHaveBeenCalledTimes(2);
-      const _ref = renderBeforeLabel.mock.calls,
-        _ref2 = _slicedToArray(_ref, 2),
-        _ref2$ = _slicedToArray(_ref2[0], 1),
-        argsOption1 = _ref2$[0],
-        _ref2$2 = _slicedToArray(_ref2[1], 1),
-        argsOption2 = _ref2$2[0];
-      expect(argsOption1).toMatchObject({
-        id: 'option-1',
-        isDisabled: true,
-        isSelected: true,
-        isHighlighted: true,
-        children: 'option one'
-      });
-      expect(argsOption2).toMatchObject({
-        id: 'option-2',
-        isDisabled: false,
-        isSelected: false,
-        isHighlighted: false,
-        children: 'option two'
-      });
-    });
-  });
-  describe('list', () => {
-    it('should set aria-disabled on options when isDisabled={true}', async () => {
-      render(_jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        children: getOptions(defaultOptions[2])
-      }));
-      const input = screen.getByLabelText('Choose an option');
-      await userEvent.click(input);
-      await waitFor(() => {
-        const options = screen.getAllByRole('option');
-        expect(options[0]).not.toHaveAttribute('aria-disabled');
-        expect(options[2]).toHaveAttribute('aria-disabled', 'true');
-      });
-    });
-    it('should provide a ref to the list element', async () => {
-      const listRef = vi.fn();
-      render(_jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        listRef: listRef,
-        children: getOptions()
-      }));
-      const input = screen.getByLabelText('Choose an option');
-      await userEvent.click(input);
-      await waitFor(() => {
-        const listbox = screen.getByRole('listbox');
-        expect(listRef).toHaveBeenCalledWith(listbox);
-      });
-    });
-  });
-  describe('with generated examples', () => {
-    const generatedComponents = generateA11yTests(SimpleSelect, SimpleSelectExamples);
-    it.each(generatedComponents)('should be accessible with example: $description', async ({
-      content
-    }) => {
-      const _render = render(content),
-        container = _render.container;
-      const axeCheck = await runAxeCheck(container);
-      expect(axeCheck).toBe(true);
-    });
-  });
-  describe('children', () => {
-    const initialOptions = ['foo', 'bar'];
-    const updatedOptions = ['bar', 'baz'];
-    const getOptions = options => options.map(opt => _jsx(SimpleSelect.Option, {
-      id: opt,
-      value: opt,
-      children: opt
-    }, opt));
-    const renderSimpleSelect = options => {
-      return render(_jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        children: getOptions(options)
-      }));
-    };
-    it('should clear selection if selected option does not exist in updated options', () => {
-      const _renderSimpleSelect = renderSimpleSelect(initialOptions),
-        rerender = _renderSimpleSelect.rerender;
-      const input = screen.getByRole('combobox', {
-        name: 'Choose an option'
-      });
-      fireEvent.click(input);
-      const fooOption = screen.getByRole('option', {
-        name: 'foo'
-      });
-      fireEvent.click(fooOption);
-      expect(input).toHaveValue('foo');
-      rerender(_jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        children: getOptions(updatedOptions)
-      }));
-      expect(input).toHaveValue('');
-    });
-    it('should persist selected option if it exists in updated options', () => {
-      const _renderSimpleSelect2 = renderSimpleSelect(initialOptions),
-        rerender = _renderSimpleSelect2.rerender;
-      const input = screen.getByRole('combobox', {
-        name: 'Choose an option'
-      });
-      fireEvent.click(input);
-      const barOption = screen.getByRole('option', {
-        name: 'bar'
-      });
-      fireEvent.click(barOption);
-      expect(input).toHaveValue('bar');
-      rerender(_jsx(SimpleSelect, {
-        renderLabel: "Choose an option",
-        children: getOptions(updatedOptions)
-      }));
-      expect(input).toHaveValue('bar');
-    });
-  });
-});

package/lib/SimpleSelect/__new-tests__/SimpleSelect.test.js

@@ -1,345 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-require("@testing-library/jest-dom");
-var _generateA11yTests = require("@instructure/ui-scripts/lib/test/generateA11yTests");
-var _IconCheckSolid2 = require("@instructure/ui-icons/lib/IconCheckSolid.js");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
-var _SimpleSelect7 = _interopRequireDefault(require("../__examples__/SimpleSelect.examples"));
-var _index = _interopRequireDefault(require("../index"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _SimpleSelect, _SimpleSelect2, _SimpleSelect3, _SimpleSelect4, _SimpleSelect5, _SimpleSelect6, _IconCheckSolid;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-// eslint-disable-next-line no-restricted-imports
-const defaultOptions = ['foo', 'bar', 'baz'];
-const getOptions = disabled => defaultOptions.map(opt => (0, _jsxRuntime.jsx)(_index.default.Option, {
-  id: opt,
-  value: opt,
-  isDisabled: opt === disabled,
-  children: opt
-}, opt));
-describe('<SimpleSelect />', () => {
-  let consoleErrorMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleErrorMock.mockRestore();
-  });
-  (0, _vitest.it)('should render an input and a list', async () => {
-    (0, _react.render)((0, _jsxRuntime.jsx)(_index.default, {
-      renderLabel: "Choose an option",
-      children: getOptions()
-    }));
-    const input = _react.screen.getByLabelText('Choose an option');
-    const listInitial = _react.screen.queryByRole('listbox');
-    expect(listInitial).not.toBeInTheDocument();
-    expect(input).toBeInTheDocument();
-    await _userEvent.default.click(input);
-    await (0, _react.waitFor)(() => {
-      const list = _react.screen.queryByRole('listbox');
-      expect(list).toBeInTheDocument();
-    });
-  });
-  (0, _vitest.it)('should render groups', async () => {
-    (0, _react.render)(_SimpleSelect || (_SimpleSelect = (0, _jsxRuntime.jsxs)(_index.default, {
-      renderLabel: "Choose an option",
-      children: [(0, _jsxRuntime.jsx)(_index.default.Option, {
-        id: "0",
-        value: "0",
-        children: "ungrouped option one"
-      }), (0, _jsxRuntime.jsx)(_index.default.Group, {
-        renderLabel: "Group one",
-        children: (0, _jsxRuntime.jsx)(_index.default.Option, {
-          id: "1",
-          value: "1",
-          children: "grouped option one"
-        })
-      }), (0, _jsxRuntime.jsx)(_index.default.Group, {
-        renderLabel: "Group two",
-        children: (0, _jsxRuntime.jsx)(_index.default.Option, {
-          id: "2",
-          value: "2",
-          children: "grouped option two"
-        })
-      }), (0, _jsxRuntime.jsx)(_index.default.Option, {
-        id: "3",
-        value: "3",
-        children: "ungrouped option two"
-      })]
-    })));
-    const input = _react.screen.getByLabelText('Choose an option');
-    await _userEvent.default.click(input);
-    await (0, _react.waitFor)(() => {
-      const groups = _react.screen.getAllByRole('group');
-      const labelOne = _react.screen.getByText('Group one');
-      const labelOneID = labelOne.getAttribute('id');
-      expect(groups.length).toBe(2);
-      expect(groups[0]).toHaveAttribute('aria-labelledby', labelOneID);
-      expect(labelOne).toHaveAttribute('role', 'presentation');
-    });
-  });
-  (0, _vitest.it)('should ignore invalid children', async () => {
-    (0, _react.render)(_SimpleSelect2 || (_SimpleSelect2 = (0, _jsxRuntime.jsxs)(_index.default, {
-      renderLabel: "Choose an option",
-      children: [(0, _jsxRuntime.jsx)(_index.default.Option, {
-        id: "0",
-        value: 0,
-        children: "valid"
-      }), (0, _jsxRuntime.jsx)("div", {
-        children: "invalid"
-      })]
-    })));
-    const input = _react.screen.getByLabelText('Choose an option');
-    await _userEvent.default.click(input);
-    await (0, _react.waitFor)(() => {
-      const invalidChild = _react.screen.queryByText('invalid');
-      expect(invalidChild).not.toBeInTheDocument();
-      expect(consoleErrorMock).toHaveBeenCalledWith(expect.any(String), expect.any(String), expect.stringContaining('Expected one of Group, Option'), expect.any(String));
-    });
-  });
-  (0, _vitest.it)('should fire onFocus when input gains focus', async () => {
-    const onFocus = _vitest.vi.fn();
-    (0, _react.render)((0, _jsxRuntime.jsx)(_index.default, {
-      renderLabel: "Choose an option",
-      onFocus: onFocus,
-      children: getOptions()
-    }));
-    const input = _react.screen.getByLabelText('Choose an option');
-    input.focus();
-    await (0, _react.waitFor)(() => {
-      expect(onFocus).toHaveBeenCalled();
-    });
-  });
-  describe('input', () => {
-    (0, _vitest.it)('should render with a custom id if given', async () => {
-      (0, _react.render)(_SimpleSelect3 || (_SimpleSelect3 = (0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        id: "customSelect"
-      })));
-      const input = _react.screen.getByLabelText('Choose an option');
-      expect(input).toHaveAttribute('id', 'customSelect');
-    });
-    (0, _vitest.it)('should always render readonly', async () => {
-      (0, _react.render)(_SimpleSelect4 || (_SimpleSelect4 = (0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        interaction: "enabled"
-      })));
-      const input = _react.screen.getByLabelText('Choose an option');
-      expect(input).toHaveAttribute('readonly');
-      expect(input).not.toHaveAttribute('disabled');
-    });
-    (0, _vitest.it)('should render disabled when interaction="disabled"', async () => {
-      (0, _react.render)(_SimpleSelect5 || (_SimpleSelect5 = (0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        interaction: "disabled"
-      })));
-      const input = _react.screen.getByLabelText('Choose an option');
-      expect(input).toHaveAttribute('disabled');
-      expect(input).not.toHaveAttribute('readonly');
-    });
-    (0, _vitest.it)('should render required when isRequired={true}', async () => {
-      (0, _react.render)(_SimpleSelect6 || (_SimpleSelect6 = (0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        isRequired: true
-      })));
-      const input = _react.screen.getByLabelText('Choose an option *');
-      expect(input).toHaveAttribute('required');
-    });
-    (0, _vitest.it)('should allow assistive text', async () => {
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        assistiveText: "hello world",
-        children: getOptions()
-      }));
-      const input = _react.screen.getByLabelText('Choose an option');
-      const assistiveText = _react.screen.getByText('hello world');
-      const assistiveTextID = assistiveText.getAttribute('id');
-      expect(input).toHaveAttribute('aria-describedby', assistiveTextID);
-    });
-    (0, _vitest.it)('should allow custom props to pass through', async () => {
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        "data-custom-attr": "true",
-        children: getOptions()
-      }));
-      const input = _react.screen.getByLabelText('Choose an option');
-      expect(input).toHaveAttribute('data-custom-attr', 'true');
-    });
-    (0, _vitest.it)('should provide a ref to the input element', async () => {
-      const inputRef = _vitest.vi.fn();
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        inputRef: inputRef,
-        children: getOptions()
-      }));
-      const input = _react.screen.getByLabelText('Choose an option');
-      expect(inputRef).toHaveBeenCalledWith(input);
-    });
-  });
-  (0, _vitest.it)('should render icons before option and call renderBeforeLabel callback with necessary props', async () => {
-    const renderBeforeLabel = _vitest.vi.fn(() => _IconCheckSolid || (_IconCheckSolid = (0, _jsxRuntime.jsx)(_IconCheckSolid2.IconCheckSolid, {
-      "data-testid": "option-icon"
-    })));
-    (0, _react.render)((0, _jsxRuntime.jsxs)(_index.default, {
-      renderLabel: "Choose an option",
-      children: [(0, _jsxRuntime.jsx)(_index.default.Option, {
-        id: "option-1",
-        value: "1",
-        isDisabled: true,
-        renderBeforeLabel: renderBeforeLabel,
-        children: "option one"
-      }), (0, _jsxRuntime.jsx)(_index.default.Option, {
-        id: "option-2",
-        value: "2",
-        renderBeforeLabel: renderBeforeLabel,
-        children: "option two"
-      })]
-    }));
-    const input = _react.screen.getByLabelText('Choose an option');
-    await _userEvent.default.click(input);
-    await (0, _react.waitFor)(() => {
-      const optionIcons = _react.screen.getAllByTestId('option-icon');
-      expect(optionIcons.length).toBe(2);
-      expect(renderBeforeLabel).toHaveBeenCalledTimes(2);
-      const _ref = renderBeforeLabel.mock.calls,
-        _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-        _ref2$ = (0, _slicedToArray2.default)(_ref2[0], 1),
-        argsOption1 = _ref2$[0],
-        _ref2$2 = (0, _slicedToArray2.default)(_ref2[1], 1),
-        argsOption2 = _ref2$2[0];
-      expect(argsOption1).toMatchObject({
-        id: 'option-1',
-        isDisabled: true,
-        isSelected: true,
-        isHighlighted: true,
-        children: 'option one'
-      });
-      expect(argsOption2).toMatchObject({
-        id: 'option-2',
-        isDisabled: false,
-        isSelected: false,
-        isHighlighted: false,
-        children: 'option two'
-      });
-    });
-  });
-  describe('list', () => {
-    (0, _vitest.it)('should set aria-disabled on options when isDisabled={true}', async () => {
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        children: getOptions(defaultOptions[2])
-      }));
-      const input = _react.screen.getByLabelText('Choose an option');
-      await _userEvent.default.click(input);
-      await (0, _react.waitFor)(() => {
-        const options = _react.screen.getAllByRole('option');
-        expect(options[0]).not.toHaveAttribute('aria-disabled');
-        expect(options[2]).toHaveAttribute('aria-disabled', 'true');
-      });
-    });
-    (0, _vitest.it)('should provide a ref to the list element', async () => {
-      const listRef = _vitest.vi.fn();
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        listRef: listRef,
-        children: getOptions()
-      }));
-      const input = _react.screen.getByLabelText('Choose an option');
-      await _userEvent.default.click(input);
-      await (0, _react.waitFor)(() => {
-        const listbox = _react.screen.getByRole('listbox');
-        expect(listRef).toHaveBeenCalledWith(listbox);
-      });
-    });
-  });
-  describe('with generated examples', () => {
-    const generatedComponents = (0, _generateA11yTests.generateA11yTests)(_index.default, _SimpleSelect7.default);
-    _vitest.it.each(generatedComponents)('should be accessible with example: $description', async ({
-      content
-    }) => {
-      const _render = (0, _react.render)(content),
-        container = _render.container;
-      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
-      expect(axeCheck).toBe(true);
-    });
-  });
-  describe('children', () => {
-    const initialOptions = ['foo', 'bar'];
-    const updatedOptions = ['bar', 'baz'];
-    const getOptions = options => options.map(opt => (0, _jsxRuntime.jsx)(_index.default.Option, {
-      id: opt,
-      value: opt,
-      children: opt
-    }, opt));
-    const renderSimpleSelect = options => {
-      return (0, _react.render)((0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        children: getOptions(options)
-      }));
-    };
-    (0, _vitest.it)('should clear selection if selected option does not exist in updated options', () => {
-      const _renderSimpleSelect = renderSimpleSelect(initialOptions),
-        rerender = _renderSimpleSelect.rerender;
-      const input = _react.screen.getByRole('combobox', {
-        name: 'Choose an option'
-      });
-      _react.fireEvent.click(input);
-      const fooOption = _react.screen.getByRole('option', {
-        name: 'foo'
-      });
-      _react.fireEvent.click(fooOption);
-      expect(input).toHaveValue('foo');
-      rerender((0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        children: getOptions(updatedOptions)
-      }));
-      expect(input).toHaveValue('');
-    });
-    (0, _vitest.it)('should persist selected option if it exists in updated options', () => {
-      const _renderSimpleSelect2 = renderSimpleSelect(initialOptions),
-        rerender = _renderSimpleSelect2.rerender;
-      const input = _react.screen.getByRole('combobox', {
-        name: 'Choose an option'
-      });
-      _react.fireEvent.click(input);
-      const barOption = _react.screen.getByRole('option', {
-        name: 'bar'
-      });
-      _react.fireEvent.click(barOption);
-      expect(input).toHaveValue('bar');
-      rerender((0, _jsxRuntime.jsx)(_index.default, {
-        renderLabel: "Choose an option",
-        children: getOptions(updatedOptions)
-      }));
-      expect(input).toHaveValue('bar');
-    });
-  });
-});