text: import React from 'react';
  import { Header } from '..';
  import { render, behavesAsComponent, checkExports } from '../utils/testing';
  import { BORDER, COMMON, TYPOGRAPHY } from '../constants';
  import { render as HTMLRender, cleanup } from '@testing-library/react';
  import { axe, toHaveNoViolations } from 'jest-axe';
  import 'babel-polyfill';
  expect.extend(toHaveNoViolations);
  describe('Header', () => {
    behavesAsComponent({
      Component: Header,
      systemPropArray: [COMMON, BORDER]
    });
    checkExports('Header', {
      default: Header
    });
    describe('Header.Item', () => {
      behavesAsComponent({
        Component: Header.Item,
        systemPropArray: [COMMON, BORDER]
      });
    });
    describe('Header.Link', () => {
      behavesAsComponent({
        Component: Header.Link,
        systemPropArray: [COMMON, BORDER, TYPOGRAPHY]
      });
    });
    it('should have no axe violations', async () => {
      const {
        container
      } = HTMLRender( /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Header.Item, {
        full: true
      }, /*#__PURE__*/React.createElement(Header.Link, {
        href: "#"
      }, "One")), /*#__PURE__*/React.createElement(Header.Item, null, /*#__PURE__*/React.createElement(Header.Link, {
        href: "#"
      }, "Two")), /*#__PURE__*/React.createElement(Header.Item, null, "Three")));
      const results = await axe(container);
      expect(results).toHaveNoViolations();
      cleanup();
    });
    it('renders a <div> and <a>', () => {
      expect(render( /*#__PURE__*/React.createElement(Header, null)).type).toEqual('div');
      expect(render( /*#__PURE__*/React.createElement(Header.Link, null)).type).toEqual('a');
    });
    it('sets aria-label appropriately', () => {
      expect(render( /*#__PURE__*/React.createElement(Header, {
        "aria-label": "foo"
      })).props['aria-label']).toEqual('foo');
    });
  });