@primer/components 31.2.1-rc.f73a0f8c → 32.0.0-next.0

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__/DropdownMenu.test.jsx

@@ -1,119 +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 = require("@testing-library/react");
-require("babel-polyfill");
-const jest_axe_1 = require("jest-axe");
-const react_2 = __importDefault(require("react"));
-const theme_1 = __importDefault(require("../theme"));
-const DropdownMenu_1 = require("../DropdownMenu");
-const testing_1 = require("../utils/testing");
-const __1 = require("..");
-expect.extend(jest_axe_1.toHaveNoViolations);
-const items = [{ text: 'Foo' }, { text: 'Bar' }, { text: 'Baz' }, { text: 'Bon' }];
-function SimpleDropdownMenu() {
-    const [selectedItem, setSelectedItem] = react_2.default.useState();
-    return (<__1.ThemeProvider theme={theme_1.default}>
-      <__1.SSRProvider>
-        <__1.BaseStyles>
-          <div id="something-else">X</div>
-          <DropdownMenu_1.DropdownMenu items={items} placeholder="Select an Option" selectedItem={selectedItem} onChange={setSelectedItem}/>
-          <div id="portal-root"></div>
-        </__1.BaseStyles>
-      </__1.SSRProvider>
-    </__1.ThemeProvider>);
-}
-describe('DropdownMenu', () => {
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-    testing_1.behavesAsComponent({
-        Component: DropdownMenu_1.DropdownMenu,
-        options: { skipAs: true, skipSx: true },
-        toRender: () => (<__1.SSRProvider>
-        <DropdownMenu_1.DropdownMenu items={[]}/>
-      </__1.SSRProvider>)
-    });
-    testing_1.checkExports('DropdownMenu', {
-        default: undefined,
-        DropdownMenu: DropdownMenu_1.DropdownMenu,
-        DropdownButton: DropdownMenu_1.DropdownButton
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_1.render(<SimpleDropdownMenu />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_1.cleanup();
-    });
-    it('should trigger the overlay on trigger click', async () => {
-        const menu = react_1.render(<SimpleDropdownMenu />);
-        let portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-        expect(portalRoot).toBeNull();
-        const anchor = await menu.findByText('Select an Option');
-        react_1.act(() => {
-            react_1.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?.textContent?.trim()).toEqual(itemText);
-    });
-    it('should dismiss the overlay on dropdown item click', async () => {
-        const menu = react_1.render(<SimpleDropdownMenu />);
-        let portalRoot = await menu.baseElement.querySelector('#__primerPortalRoot__');
-        expect(portalRoot).toBeNull();
-        const anchor = await menu.findByText('Select an Option');
-        react_1.act(() => {
-            react_1.fireEvent.click(anchor);
-        });
-        portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-        expect(portalRoot).toBeTruthy();
-        const menuItem = await menu.queryByText('Baz');
-        react_1.act(() => {
-            react_1.fireEvent.click(menuItem);
-        });
-        // portal is closed after click
-        expect(portalRoot?.textContent).toEqual(''); // menu items are hidden
-    });
-    it('option should be selected when chosen from the dropdown menu', async () => {
-        const menu = react_1.render(<SimpleDropdownMenu />);
-        let portalRoot = await menu.baseElement.querySelector('#__primerPortalRoot__');
-        expect(portalRoot).toBeNull();
-        const anchor = await menu.findByText('Select an Option');
-        react_1.act(() => {
-            react_1.fireEvent.click(anchor);
-        });
-        portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-        expect(portalRoot).toBeTruthy();
-        const menuItem = await menu.queryByText('Baz');
-        react_1.act(() => {
-            react_1.fireEvent.click(menuItem);
-        });
-        expect(anchor.textContent).toEqual('Baz');
-    });
-    it('should dismiss the overlay on clicking outside overlay', async () => {
-        const menu = react_1.render(<SimpleDropdownMenu />);
-        let portalRoot = await menu.baseElement.querySelector('#__primerPortalRoot__');
-        expect(portalRoot).toBeNull();
-        const anchor = await menu.findByText('Select an Option');
-        react_1.act(() => {
-            react_1.fireEvent.click(anchor);
-        });
-        portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-        expect(portalRoot).toBeTruthy();
-        const somethingElse = (await menu.baseElement.querySelector('#something-else'));
-        react_1.act(() => {
-            react_1.fireEvent.mouseDown(somethingElse);
-        });
-        // portal is closed after click
-        expect(portalRoot?.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.test.jsx

@@ -1,27 +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('FilterList', () => {
-    testing_1.behavesAsComponent({ Component: __1.FilterList });
-    testing_1.checkExports('FilterList', {
-        default: __1.FilterList
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.FilterList>Hello</__1.FilterList>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders a <ul>', () => {
-        expect(testing_1.render(<__1.FilterList />).type).toEqual('ul');
-    });
-});

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

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

package/lib/__tests__/FilterListItem.test.js

@@ -1,46 +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.Item', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.FilterList.Item
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.FilterList.Item, null, "stuff"));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('renders an <a> by default', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.FilterList.Item, null)).type).toEqual('a');
-  });
-  it('respects the "selected" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.FilterList.Item, {
-      selected: true
-    }))).toMatchSnapshot();
-  });
-  it('respects "count" prop', () => {
-    const {
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.FilterList.Item, {
-      count: 400
-    }));
-    expect(getByText('400')).toBeTruthy();
-  });
-});

package/lib/__tests__/FilterListItem.test.jsx

