@primer/components 32.0.0-rc.7200a6a6 → 32.0.0

package/lib/__tests__/Dialog.test.jsx

@@ -1,139 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const __1 = require("..");
-const react_2 = require("@testing-library/react");
-const jest_axe_1 = require("jest-axe");
-require("babel-polyfill");
-const testing_1 = require("../utils/testing");
-expect.extend(jest_axe_1.toHaveNoViolations);
-const comp = (<__1.Dialog isOpen onDismiss={() => null} aria-labelledby="header">
-    <__1.Dialog.Header id="header">Title</__1.Dialog.Header>
-    <__1.Box p={3}>
-      <__1.Text fontFamily="sans-serif">Some content</__1.Text>
-    </__1.Box>
-  </__1.Dialog>);
-const Component = () => {
-    const [isOpen, setIsOpen] = react_1.useState(true);
-    const returnFocusRef = react_1.useRef(null);
-    return (<div>
-      <__1.Button data-testid="trigger-button" ref={returnFocusRef} onClick={() => setIsOpen(true)}>
-        Show Dialog
-      </__1.Button>
-      <__1.Dialog returnFocusRef={returnFocusRef} isOpen={isOpen} onDismiss={() => setIsOpen(false)} aria-labelledby="header">
-        <div data-testid="inner">
-          <__1.Dialog.Header id="header">Title</__1.Dialog.Header>
-          <__1.Box p={3}>
-            <__1.Text fontFamily="sans-serif">Some content</__1.Text>
-          </__1.Box>
-        </div>
-      </__1.Dialog>
-    </div>);
-};
-const ClosedDialog = () => {
-    return (<__1.Dialog isOpen={false} onDismiss={() => null} aria-labelledby="header">
-      <div data-testid="inner">
-        <__1.Dialog.Header id="header">Title</__1.Dialog.Header>
-        <__1.Box p={3}>
-          <__1.Text fontFamily="sans-serif">Some content</__1.Text>
-        </__1.Box>
-      </div>
-    </__1.Dialog>);
-};
-const DialogWithCustomFocusRef = () => {
-    const buttonRef = react_1.useRef(null);
-    return (<__1.Dialog isOpen initialFocusRef={buttonRef} onDismiss={() => null} aria-labelledby="header">
-      <div data-testid="inner">
-        <__1.Dialog.Header id="header">Title</__1.Dialog.Header>
-        <__1.Box p={3}>
-          <__1.Text fontFamily="sans-serif">Some content</__1.Text>
-          <button data-testid="inner-button" ref={buttonRef}>
-            hi
-          </button>
-        </__1.Box>
-      </div>
-    </__1.Dialog>);
-};
-describe('Dialog', () => {
-    // because Dialog returns a React fragment the as and sx tests fail always, so they are skipped
-    testing_1.behavesAsComponent({
-        Component: __1.Dialog,
-        toRender: () => comp,
-        options: { skipAs: true, skipSx: true }
-    });
-    testing_1.checkExports('Dialog', {
-        default: __1.Dialog
-    });
-    describe('Dialog.Header', () => {
-        testing_1.behavesAsComponent({ Component: __1.Dialog.Header });
-    });
-    it('should have no axe violations', async () => {
-        const spy = jest.spyOn(console, 'warn').mockImplementation();
-        const { container } = react_2.render(comp);
-        spy.mockRestore();
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('Toggles when you click close button', async () => {
-        const { getByLabelText, getByTestId, queryByTestId } = react_2.render(<Component />);
-        expect(getByTestId('inner')).toBeTruthy();
-        react_2.act(() => {
-            react_2.fireEvent.click(getByLabelText('Close'));
-        });
-        expect(queryByTestId('inner')).toBeNull();
-        react_2.cleanup();
-    });
-    it('Renders dialog when isOpen is true', async () => {
-        const { getByTestId } = react_2.render(<Component />);
-        expect(getByTestId('inner')).toBeTruthy();
-        react_2.cleanup();
-    });
-    it('Does not render dialog when isOpen is false', async () => {
-        const { queryByTestId } = react_2.render(<ClosedDialog />);
-        expect(queryByTestId('inner')).toBeNull();
-        react_2.cleanup();
-    });
-    it('Focuses close button when Dialog is opened', async () => {
-        const { getByLabelText } = react_2.render(<Component />);
-        const closeButton = getByLabelText('Close');
-        expect(document.activeElement).toEqual(closeButton);
-        react_2.cleanup();
-    });
-    it('Focuses custom ref when Dialog is opened', async () => {
-        const { getByTestId } = react_2.render(<DialogWithCustomFocusRef />);
-        const innerButton = getByTestId('inner-button');
-        expect(document.activeElement).toEqual(innerButton);
-        react_2.cleanup();
-    });
-    it('Returns focus to returnFocusRef', async () => {
-        const { getByLabelText, getByTestId, queryByTestId } = react_2.render(<Component />);
-        expect(getByTestId('inner')).toBeTruthy();
-        react_2.act(() => {
-            react_2.fireEvent.click(getByLabelText('Close'));
-        });
-        expect(queryByTestId('inner')).toBeNull();
-        const triggerButton = getByTestId('trigger-button');
-        expect(document.activeElement).toEqual(triggerButton);
-        react_2.cleanup();
-    });
-});

package/lib/__tests__/Dialog.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/Dialog.types.test.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Dialog = _interopRequireDefault(require("../Dialog"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/_react.default.createElement(_Dialog.default, null);
-}
-
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-
-function shouldNotAcceptSystemProps() {
-  // @ts-expect-error system props should not be accepted
-  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-    backgroundColor: "thistle"
-  });
-}
-
-shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/Dialog.types.test.jsx

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
-const react_1 = __importDefault(require("react"));
-const Dialog_1 = __importDefault(require("../Dialog"));
-function shouldAcceptCallWithNoProps() {
-    return <Dialog_1.default />;
-}
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-function shouldNotAcceptSystemProps() {
-    // @ts-expect-error system props should not be accepted
-    return <Dialog_1.default backgroundColor="thistle"/>;
-}
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Dialog2.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/Dialog2.types.test.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Dialog = require("../Dialog/Dialog");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
-    onClose: () => null
-  });
-}
-
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-
-function shouldNotAcceptSystemProps() {
-  // @ts-expect-error system props should not be accepted
-  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
-    onClose: () => null,
-    backgroundColor: "tomato"
-  });
-}
-
-shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/Dialog2.types.test.jsx

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
-const react_1 = __importDefault(require("react"));
-const Dialog_1 = require("../Dialog/Dialog");
-function shouldAcceptCallWithNoProps() {
-    return <Dialog_1.Dialog onClose={() => null}/>;
-}
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-function shouldNotAcceptSystemProps() {
-    // @ts-expect-error system props should not be accepted
-    return <Dialog_1.Dialog onClose={() => null} backgroundColor="tomato"/>;
-}
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Dropdown.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/__tests__/Dropdown.test.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var _testing = require("../utils/testing");
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-require("babel-polyfill");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-describe('Dropdown', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Dropdown,
-    toRender: () => /*#__PURE__*/_react.default.createElement(_.Dropdown, null, "Hello!")
-  });
-  (0, _testing.checkExports)('Dropdown', {
-    default: _.Dropdown
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Dropdown, null));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-});
-describe('Dropdown.Item', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Dropdown.Item,
-    toRender: () => /*#__PURE__*/_react.default.createElement(_.Dropdown.Item, null, "Hello!")
-  });
-});
-describe('Dropdown.Button', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Dropdown.Button,
-    toRender: () => /*#__PURE__*/_react.default.createElement(_.Dropdown.Button, null, "Hello!")
-  });
-});
-describe('Dropdown.Caret', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Dropdown.Caret
-  });
-});
-describe('Dropdown.Menu', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Dropdown.Menu,
-    toRender: () => /*#__PURE__*/_react.default.createElement(_.Dropdown.Menu, null, /*#__PURE__*/_react.default.createElement("li", {
-      key: "a"
-    }, "1"), /*#__PURE__*/_react.default.createElement("li", {
-      key: "b"
-    }, "2"), /*#__PURE__*/_react.default.createElement("li", {
-      key: "c"
-    }, "3"))
-  });
-});

