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

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.d.ts

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

package/lib/__tests__/StateLabel.test.js

@@ -1,71 +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('StateLabel', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.StateLabel,
-    toRender: () => /*#__PURE__*/_react.default.createElement(_.StateLabel, {
-      status: "issueOpened"
-    }, "Open"),
-    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
-    }
-  });
-  (0, _testing.checkExports)('StateLabel', {
-    default: _.StateLabel
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.StateLabel, {
-      status: "issueOpened"
-    }));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('respects the status prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.StateLabel, {
-      status: "issueOpened"
-    }))).toMatchSnapshot();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.StateLabel, {
-      status: "issueClosed"
-    }))).toMatchSnapshot();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.StateLabel, {
-      status: "pullMerged"
-    }))).toMatchSnapshot();
-  });
-  it('respects the variant prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.StateLabel, {
-      variant: "small",
-      status: "issueOpened"
-    }))).toMatchSnapshot();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.StateLabel, {
-      variant: "normal",
-      status: "issueOpened"
-    }))).toMatchSnapshot();
-  });
-  it('renders children', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.StateLabel, {
-      status: "issueOpened"
-    }, "hi"))).toMatchSnapshot();
-  });
-});

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.d.ts

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

package/lib/__tests__/StyledOcticon.test.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _octiconsReact = require("@primer/octicons-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('StyledOcticon', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.StyledOcticon,
-    toRender: () => /*#__PURE__*/_react.default.createElement(_.StyledOcticon, {
-      icon: _octiconsReact.XIcon
-    })
-  });
-  (0, _testing.checkExports)('StyledOcticon', {
-    default: _.StyledOcticon
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.StyledOcticon, {
-      icon: _octiconsReact.XIcon
-    }));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-});

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.d.ts

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

package/lib/__tests__/SubNav.test.js

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

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.d.ts

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

package/lib/__tests__/SubNavLink.test.js

@@ -1,49 +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('SubNav.Link', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.SubNav.Link
-  });
-  it('renders an <a> by default', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.SubNav.Link, null)).type).toEqual('a');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.SubNav.Link, null));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('respects the "selected" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.SubNav.Link, {
-      selected: true
-    }))).toMatchSnapshot();
-  });
-  it('adds activeClassName={SELECTED_CLASS} when it gets a "to" prop', () => {
-    const Link = ({
-      theme: _ignoredTheme,
-      ...props
-    }) => /*#__PURE__*/_react.default.createElement("div", props);
-
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.SubNav.Link, {
-      as: Link,
-      to: "#"
-    }))).toMatchSnapshot();
-  });
-});

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.d.ts

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

package/lib/__tests__/TabNav.test.js

@@ -1,49 +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('TabNav', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.TabNav
-  });
-  (0, _testing.checkExports)('TabNav', {
-    default: _.TabNav
-  });
-  describe('TabNav.Link', () => {
-    (0, _testing.behavesAsComponent)({
-      Component: _.TabNav.Link
-    });
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.TabNav, {
-      "aria-label": "main"
-    }));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('sets aria-label appropriately', () => {
-    const {
-      getByLabelText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.TabNav, {
-      "aria-label": "stuff"
-    }));
-    expect(getByLabelText('stuff')).toBeTruthy();
-    expect(getByLabelText('stuff').tagName).toEqual('NAV');
-  });
-});

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.d.ts

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

package/lib/__tests__/Text.test.js

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