@@ -1,31 +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('FilterList.Item', () => {
-    testing_1.behavesAsComponent({ Component: __1.FilterList.Item });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.FilterList.Item>stuff</__1.FilterList.Item>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders an <a> by default', () => {
-        expect(testing_1.render(<__1.FilterList.Item />).type).toEqual('a');
-    });
-    it('respects the "selected" prop', () => {
-        expect(testing_1.render(<__1.FilterList.Item selected/>)).toMatchSnapshot();
-    });
-    it('respects "count" prop', () => {
-        const { getByText } = react_2.render(<__1.FilterList.Item count={400}/>);
-        expect(getByText('400')).toBeTruthy();
-    });
-});

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

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

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

package/lib/__tests__/FilteredSearch.test.jsx

@@ -1,27 +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('FilteredSearch', () => {
-    testing_1.behavesAsComponent({ Component: __1.FilteredSearch });
-    testing_1.checkExports('FilteredSearch', {
-        default: __1.FilteredSearch
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.FilteredSearch>Hello</__1.FilteredSearch>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders a <div>', () => {
-        expect(testing_1.render(<__1.FilteredSearch />).type).toEqual('div');
-    });
-});

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

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

package/lib/__tests__/Flash.test.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var _theme = _interopRequireDefault(require("../theme"));
-
-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('Flash', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Flash
-  });
-  (0, _testing.checkExports)('Flash', {
-    default: _.Flash
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Flash, {
-      variant: "warning"
-    }));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('respects the "full" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flash, {
-      full: true
-    }))).toHaveStyleRule('margin-top', '-1px');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flash, {
-      full: true
-    }))).toHaveStyleRule('border-radius', '0');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flash, {
-      full: true
-    }))).toHaveStyleRule('border-width', '1px 0px');
-  });
-  it('respects the "variant" prop', () => {
-    var _theme$colorSchemes$l, _theme$colorSchemes$l2, _theme$colorSchemes$l3, _theme$colorSchemes$l4;
-
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flash, {
-      variant: "warning"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l = _theme.default.colorSchemes.light.colors.attention) === null || _theme$colorSchemes$l === void 0 ? void 0 : _theme$colorSchemes$l.subtle);
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flash, {
-      variant: "danger"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l2 = _theme.default.colorSchemes.light.colors.danger) === null || _theme$colorSchemes$l2 === void 0 ? void 0 : _theme$colorSchemes$l2.subtle);
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flash, {
-      variant: "success"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l3 = _theme.default.colorSchemes.light.colors.success) === null || _theme$colorSchemes$l3 === void 0 ? void 0 : _theme$colorSchemes$l3.subtle);
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flash, null))).toHaveStyleRule('background-color', (_theme$colorSchemes$l4 = _theme.default.colorSchemes.light.colors.accent) === null || _theme$colorSchemes$l4 === void 0 ? void 0 : _theme$colorSchemes$l4.subtle);
-  });
-});

package/lib/__tests__/Flash.test.jsx

@@ -1,36 +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 theme_1 = __importDefault(require("../theme"));
-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('Flash', () => {
-    testing_1.behavesAsComponent({ Component: __1.Flash });
-    testing_1.checkExports('Flash', {
-        default: __1.Flash
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.Flash variant="warning"/>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('respects the "full" prop', () => {
-        expect(testing_1.render(<__1.Flash full/>)).toHaveStyleRule('margin-top', '-1px');
-        expect(testing_1.render(<__1.Flash full/>)).toHaveStyleRule('border-radius', '0');
-        expect(testing_1.render(<__1.Flash full/>)).toHaveStyleRule('border-width', '1px 0px');
-    });
-    it('respects the "variant" prop', () => {
-        expect(testing_1.render(<__1.Flash variant="warning"/>)).toHaveStyleRule('background-color', theme_1.default.colorSchemes.light.colors.attention?.subtle);
-        expect(testing_1.render(<__1.Flash variant="danger"/>)).toHaveStyleRule('background-color', theme_1.default.colorSchemes.light.colors.danger?.subtle);
-        expect(testing_1.render(<__1.Flash variant="success"/>)).toHaveStyleRule('background-color', theme_1.default.colorSchemes.light.colors.success?.subtle);
-        expect(testing_1.render(<__1.Flash />)).toHaveStyleRule('background-color', theme_1.default.colorSchemes.light.colors.accent?.subtle);
-    });
-});

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

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

package/lib/__tests__/Flex.test.js

@@ -1,74 +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('Flex', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Flex
-  });
-  (0, _testing.checkExports)('Flex', {
-    default: _.Flex
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Flex, null));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('gets display: flex by default', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flex, null))).toHaveStyleRule('display', 'flex');
-  });
-  it('respects flexWrap', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flex, {
-      flexWrap: "nowrap"
-    }))).toMatchSnapshot();
-  });
-  it('respects flexDirection', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flex, {
-      flexDirection: "row"
-    }))).toMatchSnapshot();
-  });
-  it('respects justifyContent', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flex, {
-      justifyContent: "start"
-    }))).toMatchSnapshot();
-  });
-  it('respects alignItems', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flex, {
-      alignItems: "start"
-    }))).toMatchSnapshot();
-  });
-  it('respects alignContent', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flex, {
-      alignContent: "start"
-    }))).toMatchSnapshot();
-  });
-  it('respects display', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flex, {
-      display: "inline-flex"
-    }))).toHaveStyleRule('display', 'inline-flex');
-  });
-  it('respects responsive display', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flex, {
-      display: ['flex', 'inline-flex']
-    }))).toMatchSnapshot();
-  });
-  it('renders a div by default', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Flex, null)).type).toEqual('div');
-  });
-});