package/lib/__tests__/Dropdown.test.jsx

@@ -1,49 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const __1 = require("..");
-const testing_1 = require("../utils/testing");
-const react_2 = require("@testing-library/react");
-const jest_axe_1 = require("jest-axe");
-require("babel-polyfill");
-expect.extend(jest_axe_1.toHaveNoViolations);
-describe('Dropdown', () => {
-    testing_1.behavesAsComponent({ Component: __1.Dropdown, toRender: () => <__1.Dropdown>Hello!</__1.Dropdown> });
-    testing_1.checkExports('Dropdown', {
-        default: __1.Dropdown
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.Dropdown />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-});
-describe('Dropdown.Item', () => {
-    testing_1.behavesAsComponent({
-        Component: __1.Dropdown.Item,
-        toRender: () => <__1.Dropdown.Item>Hello!</__1.Dropdown.Item>
-    });
-});
-describe('Dropdown.Button', () => {
-    testing_1.behavesAsComponent({
-        Component: __1.Dropdown.Button,
-        toRender: () => <__1.Dropdown.Button>Hello!</__1.Dropdown.Button>
-    });
-});
-describe('Dropdown.Caret', () => {
-    testing_1.behavesAsComponent({ Component: __1.Dropdown.Caret });
-});
-describe('Dropdown.Menu', () => {
-    testing_1.behavesAsComponent({
-        Component: __1.Dropdown.Menu,
-        toRender: () => (<__1.Dropdown.Menu>
-        <li key="a">1</li>
-        <li key="b">2</li>
-        <li key="c">3</li>
-      </__1.Dropdown.Menu>)
-    });
-});

package/lib/__tests__/Dropdown.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/Dropdown.types.test.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Dropdown = _interopRequireDefault(require("../Dropdown"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/_react.default.createElement(_Dropdown.default, null);
-}
-
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-
-function shouldNotAcceptSystemProps() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dropdown.default.Caret, {
-    backgroundColor: "thistle"
-  }), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Menu, {
-    backgroundColor: "thistle"
-  }), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Item, {
-    backgroundColor: "thistle"
-  }), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Button, {
-    backgroundColor: "thistle"
-  }));
-}

