@primer/components 32.1.0-rc.6f5d2b00 → 32.1.0

package/lib/__tests__/Details.test.js

@@ -1,117 +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('Details', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Details
-  });
-  (0, _testing.checkExports)('Details', {
-    default: _.Details
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Details, null));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('Toggles when you click outside', () => {
-    const Component = () => {
-      const {
-        getDetailsProps
-      } = (0, _.useDetails)({
-        closeOnOutsideClick: true
-      });
-      return /*#__PURE__*/_react.default.createElement(_.Details, getDetailsProps(), /*#__PURE__*/_react.default.createElement("summary", null, "hi"));
-    };
-
-    const wrapper = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(Component, null));
-    document.body.click();
-    const dom = wrapper.getDOMNode();
-    expect(dom.hasAttribute('open')).toEqual(false);
-    wrapper.unmount();
-  });
-  it('Accurately passes down open state', () => {
-    const Component = () => {
-      const {
-        getDetailsProps,
-        open
-      } = (0, _.useDetails)({
-        closeOnOutsideClick: true
-      });
-      return /*#__PURE__*/_react.default.createElement(_.Details, getDetailsProps(), /*#__PURE__*/_react.default.createElement(_.Button, {
-        as: "summary"
-      }, open ? 'Open' : 'Closed'));
-    };
-
-    const wrapper = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(Component, null));
-    document.body.click();
-    const dom = wrapper.getDOMNode();
-    const summary = wrapper.find('summary');
-    expect(summary.text()).toEqual('Closed');
-    expect(dom.hasAttribute('open')).toEqual(false);
-    wrapper.unmount();
-  });
-  it('Can manipulate state with setOpen', () => {
-    const CloseButton = props => /*#__PURE__*/_react.default.createElement(_.Button, props);
-
-    const Component = () => {
-      const {
-        getDetailsProps,
-        setOpen,
-        open
-      } = (0, _.useDetails)({
-        closeOnOutsideClick: true,
-        defaultOpen: true
-      });
-      return /*#__PURE__*/_react.default.createElement(_.Details, getDetailsProps(), /*#__PURE__*/_react.default.createElement(_.Button, {
-        as: "summary"
-      }, open ? 'Open' : 'Closed'), /*#__PURE__*/_react.default.createElement(CloseButton, {
-        onClick: () => setOpen(false)
-      }));
-    };
-
-    const wrapper = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(Component, null));
-    wrapper.find(CloseButton).simulate('click');
-    const dom = wrapper.getDOMNode();
-    const summary = wrapper.find('summary');
-    expect(summary.text()).toEqual('Closed');
-    expect(dom.hasAttribute('open')).toEqual(false);
-    wrapper.unmount();
-  });
-  it('Does not toggle when you click inside', () => {
-    const Component = () => {
-      const {
-        getDetailsProps,
-        open
-      } = (0, _.useDetails)({
-        closeOnOutsideClick: true,
-        defaultOpen: true
-      });
-      return /*#__PURE__*/_react.default.createElement(_.Details, getDetailsProps(), /*#__PURE__*/_react.default.createElement(_.Button, {
-        as: "summary"
-      }, open ? 'Open' : 'Closed'), /*#__PURE__*/_react.default.createElement(_.Box, null, /*#__PURE__*/_react.default.createElement(_.ButtonPrimary, null, "hi")));
-    };
-
-    const wrapper = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(Component, null));
-    const summary = wrapper.find('summary');
-    wrapper.find(_.ButtonPrimary).simulate('click');
-    expect(summary.text()).toEqual('Open');
-    wrapper.unmount();
-  });
-});

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

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

package/lib/__tests__/Dialog.test.js

