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

package/lib/__tests__/ProgressBar.test.jsx

@@ -1,38 +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('ProgressBar', () => {
-    testing_1.behavesAsComponent({ Component: __1.ProgressBar });
-    testing_1.checkExports('ProgressBar', {
-        default: __1.ProgressBar
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.ProgressBar progress={80} barSize="small"/>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('respects the "barSize" prop', () => {
-        expect(testing_1.render(<__1.ProgressBar progress={80} barSize="small"/>)).toHaveStyleRule('height', '5px');
-        expect(testing_1.render(<__1.ProgressBar progress={80} barSize="default"/>)).toHaveStyleRule('height', '8px');
-        expect(testing_1.render(<__1.ProgressBar progress={80} barSize="large"/>)).toHaveStyleRule('height', '10px');
-    });
-    it('respects the "inline" prop', () => {
-        expect(testing_1.render(<__1.ProgressBar progress={80} inline/>)).toHaveStyleRule('display', 'inline-flex');
-    });
-    it('respects the "width" prop', () => {
-        expect(testing_1.render(<__1.ProgressBar progress={80} inline width="100px"/>)).toHaveStyleRule('width', '100px');
-    });
-    it('respects the "progress" prop', () => {
-        expect(testing_1.render(<__1.ProgressBar progress={80}/>)).toMatchSnapshot();
-    });
-});

package/lib/__tests__/SelectMenu.test.jsx

@@ -1,120 +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 BasicSelectMenu = ({ onClick, as, align = 'left' }) => {
-    return (<__1.SelectMenu as={as}>
-      <__1.Button as="summary">Projects</__1.Button>
-      <__1.SelectMenu.Modal title="Projects" align={align}>
-        <__1.SelectMenu.List>
-          <__1.SelectMenu.Item selected href="#">
-            Primer Components bugs
-          </__1.SelectMenu.Item>
-          <__1.SelectMenu.Item onClick={onClick} as={as} data-test="menu-item" href="#">
-            Primer Components roadmap
-          </__1.SelectMenu.Item>
-          <__1.SelectMenu.Divider>stuff</__1.SelectMenu.Divider>
-          <__1.SelectMenu.Item href="#"> Project 3</__1.SelectMenu.Item>
-          <__1.SelectMenu.Item href="#">Project 4</__1.SelectMenu.Item>
-          <__1.SelectMenu.Footer>footer</__1.SelectMenu.Footer>
-        </__1.SelectMenu.List>
-      </__1.SelectMenu.Modal>
-    </__1.SelectMenu>);
-};
-const MenuWithTabs = ({ onClick }) => {
-    return (<__1.SelectMenu initialTab="Organization">
-      <__1.Button as="summary">Projects</__1.Button>
-      <__1.SelectMenu.Modal title="Projects">
-        <__1.SelectMenu.Tabs>
-          <__1.SelectMenu.Tab index={0} onClick={onClick} data-test="repo-tab" tabName="Repository"/>
-          <__1.SelectMenu.Tab index={1} tabName="Organization"/>
-        </__1.SelectMenu.Tabs>
-        <__1.SelectMenu.TabPanel tabName="Repository">
-          <__1.SelectMenu.Item href="#">Primer Components bugs</__1.SelectMenu.Item>
-          <__1.SelectMenu.Item href="#">Primer Components roadmap</__1.SelectMenu.Item>
-          <__1.SelectMenu.Item href="#"> Project 3</__1.SelectMenu.Item>
-          <__1.SelectMenu.Item href="#">Project 4</__1.SelectMenu.Item>
-        </__1.SelectMenu.TabPanel>
-        <__1.SelectMenu.TabPanel tabName="Organization">
-          <__1.SelectMenu.Item href="#"> Project 2</__1.SelectMenu.Item>
-        </__1.SelectMenu.TabPanel>
-        <__1.SelectMenu.Footer>Showing 3 of 3</__1.SelectMenu.Footer>
-      </__1.SelectMenu.Modal>
-    </__1.SelectMenu>);
-};
-describe('SelectMenu', () => {
-    testing_1.checkExports('SelectMenu', {
-        default: __1.SelectMenu
-    });
-    for (const Comp of [
-        __1.SelectMenu.List,
-        __1.SelectMenu.Divider,
-        __1.SelectMenu.Filter,
-        __1.SelectMenu.Item,
-        __1.SelectMenu.List,
-        __1.SelectMenu.Modal,
-        __1.SelectMenu.Tabs,
-        __1.SelectMenu.Tab,
-        __1.SelectMenu.TabPanel,
-        __1.SelectMenu.Header
-    ]) {
-        it('sets a valid displayName', () => {
-            expect(Comp.displayName).toMatch(testing_1.COMPONENT_DISPLAY_NAME_REGEX);
-        });
-    }
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<BasicSelectMenu />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('does not allow the "as" prop on SelectMenu', () => {
-        const component = testing_1.mount(<BasicSelectMenu as="span"/>);
-        expect(component.find('details').length).toEqual(1);
-    });
-    it('shows correct initial tab', () => {
-        const testInstance = testing_1.renderRoot(<MenuWithTabs />);
-        expect(testInstance.findByProps({ 'aria-selected': true }).props.children).toBe('Organization');
-    });
-    it('clicking on a tab opens the tab', () => {
-        const component = testing_1.mount(<MenuWithTabs />);
-        const tab = component.find("[data-test='repo-tab']").first();
-        tab.simulate('click');
-        expect(tab.getDOMNode().attributes.getNamedItem('aria-selected')).toBeTruthy();
-    });
-    it('selected items have aria-checked', () => {
-        const testInstance = testing_1.renderRoot(<BasicSelectMenu />);
-        expect(testInstance.findByProps({ 'aria-checked': true }).props.children[1]).toBe('Primer Components bugs');
-    });
-    it('clicking on a list item calls user provided onClick handler', () => {
-        const mockClick = jest.fn();
-        const component = testing_1.mount(<BasicSelectMenu onClick={mockClick}/>);
-        const item = component.find("[data-test='menu-item']").first();
-        item.simulate('click');
-        expect(mockClick.mock.calls.length).toEqual(1);
-    });
-    it('clicking on a tab calls user provided onClick handler', () => {
-        const mockClick = jest.fn();
-        const component = testing_1.mount(<MenuWithTabs onClick={mockClick}/>);
-        const item = component.find("[data-test='repo-tab']").first();
-        item.simulate('click');
-        expect(mockClick.mock.calls.length).toEqual(1);
-    });
-    it('clicking on an item closes the modal', () => {
-        const component = testing_1.mount(<BasicSelectMenu />);
-        const item = component.find("[data-test='menu-item']").first();
-        item.simulate('click');
-        expect(component.getDOMNode().attributes.getNamedItem('open')).toBeFalsy();
-    });
-    it('right-aligned modal has right: 0px', () => {
-        expect(testing_1.render(<BasicSelectMenu align="right"/>)).toMatchSnapshot();
-    });
-});

package/lib/__tests__/SelectPanel.test.jsx

@@ -1,48 +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 SelectPanel_1 = require("../SelectPanel");
-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 SimpleSelectPanel() {
-    const [selected, setSelected] = react_2.default.useState([]);
-    const [, setFilter] = react_2.default.useState('');
-    const [open, setOpen] = react_2.default.useState(false);
-    return (<__1.ThemeProvider theme={theme_1.default}>
-      <__1.SSRProvider>
-        <__1.BaseStyles>
-          <SelectPanel_1.SelectPanel items={items} placeholder="Select Items" placeholderText="Filter Items" selected={selected} onSelectedChange={setSelected} onFilterChange={setFilter} open={open} onOpenChange={setOpen}/>
-          <div id="portal-root"></div>
-        </__1.BaseStyles>
-      </__1.SSRProvider>
-    </__1.ThemeProvider>);
-}
-describe('SelectPanel', () => {
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-    testing_1.behavesAsComponent({
-        Component: SelectPanel_1.SelectPanel,
-        options: { skipAs: true, skipSx: true },
-        toRender: () => <SimpleSelectPanel />
-    });
-    testing_1.checkExports('SelectPanel', {
-        default: undefined,
-        SelectPanel: SelectPanel_1.SelectPanel
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_1.render(<SimpleSelectPanel />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_1.cleanup();
-    });
-});

package/lib/__tests__/SideNav.test.jsx

@@ -1,55 +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('SideNav', () => {
-    testing_1.behavesAsComponent({ Component: __1.SideNav });
-    testing_1.checkExports('SideNav', {
-        default: __1.SideNav
-    });
-    describe('SideNav.Link', () => {
-        testing_1.behavesAsComponent({ Component: __1.SideNav.Link });
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.SideNav>
-        <__1.SideNav.Link href="#">One</__1.SideNav.Link>
-        <__1.SideNav.Link href="#" selected>
-          Two
-        </__1.SideNav.Link>
-      </__1.SideNav>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders a <nav> and <a>', () => {
-        expect(testing_1.render(<__1.SideNav />).type).toEqual('nav');
-        expect(testing_1.render(<__1.SideNav.Link />).type).toEqual('a');
-    });
-    it('sets aria-label appropriately', () => {
-        expect(testing_1.render(<__1.SideNav aria-label="foo"/>).props['aria-label']).toEqual('foo');
-    });
-    it('sets aria-current on a selected link', () => {
-        const elem = (<__1.SideNav>
-        <__1.SideNav.Link href="#one">One</__1.SideNav.Link>
-        <__1.SideNav.Link href="#two" selected>
-          Two
-        </__1.SideNav.Link>
-      </__1.SideNav>);
-        const wrapper = testing_1.mount(elem);
-        expect(wrapper.find('[aria-current="page"]').text()).toEqual('Two');
-    });
-    it('sets different styles for SideNavs with the lightweight variant', () => {
-        const regular = testing_1.render(<__1.SideNav />);
-        const lightweight = testing_1.render(<__1.SideNav variant="lightweight"/>);
-        expect(regular.props.className).toEqual(expect.stringContaining('variant-normal'));
-        expect(lightweight.props.className).toEqual(expect.stringContaining('variant-lightweight'));
-    });
-});

package/lib/__tests__/Spinner.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 = __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('Spinner', () => {
-    afterEach(() => {
-        react_2.cleanup();
-    });
-    testing_1.behavesAsComponent({
-        Component: __1.Spinner
-    });
-    testing_1.checkExports('Spinner', {
-        default: __1.Spinner
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.Spinner />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-    });
-    it('should respect size arguments', () => {
-        const expectSize = (input, expectedSize) => {
-            const { container } = react_2.render(<__1.Spinner size={input}/>);
-            const svg = container.querySelector('svg');
-            expect(svg.getAttribute('height')).toEqual(expectedSize);
-            expect(svg.getAttribute('width')).toEqual(expectedSize);
-        };
-        // default: medium
-        expectSize(undefined, '32px');
-        expectSize('small', '16px');
-        expectSize('medium', '32px');
-        expectSize('large', '64px');
-    });
-});

package/lib/__tests__/StateLabel.test.jsx

@@ -1,46 +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('StateLabel', () => {
-    testing_1.behavesAsComponent({
-        Component: __1.StateLabel,
-        toRender: () => <__1.StateLabel status="issueOpened">Open</__1.StateLabel>,
-        options: {
-            // Rendering a StyledOcticon seems to break getComputedStyles, which
-            // the sx prop implementation test uses to make sure the prop is working correctly.
-            // Despite my best efforts, I cannot figure out why this is happening. So,
-            // unfortunately, we will simply skip this test.
-            skipSx: true
-        }
-    });
-    testing_1.checkExports('StateLabel', {
-        default: __1.StateLabel
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.StateLabel status="issueOpened"/>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('respects the status prop', () => {
-        expect(testing_1.render(<__1.StateLabel status="issueOpened"/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.StateLabel status="issueClosed"/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.StateLabel status="pullMerged"/>)).toMatchSnapshot();
-    });
-    it('respects the variant prop', () => {
-        expect(testing_1.render(<__1.StateLabel variant="small" status="issueOpened"/>)).toMatchSnapshot();
-        expect(testing_1.render(<__1.StateLabel variant="normal" status="issueOpened"/>)).toMatchSnapshot();
-    });
-    it('renders children', () => {
-        expect(testing_1.render(<__1.StateLabel status="issueOpened">hi</__1.StateLabel>)).toMatchSnapshot();
-    });
-});

package/lib/__tests__/StyledOcticon.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 octicons_react_1 = require("@primer/octicons-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('StyledOcticon', () => {
-    testing_1.behavesAsComponent({
-        Component: __1.StyledOcticon,
-        toRender: () => <__1.StyledOcticon icon={octicons_react_1.XIcon}/>
-    });
-    testing_1.checkExports('StyledOcticon', {
-        default: __1.StyledOcticon
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.StyledOcticon icon={octicons_react_1.XIcon}/>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-});

package/lib/__tests__/SubNav.test.jsx

@@ -1,47 +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('SubNav', () => {
-    testing_1.behavesAsComponent({ Component: __1.SubNav });
-    testing_1.checkExports('SubNav', {
-        default: __1.SubNav
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.SubNav />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders a <nav>', () => {
-        expect(testing_1.render(<__1.SubNav />).type).toEqual('nav');
-    });
-    it('adds the SubNav class', () => {
-        expect(testing_1.rendersClass(<__1.SubNav />, 'SubNav')).toEqual(true);
-    });
-    it('sets aria-label to the "label" prop', () => {
-        expect(testing_1.render(<__1.SubNav label="foo"/>).props['aria-label']).toEqual('foo');
-    });
-    it('wraps its children in an "SubNav-body" div', () => {
-        const children = <b>yo</b>;
-        const wrapper = testing_1.mount(<__1.SubNav>{children}</__1.SubNav>);
-        const body = wrapper.find('.SubNav-body');
-        expect(body.exists()).toEqual(true);
-        expect(body.childAt(0).type()).toEqual('b');
-    });
-    it('respects the "actions" prop', () => {
-        const content = <h1>hi!</h1>;
-        const wrapper = testing_1.mount(<__1.SubNav actions={content}/>);
-        const actions = wrapper.find('.SubNav-actions');
-        expect(actions.exists()).toEqual(true);
-        expect(actions.text()).toEqual('hi!');
-    });
-});

package/lib/__tests__/SubNavLink.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('SubNav.Link', () => {
-    testing_1.behavesAsComponent({ Component: __1.SubNav.Link });
-    it('renders an <a> by default', () => {
-        expect(testing_1.render(<__1.SubNav.Link />).type).toEqual('a');
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.SubNav.Link />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('respects the "selected" prop', () => {
-        expect(testing_1.render(<__1.SubNav.Link 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.SubNav.Link as={Link} to="#"/>)).toMatchSnapshot();
-    });
-});

package/lib/__tests__/TabNav.test.jsx

@@ -1,32 +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('TabNav', () => {
-    testing_1.behavesAsComponent({ Component: __1.TabNav });
-    testing_1.checkExports('TabNav', {
-        default: __1.TabNav
-    });
-    describe('TabNav.Link', () => {
-        testing_1.behavesAsComponent({ Component: __1.TabNav.Link });
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.TabNav aria-label="main"/>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('sets aria-label appropriately', () => {
-        const { getByLabelText } = react_2.render(<__1.TabNav aria-label="stuff"/>);
-        expect(getByLabelText('stuff')).toBeTruthy();
-        expect(getByLabelText('stuff').tagName).toEqual('NAV');
-    });
-});

package/lib/__tests__/Text.test.jsx

@@ -1,71 +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('Text', () => {
-    testing_1.behavesAsComponent({ Component: __1.Text });
-    testing_1.checkExports('Text', {
-        default: __1.Text
-    });
-    it('renders a <span> by default', () => {
-        expect(testing_1.render(<__1.Text />).type).toEqual('span');
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.Text>hello</__1.Text>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders fontSize', () => {
-        for (const fontSize of theme_1.default.fontSizes) {
-            expect(testing_1.render(<__1.Text fontSize={fontSize}/>)).toHaveStyleRule('font-size', testing_1.px(fontSize));
-        }
-    });
-    it('renders responsive fontSize', () => {
-        expect(testing_1.renderStyles(<__1.Text fontSize={[1, 2]}/>)).toEqual({
-            'font-size': testing_1.px(theme_1.default.fontSizes[1]),
-            [`@media screen and (min-width:${testing_1.px(theme_1.default.breakpoints[0])})`]: {
-                'font-size': testing_1.px(theme_1.default.fontSizes[2])
-            }
-        });
-    });
-    it('renders responsive lineHeight', () => {
-        expect(testing_1.renderStyles(<__1.Text lineHeight={['condensed', 'default']}/>)).toEqual({
-            'line-height': String(theme_1.default.lineHeights.condensed),
-            [`@media screen and (min-width:${testing_1.px(theme_1.default.breakpoints[0])})`]: {
-                'line-height': String(theme_1.default.lineHeights.default)
-            }
-        });
-    });
-    it('respects fontWeight', () => {
-        expect(testing_1.render(<__1.Text fontWeight="bold"/>)).toHaveStyleRule('font-weight', '600');
-        expect(testing_1.render(<__1.Text fontWeight="normal"/>)).toHaveStyleRule('font-weight', '400');
-    });
-    it('respects the "fontStyle" prop', () => {
-        expect(testing_1.render(<__1.Text fontStyle="italic"/>)).toHaveStyleRule('font-style', 'italic');
-        expect(testing_1.render(<__1.Text as="i" fontStyle="normal"/>)).toHaveStyleRule('font-style', 'normal');
-    });
-    it('respects lineHeight', () => {
-        for (const [name, value] of Object.entries(theme_1.default.lineHeights)) {
-            expect(testing_1.render(<__1.Text lineHeight={name}/>)).toHaveStyleRule('line-height', String(value));
-        }
-    });
-    it('respects fontFamily="mono"', () => {
-        // styled-components removes the whitespace between font-family values
-        const mono = theme_1.default.fonts.mono.replace(/, /g, ',');
-        expect(testing_1.render(<__1.Text fontFamily="mono"/>)).toHaveStyleRule('font-family', mono);
-    });
-    it('respects other values for fontSize', () => {
-        expect(testing_1.render(<__1.Text fontSize="2em"/>)).toHaveStyleRule('font-size', '2em');
-        expect(testing_1.render(<__1.Text fontSize={100}/>)).toHaveStyleRule('font-size', '100px');
-    });
-});

package/lib/__tests__/TextInput.test.jsx

@@ -1,45 +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('TextInput', () => {
-    testing_1.behavesAsComponent({ Component: __1.TextInput, options: { skipAs: true } });
-    testing_1.checkExports('TextInput', {
-        default: __1.TextInput
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.TextInput aria-label="zipcode" name="zipcode" variant="small"/>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders', () => {
-        expect(testing_1.render(<__1.TextInput name="zipcode"/>)).toMatchSnapshot();
-    });
-    it('renders small', () => {
-        expect(testing_1.render(<__1.TextInput name="zipcode" variant="small"/>)).toMatchSnapshot();
-    });
-    it('renders large', () => {
-        expect(testing_1.render(<__1.TextInput name="zipcode" variant="large"/>)).toMatchSnapshot();
-    });
-    it('renders block', () => {
-        expect(testing_1.render(<__1.TextInput name="zipcode" block/>)).toMatchSnapshot();
-    });
-    it('should call onChange prop with input value', () => {
-        const onChangeMock = jest.fn();
-        const component = testing_1.mount(<__1.TextInput onChange={onChangeMock} value="test"/>);
-        component.find('input').simulate('change');
-        expect(onChangeMock).toHaveBeenCalled();
-    });
-    it('should render a password input', () => {
-        expect(testing_1.render(<__1.TextInput name="password" type="password"/>)).toMatchSnapshot();
-    });
-});