package/lib/__tests__/Dropdown.types.test.jsx

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
-const react_1 = __importDefault(require("react"));
-const Dropdown_1 = __importDefault(require("../Dropdown"));
-function shouldAcceptCallWithNoProps() {
-    return <Dropdown_1.default />;
-}
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-function shouldNotAcceptSystemProps() {
-    return (<>
-      {/* @ts-expect-error system props should not be accepted */}
-      <Dropdown_1.default.Caret backgroundColor="thistle"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <Dropdown_1.default.Menu backgroundColor="thistle"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <Dropdown_1.default.Item backgroundColor="thistle"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <Dropdown_1.default.Button backgroundColor="thistle"/>
-    </>);
-}
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/DropdownMenu.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/__tests__/DropdownMenu.test.js

@@ -1,150 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-
-require("babel-polyfill");
-
-var _jestAxe = require("jest-axe");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _theme = _interopRequireDefault(require("../theme"));
-
-var _DropdownMenu = require("../DropdownMenu");
-
-var _testing = require("../utils/testing");
-
-var _ = require("..");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-const items = [{
-  text: 'Foo'
-}, {
-  text: 'Bar'
-}, {
-  text: 'Baz'
-}, {
-  text: 'Bon'
-}];
-
-function SimpleDropdownMenu() {
-  const [selectedItem, setSelectedItem] = _react2.default.useState();
-
-  return /*#__PURE__*/_react2.default.createElement(_.ThemeProvider, {
-    theme: _theme.default
-  }, /*#__PURE__*/_react2.default.createElement(_.SSRProvider, null, /*#__PURE__*/_react2.default.createElement(_.BaseStyles, null, /*#__PURE__*/_react2.default.createElement("div", {
-    id: "something-else"
-  }, "X"), /*#__PURE__*/_react2.default.createElement(_DropdownMenu.DropdownMenu, {
-    items: items,
-    placeholder: "Select an Option",
-    selectedItem: selectedItem,
-    onChange: setSelectedItem
-  }), /*#__PURE__*/_react2.default.createElement("div", {
-    id: "portal-root"
-  }))));
-}
-
-SimpleDropdownMenu.displayName = "SimpleDropdownMenu";
-describe('DropdownMenu', () => {
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-  (0, _testing.behavesAsComponent)({
-    Component: _DropdownMenu.DropdownMenu,
-    options: {
-      skipAs: true,
-      skipSx: true
-    },
-    toRender: () => /*#__PURE__*/_react2.default.createElement(_.SSRProvider, null, /*#__PURE__*/_react2.default.createElement(_DropdownMenu.DropdownMenu, {
-      items: []
-    }))
-  });
-  (0, _testing.checkExports)('DropdownMenu', {
-    default: undefined,
-    DropdownMenu: _DropdownMenu.DropdownMenu,
-    DropdownButton: _DropdownMenu.DropdownButton
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(SimpleDropdownMenu, null));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react.cleanup)();
-  });
-  it('should trigger the overlay on trigger click', async () => {
-    var _portalRoot, _portalRoot$textConte;
-
-    const menu = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(SimpleDropdownMenu, null));
-    let portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeNull();
-    const anchor = await menu.findByText('Select an Option');
-    (0, _react.act)(() => {
-      _react.fireEvent.click(anchor);
-    });
-    portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeTruthy();
-    const itemText = items.map(i => {
-      if (i.hasOwnProperty('text')) {
-        return i.text;
-      }
-    }).join('');
-    expect((_portalRoot = portalRoot) === null || _portalRoot === void 0 ? void 0 : (_portalRoot$textConte = _portalRoot.textContent) === null || _portalRoot$textConte === void 0 ? void 0 : _portalRoot$textConte.trim()).toEqual(itemText);
-  });
-  it('should dismiss the overlay on dropdown item click', async () => {
-    var _portalRoot2;
-
-    const menu = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(SimpleDropdownMenu, null));
-    let portalRoot = await menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeNull();
-    const anchor = await menu.findByText('Select an Option');
-    (0, _react.act)(() => {
-      _react.fireEvent.click(anchor);
-    });
-    portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeTruthy();
-    const menuItem = await menu.queryByText('Baz');
-    (0, _react.act)(() => {
-      _react.fireEvent.click(menuItem);
-    }); // portal is closed after click
-
-    expect((_portalRoot2 = portalRoot) === null || _portalRoot2 === void 0 ? void 0 : _portalRoot2.textContent).toEqual(''); // menu items are hidden
-  });
-  it('option should be selected when chosen from the dropdown menu', async () => {
-    const menu = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(SimpleDropdownMenu, null));
-    let portalRoot = await menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeNull();
-    const anchor = await menu.findByText('Select an Option');
-    (0, _react.act)(() => {
-      _react.fireEvent.click(anchor);
-    });
-    portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeTruthy();
-    const menuItem = await menu.queryByText('Baz');
-    (0, _react.act)(() => {
-      _react.fireEvent.click(menuItem);
-    });
-    expect(anchor.textContent).toEqual('Baz');
-  });
-  it('should dismiss the overlay on clicking outside overlay', async () => {
-    var _portalRoot3;
-
-    const menu = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(SimpleDropdownMenu, null));
-    let portalRoot = await menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeNull();
-    const anchor = await menu.findByText('Select an Option');
-    (0, _react.act)(() => {
-      _react.fireEvent.click(anchor);
-    });
-    portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeTruthy();
-    const somethingElse = await menu.baseElement.querySelector('#something-else');
-    (0, _react.act)(() => {
-      _react.fireEvent.mouseDown(somethingElse);
-    }); // portal is closed after click
-
-    expect((_portalRoot3 = portalRoot) === null || _portalRoot3 === void 0 ? void 0 : _portalRoot3.textContent).toEqual(''); // menu items are hidden
-  });
-});