@primer/components 29.1.1 → 30.0.0-rc.9be85598

package/lib/__tests__/Timeline.js

@@ -0,0 +1,75 @@
+"use strict";
+
+require("babel-polyfill");
+
+var _react = require("@testing-library/react");
+
+var _jestAxe = require("jest-axe");
+
+var _testing = require("../utils/testing");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _ = require("..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+expect.extend(_jestAxe.toHaveNoViolations);
+describe('Timeline', () => {
+  (0, _testing.behavesAsComponent)({
+    Component: _.Timeline
+  });
+  (0, _testing.checkExports)('Timeline', {
+    default: _.Timeline
+  });
+  it('should have no axe violations', async () => {
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_.Timeline, null));
+    const results = await (0, _jestAxe.axe)(container);
+    expect(results).toHaveNoViolations();
+    (0, _react.cleanup)();
+  });
+  it('renders with clipSidebar prop', () => {
+    expect((0, _testing.render)( /*#__PURE__*/_react2.default.createElement(_.Timeline, {
+      clipSidebar: true
+    }))).toMatchSnapshot();
+  });
+});
+describe('Timeline.Item', () => {
+  (0, _testing.behavesAsComponent)({
+    Component: _.Timeline.Item
+  });
+  it('should have no axe violations', async () => {
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_.Timeline.Item, null));
+    const results = await (0, _jestAxe.axe)(container);
+    expect(results).toHaveNoViolations();
+    (0, _react.cleanup)();
+  });
+  it('renders with condensed prop', () => {
+    expect((0, _testing.render)( /*#__PURE__*/_react2.default.createElement(_.Timeline.Item, {
+      condensed: true
+    }))).toMatchSnapshot();
+  });
+  it('adds the Timeline-Item class', () => {
+    expect((0, _testing.rendersClass)( /*#__PURE__*/_react2.default.createElement(_.Timeline.Item, null), 'Timeline-Item')).toEqual(true);
+  });
+});
+describe('Timeline.Badge', () => {
+  (0, _testing.behavesAsComponent)({
+    Component: _.Timeline.Badge,
+    options: {
+      skipAs: true
+    }
+  });
+  it('should have no axe violations', async () => {
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_.Timeline.Badge, null));
+    const results = await (0, _jestAxe.axe)(container);
+    expect(results).toHaveNoViolations();
+    (0, _react.cleanup)();
+  });
+});

package/lib/__tests__/Tooltip.d.ts

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

package/lib/__tests__/Tooltip.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+
+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('Tooltip', () => {
+  (0, _testing.behavesAsComponent)({
+    Component: _Tooltip.default
+  });
+  (0, _testing.checkExports)('Tooltip', {
+    default: _Tooltip.default
+  });
+  it('should have no axe violations', async () => {
+    const {
+      container
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      text: "hi"
+    }));
+    const results = await (0, _jestAxe.axe)(container);
+    expect(results).toHaveNoViolations();
+    (0, _react2.cleanup)();
+  });
+  it('renders a <span> with the "tooltipped" class', () => {
+    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_Tooltip.default, null)).type).toEqual('span');
+    expect((0, _testing.renderClasses)( /*#__PURE__*/_react.default.createElement(_Tooltip.default, null))).toContain('tooltipped-n');
+  });
+  it('respects the "align" prop', () => {
+    expect((0, _testing.rendersClass)( /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      align: "left"
+    }), 'tooltipped-align-left-2')).toBe(true);
+    expect((0, _testing.rendersClass)( /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      align: "right"
+    }), 'tooltipped-align-right-2')).toBe(true);
+  });
+  it('respects the "direction" prop', () => {
+    for (const direction of _Tooltip.default.directions) {
+      expect((0, _testing.rendersClass)( /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+        direction: direction
+      }), `tooltipped-${direction}`)).toBe(true);
+    }
+  });
+  it('respects the "noDelay" prop', () => {
+    expect((0, _testing.rendersClass)( /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      noDelay: true
+    }), 'tooltipped-no-delay')).toBe(true);
+  });
+  it('respects the "text" prop', () => {
+    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      text: "hi"
+    })).props['aria-label']).toEqual('hi');
+  });
+  it('respects the "wrap" prop', () => {
+    expect((0, _testing.rendersClass)( /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      wrap: true
+    }), 'tooltipped-multiline')).toBe(true);
+  });
+});

package/lib/__tests__/Truncate.d.ts

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

package/lib/__tests__/Truncate.js

@@ -0,0 +1,63 @@
+"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('Truncate', () => {
+  (0, _testing.behavesAsComponent)({
+    Component: _.Truncate,
+    toRender: () => /*#__PURE__*/_react.default.createElement(_.Truncate, {
+      title: "a-long-branch-name"
+    })
+  });
+  (0, _testing.checkExports)('Truncate', {
+    default: _.Truncate
+  });
+  it('renders a <div> by default', () => {
+    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Truncate, {
+      title: "a-long-branch-name"
+    })).type).toEqual('div');
+  });
+  it('should have no axe violations', async () => {
+    const {
+      container
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Truncate, {
+      title: "a-long-branch-name"
+    }, "a-long-branch-name"));
+    const results = await (0, _jestAxe.axe)(container);
+    expect(results).toHaveNoViolations();
+    (0, _react2.cleanup)();
+  });
+  it('respects the maxWidth prop', () => {
+    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Truncate, {
+      maxWidth: 250,
+      title: "a-long-branch-name"
+    }))).toHaveStyleRule('max-width', '250px');
+  });
+  it('respects the inline prop', () => {
+    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Truncate, {
+      inline: true,
+      title: "a-long-branch-name"
+    }))).toHaveStyleRule('display', 'inline-block');
+  });
+  it('respects the expandable prop', () => {
+    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Truncate, {
+      expandable: true,
+      title: "a-long-branch-name"
+    }))).toHaveStyleRule('max-width', '10000px', {
+      modifier: ':hover'
+    });
+  });
+});

package/lib/__tests__/UnderlineNav.d.ts

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

package/lib/__tests__/UnderlineNav.js

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

package/lib/__tests__/UnderlineNavLink.d.ts

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

package/lib/__tests__/UnderlineNavLink.js

@@ -0,0 +1,51 @@
+"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('UnderlineNav.Link', () => {
+  (0, _testing.behavesAsComponent)({
+    Component: _.UnderlineNav.Link
+  });
+  it('renders an <a> by default', () => {
+    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.UnderlineNav.Link, null)).type).toEqual('a');
+  });
+  it('should have no axe violations', async () => {
+    const {
+      container
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.UnderlineNav.Link, {
+      href: "www.github.com"
+    }, "Go to GitHub"));
+    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(_.UnderlineNav.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(_.UnderlineNav.Link, {
+      as: Link,
+      to: "#"
+    }))).toMatchSnapshot();
+  });
+});

package/lib/__tests__/behaviors/anchoredPosition.d.ts

@@ -0,0 +1 @@
+export {};