@primer/components 31.2.1-rc.f73a0f8c → 32.0.1-rc.44e3df9b

package/lib/__tests__/Autocomplete.test.jsx

@@ -1,299 +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 testing_1 = require("../utils/testing");
-const react_2 = require("@testing-library/react");
-const jest_axe_1 = require("jest-axe");
-require("babel-polyfill");
-const Autocomplete_1 = __importDefault(require("../Autocomplete"));
-const index_1 = require("../index");
-const theme_1 = __importDefault(require("../theme"));
-const BaseStyles_1 = __importDefault(require("../BaseStyles"));
-const ThemeProvider_1 = require("../ThemeProvider");
-const user_event_1 = __importDefault(require("@testing-library/user-event"));
-expect.extend(jest_axe_1.toHaveNoViolations);
-const mockItems = [
-    { text: 'zero', id: 0 },
-    { text: 'one', id: 1 },
-    { text: 'two', id: 2 },
-    { text: 'three', id: 3 },
-    { text: 'four', id: 4 },
-    { text: 'five', id: 5 },
-    { text: 'six', id: 6 },
-    { text: 'seven', id: 7 },
-    { text: 'twenty', id: 20 },
-    { text: 'twentyone', id: 21 }
-];
-const AUTOCOMPLETE_LABEL = 'Autocomplete field';
-const LabelledAutocomplete = ({ inputProps = {}, menuProps }) => {
-    const { ['aria-labelledby']: ariaLabelledBy = 'autocompleteLabel', ...menuPropsRest } = menuProps;
-    const { id = 'autocompleteInput', ...inputPropsRest } = inputProps;
-    return (<ThemeProvider_1.ThemeProvider theme={theme_1.default}>
-      <index_1.SSRProvider>
-        <BaseStyles_1.default>
-          {/* eslint-disable-next-line jsx-a11y/label-has-for */}
-          <label htmlFor={id} id={ariaLabelledBy}>
-            Autocomplete field
-          </label>
-          <Autocomplete_1.default id="autocompleteId">
-            <Autocomplete_1.default.Input id={id} {...inputPropsRest}/>
-            <Autocomplete_1.default.Overlay>
-              <Autocomplete_1.default.Menu aria-labelledby={ariaLabelledBy} {...menuPropsRest}/>
-            </Autocomplete_1.default.Overlay>
-          </Autocomplete_1.default>
-        </BaseStyles_1.default>
-      </index_1.SSRProvider>
-    </ThemeProvider_1.ThemeProvider>);
-};
-describe('Autocomplete', () => {
-    describe('snapshots', () => {
-        it('renders a single select input', () => {
-            expect(testing_1.render(<index_1.SSRProvider>
-            <Autocomplete_1.default id="autocompleteId">
-              <Autocomplete_1.default.Input />
-              <Autocomplete_1.default.Menu aria-labelledby="labelId" items={mockItems} selectedItemIds={[]}/>
-            </Autocomplete_1.default>
-          </index_1.SSRProvider>)).toMatchSnapshot();
-        });
-        it('renders a multiselect input', () => {
-            expect(testing_1.render(<index_1.SSRProvider>
-            <Autocomplete_1.default id="autocompleteId">
-              <Autocomplete_1.default.Input />
-              <Autocomplete_1.default.Menu aria-labelledby="labelId" items={mockItems} selectedItemIds={[]} selectionVariant="multiple"/>
-            </Autocomplete_1.default>
-          </index_1.SSRProvider>)).toMatchSnapshot();
-        });
-        it('renders a multiselect input with selected menu items', () => {
-            expect(testing_1.render(<index_1.SSRProvider>
-            <Autocomplete_1.default id="autocompleteId">
-              <Autocomplete_1.default.Input />
-              <Autocomplete_1.default.Menu aria-labelledby="labelId" items={mockItems} selectedItemIds={[0, 1, 2]} selectionVariant="multiple"/>
-            </Autocomplete_1.default>
-          </index_1.SSRProvider>)).toMatchSnapshot();
-        });
-        it('renders a menu that contains an item to add to the menu', () => {
-            const handleAddItemMock = jest.fn();
-            expect(testing_1.render(<index_1.SSRProvider>
-            <Autocomplete_1.default id="autocompleteId">
-              <Autocomplete_1.default.Input />
-              <Autocomplete_1.default.Menu aria-labelledby="labelId" items={mockItems} selectionVariant="multiple" selectedItemIds={[]} addNewItem={{
-                    text: 'Add new item',
-                    handleAddItem: handleAddItemMock
-                }}/>
-            </Autocomplete_1.default>
-          </index_1.SSRProvider>)).toMatchSnapshot();
-        });
-        it('renders a custom empty state message', () => {
-            expect(testing_1.render(<index_1.SSRProvider>
-            <Autocomplete_1.default id="autocompleteId">
-              <Autocomplete_1.default.Input />
-              <Autocomplete_1.default.Menu aria-labelledby="labelId" items={[]} selectedItemIds={[]} emptyStateText="No results"/>
-            </Autocomplete_1.default>
-          </index_1.SSRProvider>)).toMatchSnapshot();
-        });
-        it('renders a loading state', () => {
-            expect(testing_1.render(<index_1.SSRProvider>
-            <Autocomplete_1.default id="autocompleteId">
-              <Autocomplete_1.default.Input />
-              <Autocomplete_1.default.Menu aria-labelledby="labelId" loading items={[]} selectedItemIds={[]}/>
-            </Autocomplete_1.default>
-          </index_1.SSRProvider>)).toMatchSnapshot();
-        });
-        it('renders with a custom text input component', () => {
-            expect(testing_1.render(<index_1.SSRProvider>
-            <Autocomplete_1.default id="autocompleteId">
-              <Autocomplete_1.default.Input as={() => <input type="text" id="customInput"/>}/>
-              <Autocomplete_1.default.Menu aria-labelledby="labelId" items={mockItems} selectedItemIds={[]}/>
-            </Autocomplete_1.default>
-          </index_1.SSRProvider>)).toMatchSnapshot();
-        });
-        it('renders with an input value', () => {
-            expect(testing_1.render(<index_1.SSRProvider>
-            <Autocomplete_1.default id="autocompleteId">
-              <Autocomplete_1.default.Input value="test"/>
-              <Autocomplete_1.default.Menu aria-labelledby="labelId" items={mockItems} selectedItemIds={[]}/>
-            </Autocomplete_1.default>
-          </index_1.SSRProvider>)).toMatchSnapshot();
-        });
-    });
-    describe('Autocomplete.Input', () => {
-        it('calls onChange', () => {
-            const onChangeMock = jest.fn();
-            const { container } = react_2.render(<LabelledAutocomplete inputProps={{ onChange: onChangeMock }} menuProps={{ items: mockItems, selectedItemIds: [] }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            expect(onChangeMock).not.toHaveBeenCalled();
-            inputNode && user_event_1.default.type(inputNode, 'z');
-            expect(onChangeMock).toHaveBeenCalled();
-        });
-        it('calls onFocus', () => {
-            const onFocusMock = jest.fn();
-            const { container } = react_2.render(<LabelledAutocomplete inputProps={{ onFocus: onFocusMock }} menuProps={{ items: mockItems, selectedItemIds: [] }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            expect(onFocusMock).not.toHaveBeenCalled();
-            inputNode && react_2.fireEvent.focus(inputNode);
-            expect(onFocusMock).toHaveBeenCalled();
-        });
-        it('calls onKeyDown', () => {
-            const onKeyDownMock = jest.fn();
-            const { getByLabelText } = react_2.render(<LabelledAutocomplete inputProps={{ onKeyDown: onKeyDownMock }} menuProps={{ items: [], selectedItemIds: [] }}/>);
-            const inputNode = getByLabelText(AUTOCOMPLETE_LABEL);
-            expect(onKeyDownMock).not.toHaveBeenCalled();
-            react_2.fireEvent.keyDown(inputNode, { key: 'Shift' });
-            expect(onKeyDownMock).toHaveBeenCalled();
-        });
-        it('calls onKeyUp', () => {
-            const onKeyUpMock = jest.fn();
-            const { getByLabelText } = react_2.render(<LabelledAutocomplete inputProps={{ onKeyUp: onKeyUpMock }} menuProps={{ items: [], selectedItemIds: [] }}/>);
-            const inputNode = getByLabelText(AUTOCOMPLETE_LABEL);
-            expect(onKeyUpMock).not.toHaveBeenCalled();
-            react_2.fireEvent.keyUp(inputNode, { key: 'Shift' });
-            expect(onKeyUpMock).toHaveBeenCalled();
-        });
-        it('calls onKeyPress', () => {
-            const onKeyPressMock = jest.fn();
-            const { getByLabelText } = react_2.render(<LabelledAutocomplete inputProps={{ onKeyPress: onKeyPressMock }} menuProps={{ items: [], selectedItemIds: [] }}/>);
-            const inputNode = getByLabelText(AUTOCOMPLETE_LABEL);
-            expect(onKeyPressMock).not.toHaveBeenCalled();
-            user_event_1.default.type(inputNode, '{enter}');
-            expect(onKeyPressMock).toHaveBeenCalled();
-        });
-        it('opens the menu when the input is focused', () => {
-            const { getByLabelText } = react_2.render(<LabelledAutocomplete menuProps={{ items: [], selectedItemIds: [] }}/>);
-            const inputNode = getByLabelText(AUTOCOMPLETE_LABEL);
-            expect(inputNode.getAttribute('aria-expanded')).not.toBe('true');
-            react_2.fireEvent.focus(inputNode);
-            expect(inputNode.getAttribute('aria-expanded')).toBe('true');
-        });
-        it('closes the menu when the input is blurred', () => {
-            const { getByLabelText } = react_2.render(<LabelledAutocomplete menuProps={{ items: [], selectedItemIds: [] }}/>);
-            const inputNode = getByLabelText(AUTOCOMPLETE_LABEL);
-            expect(inputNode.getAttribute('aria-expanded')).not.toBe('true');
-            react_2.fireEvent.focus(inputNode);
-            expect(inputNode.getAttribute('aria-expanded')).toBe('true');
-            // eslint-disable-next-line github/no-blur
-            react_2.fireEvent.blur(inputNode);
-            // wait a tick for blur to finish
-            setTimeout(() => {
-                expect(inputNode.getAttribute('aria-expanded')).not.toBe('true');
-            }, 0);
-        });
-        it('sets the input value to the suggested item text and highlights the untyped part of the word', () => {
-            const { container, getByDisplayValue } = react_2.render(<LabelledAutocomplete menuProps={{ items: mockItems, selectedItemIds: [] }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            inputNode && user_event_1.default.type(inputNode, 'ze');
-            expect(getByDisplayValue('zero')).toBeDefined();
-        });
-        it('does not show or highlight suggestion text after the user hits Backspace until they hit another key', () => {
-            const { container, getByDisplayValue } = react_2.render(<LabelledAutocomplete menuProps={{ items: mockItems, selectedItemIds: [] }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            expect(inputNode.selectionStart).toBe(0);
-            inputNode && user_event_1.default.type(inputNode, 'ze');
-            expect(getByDisplayValue('zero')).toBeDefined();
-            expect(inputNode.selectionStart).toBe(2);
-            expect(inputNode.selectionEnd).toBe(4);
-            inputNode && user_event_1.default.type(inputNode, '{backspace}');
-            expect(inputNode.selectionStart).toBe(2);
-            expect(getByDisplayValue('ze')).toBeDefined();
-            inputNode && user_event_1.default.type(inputNode, 'r');
-            expect(inputNode.selectionStart).toBe(3);
-            expect(inputNode.selectionEnd).toBe(4);
-            expect(getByDisplayValue('zero')).toBeDefined();
-        });
-        it('clears the input value when when the user hits Escape', () => {
-            const { container } = react_2.render(<LabelledAutocomplete menuProps={{ items: mockItems, selectedItemIds: [] }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            expect(inputNode?.getAttribute('aria-expanded')).not.toBe('true');
-            inputNode && user_event_1.default.type(inputNode, 'ze');
-            expect(inputNode?.getAttribute('aria-expanded')).toBe('true');
-            inputNode && user_event_1.default.type(inputNode, '{esc}');
-            expect(inputNode?.getAttribute('aria-expanded')).not.toBe('true');
-        });
-    });
-    describe('Autocomplete.Menu', () => {
-        it('calls a custom filter function', () => {
-            const filterFnMock = jest.fn();
-            const { container } = react_2.render(<LabelledAutocomplete menuProps={{ items: mockItems, selectedItemIds: [], filterFn: filterFnMock }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            inputNode && user_event_1.default.type(inputNode, 'ze');
-            expect(filterFnMock).toHaveBeenCalled();
-        });
-        it('calls a custom sort function when the menu closes', () => {
-            const sortOnCloseFnMock = jest.fn();
-            const { container } = react_2.render(<LabelledAutocomplete menuProps={{ items: mockItems, selectedItemIds: [], sortOnCloseFn: sortOnCloseFnMock }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            // `sortOnCloseFnMock` will be called in a `.sort()` on render to check if the
-            // current sort order matches the result of `sortOnCloseFnMock`
-            expect(sortOnCloseFnMock).toHaveBeenCalledTimes(mockItems.length - 1);
-            if (inputNode) {
-                user_event_1.default.type(inputNode, 'ze');
-                // eslint-disable-next-line github/no-blur
-                react_2.fireEvent.blur(inputNode);
-            }
-            // wait a tick for blur to finish
-            setTimeout(() => {
-                expect(sortOnCloseFnMock).toHaveBeenCalledTimes(mockItems.length);
-            }, 0);
-        });
-        it("calls onOpenChange with the menu's open state", () => {
-            const onOpenChangeMock = jest.fn();
-            const { container } = react_2.render(<LabelledAutocomplete menuProps={{ items: mockItems, selectedItemIds: [], onOpenChange: onOpenChangeMock }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            inputNode && user_event_1.default.type(inputNode, 'ze');
-            expect(onOpenChangeMock).toHaveBeenCalled();
-        });
-        it('calls onSelectedChange with the data for the selected items', () => {
-            const onSelectedChangeMock = jest.fn();
-            const { container } = react_2.render(<LabelledAutocomplete menuProps={{ items: mockItems, selectedItemIds: [], onSelectedChange: onSelectedChangeMock }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            expect(onSelectedChangeMock).not.toHaveBeenCalled();
-            if (inputNode) {
-                react_2.fireEvent.focus(inputNode);
-                user_event_1.default.type(inputNode, '{enter}');
-            }
-            // wait a tick for the keyboard event to be dispatched to the menu item
-            setTimeout(() => {
-                expect(onSelectedChangeMock).toHaveBeenCalledWith([mockItems[0]]);
-            }, 0);
-        });
-        it('does not close the menu when clicking an item in the menu if selectionVariant=multiple', () => {
-            const { getByText, container } = react_2.render(<LabelledAutocomplete menuProps={{ items: mockItems, selectedItemIds: [], selectionVariant: 'multiple' }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            const itemToClickNode = getByText(mockItems[1].text);
-            expect(inputNode?.getAttribute('aria-expanded')).not.toBe('true');
-            inputNode && react_2.fireEvent.focus(inputNode);
-            expect(inputNode?.getAttribute('aria-expanded')).toBe('true');
-            react_2.fireEvent.click(itemToClickNode);
-            inputNode && user_event_1.default.type(inputNode, '{enter}');
-            expect(inputNode?.getAttribute('aria-expanded')).toBe('true');
-        });
-        it('closes the menu when clicking an item in the menu if selectionVariant=single', () => {
-            const { getByText, container } = react_2.render(<LabelledAutocomplete menuProps={{ items: mockItems, selectedItemIds: [], selectionVariant: 'single' }}/>);
-            const inputNode = container.querySelector('#autocompleteInput');
-            const itemToClickNode = getByText(mockItems[1].text);
-            expect(inputNode?.getAttribute('aria-expanded')).not.toBe('true');
-            inputNode && react_2.fireEvent.focus(inputNode);
-            expect(inputNode?.getAttribute('aria-expanded')).toBe('true');
-            react_2.fireEvent.click(itemToClickNode);
-            expect(inputNode?.getAttribute('aria-expanded')).not.toBe('true');
-        });
-        it('calls handleAddItem with new item data when passing addNewItem', () => {
-            const handleAddItemMock = jest.fn();
-            const { getByText } = react_2.render(<LabelledAutocomplete menuProps={{
-                    items: mockItems,
-                    selectedItemIds: [],
-                    selectionVariant: 'multiple',
-                    addNewItem: {
-                        text: 'Add new item',
-                        handleAddItem: handleAddItemMock
-                    }
-                }}/>);
-            const addNewItemNode = getByText('Add new item');
-            expect(handleAddItemMock).not.toHaveBeenCalled();
-            react_2.fireEvent.click(addNewItemNode);
-            expect(handleAddItemMock).toHaveBeenCalled();
-        });
-    });
-});

package/lib/__tests__/Avatar.test.jsx

@@ -1,42 +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('Avatar', () => {
-    testing_1.behavesAsComponent({ Component: __1.Avatar });
-    testing_1.checkExports('Avatar', {
-        default: __1.Avatar
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.Avatar src="primer.png"/>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders small by default', () => {
-        const size = 20;
-        const result = testing_1.render(<__1.Avatar src="primer.png"/>);
-        expect(result.props.width).toEqual(size);
-        expect(result.props.height).toEqual(size);
-    });
-    it('respects the size prop', () => {
-        const result = testing_1.render(<__1.Avatar size={40} src="primer.png" alt="github"/>);
-        expect(result.props.width).toEqual(40);
-        expect(result.props.height).toEqual(40);
-    });
-    it('passes through the src prop', () => {
-        expect(testing_1.render(<__1.Avatar src="primer.png" alt=""/>).props.src).toEqual('primer.png');
-    });
-    it('respects margin props', () => {
-        expect(testing_1.render(<__1.Avatar m={2} src="primer.png" alt=""/>)).toHaveStyleRule('margin', testing_1.px(theme_1.default.space[2]));
-    });
-});

package/lib/__tests__/AvatarStack.test.jsx

@@ -1,43 +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);
-const avatarComp = (<__1.AvatarStack>
-    <img src="https://avatars.githubusercontent.com/primer" alt=""/>
-    <img src="https://avatars.githubusercontent.com/github" alt=""/>
-    <img src="https://avatars.githubusercontent.com/primer" alt=""/>
-    <img src="https://avatars.githubusercontent.com/github" alt=""/>
-  </__1.AvatarStack>);
-const rightAvatarComp = (<__1.AvatarStack alignRight>
-    <img src="https://avatars.githubusercontent.com/primer" alt=""/>
-    <img src="https://avatars.githubusercontent.com/github" alt=""/>
-    <img src="https://avatars.githubusercontent.com/primer" alt=""/>
-    <img src="https://avatars.githubusercontent.com/github" alt=""/>
-  </__1.AvatarStack>);
-describe('Avatar', () => {
-    testing_1.behavesAsComponent({
-        Component: __1.AvatarStack,
-        toRender: () => avatarComp,
-        options: { skipAs: true }
-    });
-    testing_1.checkExports('AvatarStack', {
-        default: __1.AvatarStack
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(avatarComp);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('respects alignRight props', () => {
-        expect(testing_1.render(rightAvatarComp)).toMatchSnapshot();
-    });
-});

package/lib/__tests__/BorderBox.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 theme_1 = __importDefault(require("../theme"));
-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('BorderBox', () => {
-    testing_1.behavesAsComponent({ Component: __1.BorderBox });
-    testing_1.checkExports('BorderBox', {
-        default: __1.BorderBox
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.BorderBox />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders borders', () => {
-        expect(testing_1.render(<__1.BorderBox borderColor="success.emphasis"/>)).toHaveStyleRule('border-color', theme_1.default.colorSchemes.light.colors.success?.emphasis);
-        expect(testing_1.render(<__1.BorderBox borderBottom={0}/>)).toHaveStyleRule('border-bottom', '0');
-    });
-    it('renders border radius', () => {
-        expect(testing_1.render(<__1.BorderBox borderRadius={2}/>)).toHaveStyleRule('border-radius', theme_1.default.radii[2]);
-    });
-    // the test returns the box shadow value without spaces, so had to manually provide the expected string here
-    it('renders box shadow', () => {
-        expect(testing_1.render(<__1.BorderBox boxShadow="shadow.small"/>)).toHaveStyleRule('box-shadow', theme_1.default.colorSchemes.light.shadows.shadow?.small);
-    });
-});

package/lib/__tests__/Box.test.jsx

@@ -1,41 +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 __1 = require("..");
-const theme_1 = __importDefault(require("../theme"));
-const testing_1 = require("../utils/testing");
-expect.extend(jest_axe_1.toHaveNoViolations);
-describe('Box', () => {
-    testing_1.behavesAsComponent({ Component: __1.Box });
-    testing_1.checkExports('Box', {
-        default: __1.Box
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_1.render(<__1.Box />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_1.cleanup();
-    });
-    it('renders margin', () => {
-        expect(testing_1.render(<__1.Box m={1} theme={theme_1.default}/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.Box m={[0, 1, 2, 3]} theme={theme_1.default}/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.Box m={[1, 1, 1, 3]} theme={theme_1.default}/>)).toMatchSnapshot();
-    });
-    it('renders padding', () => {
-        expect(testing_1.render(<__1.Box p={1} theme={theme_1.default}/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.Box p={[0, 1, 2, 3]} theme={theme_1.default}/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.Box p={[1, 1, 1, 3]} theme={theme_1.default}/>)).toMatchSnapshot();
-    });
-    it('respects display', () => {
-        expect(testing_1.render(<__1.Box display="inline"/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.Box display="inline-block"/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.Box display="none"/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.Box display={['none', 'none', 'block']} theme={theme_1.default}/>)).toMatchSnapshot();
-    });
-});

package/lib/__tests__/BranchName.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('BranchName', () => {
-    testing_1.behavesAsComponent({ Component: __1.BranchName });
-    testing_1.checkExports('BranchName', {
-        default: __1.BranchName
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.BranchName />);
-        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.BranchName />).type).toEqual('a');
-    });
-});

package/lib/__tests__/Breadcrumbs.test.jsx

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

package/lib/__tests__/BreadcrumbsItem.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 = require("@testing-library/react");
-require("babel-polyfill");
-const jest_axe_1 = require("jest-axe");
-const react_2 = __importDefault(require("react"));
-const __1 = require("..");
-const testing_1 = require("../utils/testing");
-expect.extend(jest_axe_1.toHaveNoViolations);
-describe('Breadcrumbs.Item', () => {
-    testing_1.behavesAsComponent({ Component: __1.Breadcrumbs.Item });
-    it('renders an <a> by default', () => {
-        expect(testing_1.render(<__1.Breadcrumbs.Item />).type).toEqual('a');
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_1.render(<__1.Breadcrumbs.Item />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_1.cleanup();
-    });
-    it('respects the "selected" prop', () => {
-        expect(testing_1.render(<__1.Breadcrumbs.Item selected/>)).toMatchSnapshot();
-    });
-    it('adds activeClassName={SELECTED_CLASS} when it gets a "to" prop', () => {
-        const Link = ({ theme: _ignoredTheme, ...props }) => <div {...props}/>;
-        expect(testing_1.render(<__1.Breadcrumbs.Item as={Link} to="#"/>)).toMatchSnapshot();
-    });
-});

package/lib/__tests__/Button.test.jsx

@@ -1,100 +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);
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-function noop() { }
-describe('Button', () => {
-    testing_1.behavesAsComponent({ Component: __1.Button });
-    testing_1.checkExports('Button', {
-        default: __1.Button,
-        ButtonPrimary: __1.ButtonPrimary,
-        ButtonDanger: __1.ButtonDanger,
-        ButtonOutline: __1.ButtonOutline,
-        ButtonInvisible: __1.ButtonInvisible,
-        ButtonGroup: __1.ButtonGroup,
-        ButtonTableList: __1.ButtonTableList,
-        ButtonClose: __1.ButtonClose
-    });
-    it('renders a <button>', () => {
-        expect(testing_1.render(<__1.Button />).type).toEqual('button');
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.Button>Click here</__1.Button>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('preserves "onClick" prop', () => {
-        expect(testing_1.render(<__1.Button onClick={noop}/>).props.onClick).toEqual(noop);
-    });
-    it('respects width props', () => {
-        expect(testing_1.render(<__1.Button width={200}/>)).toHaveStyleRule('width', '200px');
-    });
-    it('respects the "disabled" prop', () => {
-        const item = testing_1.render(<__1.Button disabled/>);
-        expect(item.props.disabled).toEqual(true);
-        expect(item).toMatchSnapshot();
-    });
-    it('respects the "variant" prop', () => {
-        expect(testing_1.render(<__1.Button variant="small"/>)).toHaveStyleRule('font-size', '12px');
-        expect(testing_1.render(<__1.Button variant="large"/>)).toHaveStyleRule('font-size', '16px');
-    });
-    it('respects the "fontSize" prop over the "variant" prop', () => {
-        expect(testing_1.render(<__1.Button variant="small" fontSize={20}/>)).toHaveStyleRule('font-size', '20px');
-    });
-});
-describe('ButtonPrimary', () => {
-    testing_1.behavesAsComponent({ Component: __1.ButtonPrimary });
-    it('renders a <button>', () => {
-        expect(testing_1.render(<__1.ButtonPrimary />).type).toEqual('button');
-    });
-    it('renders correct disabled styles', () => {
-        const item = testing_1.render(<__1.ButtonPrimary disabled/>);
-        expect(item).toMatchSnapshot();
-    });
-});
-describe('ButtonDanger', () => {
-    testing_1.behavesAsComponent({ Component: __1.ButtonDanger });
-    it('renders a <button>', () => {
-        expect(testing_1.render(<__1.ButtonDanger />).type).toEqual('button');
-    });
-    it('renders correct disabled styles', () => {
-        const item = testing_1.render(<__1.ButtonDanger disabled/>);
-        expect(item).toMatchSnapshot();
-    });
-});
-describe('ButtonOutline', () => {
-    testing_1.behavesAsComponent({ Component: __1.ButtonOutline });
-    it('renders a <button> by default', () => {
-        expect(testing_1.render(<__1.ButtonOutline />).type).toEqual('button');
-    });
-    it('renders correct disabled styles', () => {
-        const item = testing_1.render(<__1.ButtonOutline disabled/>);
-        expect(item).toMatchSnapshot();
-    });
-});
-describe('ButtonInvisible', () => {
-    testing_1.behavesAsComponent({ Component: __1.ButtonOutline });
-    it('renders a <button> by default', () => {
-        expect(testing_1.render(<__1.ButtonInvisible />).type).toEqual('button');
-    });
-    it('renders correct disabled styles', () => {
-        const item = testing_1.render(<__1.ButtonInvisible disabled/>);
-        expect(item).toMatchSnapshot();
-    });
-});
-describe('ButtonGroup', () => {
-    testing_1.behavesAsComponent({ Component: __1.ButtonGroup });
-});
-describe('ButtonTableList', () => {
-    testing_1.behavesAsComponent({ Component: __1.ButtonTableList });
-});