@@ -1,184 +0,0 @@
-"use strict";
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ = require("..");
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-require("babel-polyfill");
-
-var _testing = require("../utils/testing");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-
-const comp = /*#__PURE__*/_react.default.createElement(_.Dialog, {
-  isOpen: true,
-  onDismiss: () => null,
-  "aria-labelledby": "header"
-}, /*#__PURE__*/_react.default.createElement(_.Dialog.Header, {
-  id: "header"
-}, "Title"), /*#__PURE__*/_react.default.createElement(_.Box, {
-  p: 3
-}, /*#__PURE__*/_react.default.createElement(_.Text, {
-  fontFamily: "sans-serif"
-}, "Some content")));
-
-const Component = () => {
-  const [isOpen, setIsOpen] = (0, _react.useState)(true);
-  const returnFocusRef = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_.Button, {
-    "data-testid": "trigger-button",
-    ref: returnFocusRef,
-    onClick: () => setIsOpen(true)
-  }, "Show Dialog"), /*#__PURE__*/_react.default.createElement(_.Dialog, {
-    returnFocusRef: returnFocusRef,
-    isOpen: isOpen,
-    onDismiss: () => setIsOpen(false),
-    "aria-labelledby": "header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "inner"
-  }, /*#__PURE__*/_react.default.createElement(_.Dialog.Header, {
-    id: "header"
-  }, "Title"), /*#__PURE__*/_react.default.createElement(_.Box, {
-    p: 3
-  }, /*#__PURE__*/_react.default.createElement(_.Text, {
-    fontFamily: "sans-serif"
-  }, "Some content")))));
-};
-
-Component.displayName = "Component";
-
-const ClosedDialog = () => {
-  return /*#__PURE__*/_react.default.createElement(_.Dialog, {
-    isOpen: false,
-    onDismiss: () => null,
-    "aria-labelledby": "header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "inner"
-  }, /*#__PURE__*/_react.default.createElement(_.Dialog.Header, {
-    id: "header"
-  }, "Title"), /*#__PURE__*/_react.default.createElement(_.Box, {
-    p: 3
-  }, /*#__PURE__*/_react.default.createElement(_.Text, {
-    fontFamily: "sans-serif"
-  }, "Some content"))));
-};
-
-ClosedDialog.displayName = "ClosedDialog";
-
-const DialogWithCustomFocusRef = () => {
-  const buttonRef = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement(_.Dialog, {
-    isOpen: true,
-    initialFocusRef: buttonRef,
-    onDismiss: () => null,
-    "aria-labelledby": "header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "inner"
-  }, /*#__PURE__*/_react.default.createElement(_.Dialog.Header, {
-    id: "header"
-  }, "Title"), /*#__PURE__*/_react.default.createElement(_.Box, {
-    p: 3
-  }, /*#__PURE__*/_react.default.createElement(_.Text, {
-    fontFamily: "sans-serif"
-  }, "Some content"), /*#__PURE__*/_react.default.createElement("button", {
-    "data-testid": "inner-button",
-    ref: buttonRef
-  }, "hi"))));
-};
-
-DialogWithCustomFocusRef.displayName = "DialogWithCustomFocusRef";
-describe('Dialog', () => {
-  // because Dialog returns a React fragment the as and sx tests fail always, so they are skipped
-  (0, _testing.behavesAsComponent)({
-    Component: _.Dialog,
-    toRender: () => comp,
-    options: {
-      skipAs: true,
-      skipSx: true
-    }
-  });
-  (0, _testing.checkExports)('Dialog', {
-    default: _.Dialog
-  });
-  describe('Dialog.Header', () => {
-    (0, _testing.behavesAsComponent)({
-      Component: _.Dialog.Header
-    });
-  });
-  it('should have no axe violations', async () => {
-    const spy = jest.spyOn(console, 'warn').mockImplementation();
-    const {
-      container
-    } = (0, _react2.render)(comp);
-    spy.mockRestore();
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('Toggles when you click close button', async () => {
-    const {
-      getByLabelText,
-      getByTestId,
-      queryByTestId
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Component, null));
-    expect(getByTestId('inner')).toBeTruthy();
-    (0, _react2.act)(() => {
-      _react2.fireEvent.click(getByLabelText('Close'));
-    });
-    expect(queryByTestId('inner')).toBeNull();
-    (0, _react2.cleanup)();
-  });
-  it('Renders dialog when isOpen is true', async () => {
-    const {
-      getByTestId
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Component, null));
-    expect(getByTestId('inner')).toBeTruthy();
-    (0, _react2.cleanup)();
-  });
-  it('Does not render dialog when isOpen is false', async () => {
-    const {
-      queryByTestId
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(ClosedDialog, null));
-    expect(queryByTestId('inner')).toBeNull();
-    (0, _react2.cleanup)();
-  });
-  it('Focuses close button when Dialog is opened', async () => {
-    const {
-      getByLabelText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Component, null));
-    const closeButton = getByLabelText('Close');
-    expect(document.activeElement).toEqual(closeButton);
-    (0, _react2.cleanup)();
-  });
-  it('Focuses custom ref when Dialog is opened', async () => {
-    const {
-      getByTestId
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(DialogWithCustomFocusRef, null));
-    const innerButton = getByTestId('inner-button');
-    expect(document.activeElement).toEqual(innerButton);
-    (0, _react2.cleanup)();
-  });
-  it('Returns focus to returnFocusRef', async () => {
-    const {
-      getByLabelText,
-      getByTestId,
-      queryByTestId
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Component, null));
-    expect(getByTestId('inner')).toBeTruthy();
-    (0, _react2.act)(() => {
-      _react2.fireEvent.click(getByLabelText('Close'));
-    });
-    expect(queryByTestId('inner')).toBeNull();
-    const triggerButton = getByTestId('trigger-button');
-    expect(document.activeElement).toEqual(triggerButton);
-    (0, _react2.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__/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__/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.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__/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
-  });
-});

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

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

package/lib/__tests__/FilterList.test.js

@@ -1,36 +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('FilterList', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.FilterList
-  });
-  (0, _testing.checkExports)('FilterList', {
-    default: _.FilterList
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.FilterList, null, "Hello"));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('renders a <ul>', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.FilterList, null)).type).toEqual('ul');
-  });
-});

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

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