@primer/components 29.1.0-rc.79e8b21e → 29.1.0

package/lib-esm/__tests__/ThemeProvider.js

@@ -1,408 +0,0 @@
-import { render, screen, waitFor } from '@testing-library/react';
-import 'jest-styled-components';
-import React from 'react';
-import { Text, ThemeProvider, useColorSchemeVar, useTheme } from '..'; // window.matchMedia() is not implmented by JSDOM so we have to create a mock:
-// https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
-
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation(query => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(),
-    // deprecated
-    removeListener: jest.fn(),
-    // deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn()
-  }))
-});
-const exampleTheme = {
-  colors: {
-    text: '#f00'
-  },
-  colorSchemes: {
-    light: {
-      colors: {
-        text: 'black'
-      }
-    },
-    dark: {
-      colors: {
-        text: 'white'
-      }
-    },
-    dark_dimmed: {
-      colors: {
-        text: 'gray'
-      }
-    }
-  }
-};
-it('respects theme prop', () => {
-  const theme = {
-    colors: {
-      text: '#f00'
-    },
-    space: ['0', '0.25rem']
-  };
-  render( /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "text",
-    mb: 1
-  }, "Hello")));
-  expect(screen.getByText('Hello')).toHaveStyleRule('color', '#f00');
-  expect(screen.getByText('Hello')).toHaveStyleRule('margin-bottom', '0.25rem');
-});
-it('has default theme', () => {
-  render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
-    color: "fg.default",
-    mb: 1
-  }, "Hello")));
-  expect(screen.getByText('Hello')).toMatchSnapshot();
-});
-it('inherits theme from parent', () => {
-  render( /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: exampleTheme
-  }, /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
-    color: "text"
-  }, "Hello"))));
-  expect(screen.getByText('Hello')).toHaveStyleRule('color', 'black');
-});
-it('defaults to light color scheme', () => {
-  render( /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: exampleTheme
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "text"
-  }, "Hello")));
-  expect(screen.getByText('Hello')).toHaveStyleRule('color', 'black');
-});
-it('defaults to dark color scheme in night mode', () => {
-  render( /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: exampleTheme,
-    colorMode: "night"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "text"
-  }, "Hello")));
-  expect(screen.getByText('Hello')).toHaveStyleRule('color', 'white');
-});
-it('defaults to first color scheme when passed an invalid color scheme name', () => {
-  render( /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: exampleTheme,
-    dayScheme: "foo"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "text"
-  }, "Hello")));
-  expect(screen.getByText('Hello')).toHaveStyleRule('color', 'black');
-});
-it('respects nightScheme prop', () => {
-  render( /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: exampleTheme,
-    colorMode: "night",
-    nightScheme: "dark_dimmed"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "text"
-  }, "Hello")));
-  expect(screen.getByText('Hello')).toHaveStyleRule('color', 'gray');
-});
-it('respects dayScheme prop', () => {
-  render( /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: exampleTheme,
-    colorMode: "day",
-    dayScheme: "dark",
-    nightScheme: "dark_dimmed"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "text"
-  }, "Hello")));
-  expect(screen.getByText('Hello')).toHaveStyleRule('color', 'white');
-});
-it('works in auto mode', () => {
-  render( /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: exampleTheme,
-    colorMode: "auto"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "text"
-  }, "Hello")));
-  expect(screen.getByText('Hello')).toHaveStyleRule('color', 'black');
-});
-it('works in auto mode (dark)', () => {
-  const matchMediaSpy = jest.spyOn(window, 'matchMedia').mockImplementation(query => ({
-    matches: true,
-    // enable dark mode
-    media: query,
-    onchange: null,
-    addListener: jest.fn(),
-    // deprecated
-    removeListener: jest.fn(),
-    // deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn()
-  }));
-  render( /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: exampleTheme,
-    colorMode: "auto"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "text"
-  }, "Hello")));
-  expect(screen.getByText('Hello')).toHaveStyleRule('color', 'white');
-  matchMediaSpy.mockRestore();
-});
-it('updates when colorMode prop changes', async () => {
-  function App() {
-    const [colorMode, setColorMode] = React.useState('day');
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      colorMode: colorMode
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: "text"
-    }, colorMode), /*#__PURE__*/React.createElement("button", {
-      onClick: () => setColorMode(colorMode === 'day' ? 'night' : 'day')
-    }, "Toggle"));
-  }
-
-  render( /*#__PURE__*/React.createElement(App, null)); // starts in day mode (light scheme)
-
-  expect(screen.getByText('day')).toHaveStyleRule('color', 'black');
-  screen.getByRole('button').click();
-  await waitFor(() => // clicking the toggle button enables night mode (dark scheme)
-  expect(screen.getByText('night')).toHaveStyleRule('color', 'white'));
-});
-it('updates when dayScheme prop changes', async () => {
-  function App() {
-    const [dayScheme, setDayScheme] = React.useState('light');
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      dayScheme: dayScheme
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: "text"
-    }, dayScheme), /*#__PURE__*/React.createElement("button", {
-      onClick: () => setDayScheme(dayScheme === 'light' ? 'dark_dimmed' : 'light')
-    }, "Toggle"));
-  }
-
-  render( /*#__PURE__*/React.createElement(App, null)); // starts in day mode (light scheme)
-
-  expect(screen.getByText('light')).toHaveStyleRule('color', 'black');
-  screen.getByRole('button').click();
-  await waitFor(() => // clicking the toggle sets the day scheme to dark_dimmed
-  expect(screen.getByText('dark_dimmed')).toHaveStyleRule('color', 'gray'));
-});
-it('updates when nightScheme prop changes', async () => {
-  function App() {
-    const [nightScheme, setNightScheme] = React.useState('dark');
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      colorMode: "night",
-      nightScheme: nightScheme
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: "text"
-    }, nightScheme), /*#__PURE__*/React.createElement("button", {
-      onClick: () => setNightScheme(nightScheme === 'dark' ? 'dark_dimmed' : 'dark')
-    }, "Toggle"));
-  }
-
-  render( /*#__PURE__*/React.createElement(App, null)); // starts in night mode (dark scheme)
-
-  expect(screen.getByText('dark')).toHaveStyleRule('color', 'white');
-  screen.getByRole('button').click();
-  await waitFor(() => // clicking the toggle button sets the night scheme to dark_dimmed
-  expect(screen.getByText('dark_dimmed')).toHaveStyleRule('color', 'gray'));
-});
-it('inherits colorMode from parent', async () => {
-  function App() {
-    const [colorMode, setcolorMode] = React.useState('day');
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      colorMode: colorMode
-    }, /*#__PURE__*/React.createElement("button", {
-      onClick: () => setcolorMode(colorMode === 'day' ? 'night' : 'day')
-    }, "Toggle"), /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
-      color: "text"
-    }, colorMode)));
-  }
-
-  render( /*#__PURE__*/React.createElement(App, null));
-  expect(screen.getByText('day')).toHaveStyleRule('color', 'black');
-  screen.getByRole('button').click();
-  await waitFor(() => expect(screen.getByText('night')).toHaveStyleRule('color', 'white'));
-});
-it('inherits dayScheme from parent', async () => {
-  function App() {
-    const [dayScheme, setDayScheme] = React.useState('light');
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      colorMode: "night",
-      dayScheme: dayScheme
-    }, /*#__PURE__*/React.createElement("button", {
-      onClick: () => setDayScheme(dayScheme === 'light' ? 'dark_dimmed' : 'light')
-    }, "Toggle"), /*#__PURE__*/React.createElement(ThemeProvider, {
-      colorMode: "day"
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: "text"
-    }, dayScheme)));
-  }
-
-  render( /*#__PURE__*/React.createElement(App, null));
-  expect(screen.getByText('light')).toHaveStyleRule('color', 'black');
-  screen.getByRole('button').click();
-  await waitFor(() => expect(screen.getByText('dark_dimmed')).toHaveStyleRule('color', 'gray'));
-});
-it('inherits nightScheme from parent', async () => {
-  function App() {
-    const [nightScheme, setNightScheme] = React.useState('dark');
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      colorMode: "day",
-      nightScheme: nightScheme
-    }, /*#__PURE__*/React.createElement("button", {
-      onClick: () => setNightScheme(nightScheme === 'dark' ? 'dark_dimmed' : 'dark')
-    }, "Toggle"), /*#__PURE__*/React.createElement(ThemeProvider, {
-      colorMode: "night"
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: "text"
-    }, nightScheme)));
-  }
-
-  render( /*#__PURE__*/React.createElement(App, null));
-  expect(screen.getByText('dark')).toHaveStyleRule('color', 'white');
-  screen.getByRole('button').click();
-  await waitFor(() => expect(screen.getByText('dark_dimmed')).toHaveStyleRule('color', 'gray'));
-});
-describe('setColorMode', () => {
-  it('changes the color mode', () => {
-    function ToggleMode() {
-      const {
-        colorMode,
-        setColorMode
-      } = useTheme();
-      return /*#__PURE__*/React.createElement("button", {
-        onClick: () => setColorMode(colorMode === 'day' ? 'night' : 'day')
-      }, "Toggle");
-    }
-
-    render( /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      colorMode: "day"
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: "text"
-    }, "Hello"), /*#__PURE__*/React.createElement(ToggleMode, null))); // starts in day mode (light scheme)
-
-    expect(screen.getByText('Hello')).toHaveStyleRule('color', 'black');
-    screen.getByRole('button').click(); // clicking the toggle button enables night mode (dark scheme)
-
-    expect(screen.getByText('Hello')).toHaveStyleRule('color', 'white');
-  });
-});
-describe('setDayScheme', () => {
-  it('changes the day scheme', () => {
-    function ToggleDayScheme() {
-      const {
-        dayScheme,
-        setDayScheme
-      } = useTheme();
-      return /*#__PURE__*/React.createElement("button", {
-        onClick: () => setDayScheme(dayScheme === 'light' ? 'dark' : 'light')
-      }, "Toggle");
-    }
-
-    render( /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      colorMode: "day"
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: "text"
-    }, "Hello"), /*#__PURE__*/React.createElement(ToggleDayScheme, null))); // starts in day mode (light scheme)
-
-    expect(screen.getByText('Hello')).toHaveStyleRule('color', 'black');
-    screen.getByRole('button').click(); // clicking the toggle button sets day scheme to dark
-
-    expect(screen.getByText('Hello')).toHaveStyleRule('color', 'white');
-  });
-});
-describe('setNightScheme', () => {
-  it('changes the night scheme', () => {
-    function ToggleNightScheme() {
-      const {
-        nightScheme,
-        setNightScheme
-      } = useTheme();
-      return /*#__PURE__*/React.createElement("button", {
-        onClick: () => setNightScheme(nightScheme === 'dark' ? 'dark_dimmed' : 'dark')
-      }, "Toggle");
-    }
-
-    render( /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      colorMode: "night"
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: "text"
-    }, "Hello"), /*#__PURE__*/React.createElement(ToggleNightScheme, null))); // starts in night mode (dark scheme)
-
-    expect(screen.getByText('Hello')).toHaveStyleRule('color', 'white');
-    screen.getByRole('button').click(); // clicking the toggle button sets night scheme to dark_dimmed
-
-    expect(screen.getByText('Hello')).toHaveStyleRule('color', 'gray');
-  });
-});
-describe('useColorSchemeVar', () => {
-  it('updates value when scheme changes', () => {
-    function ToggleMode() {
-      const {
-        colorMode,
-        setColorMode
-      } = useTheme();
-      return /*#__PURE__*/React.createElement("button", {
-        onClick: () => setColorMode(colorMode === 'day' ? 'night' : 'day')
-      }, "Toggle");
-    }
-
-    function CustomBg() {
-      const customBg = useColorSchemeVar({
-        light: 'red',
-        dark: 'blue',
-        dark_dimmed: 'green'
-      }, 'inherit');
-      return /*#__PURE__*/React.createElement(Text, {
-        bg: customBg
-      }, "Hello");
-    }
-
-    render( /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme,
-      nightScheme: "dark_dimmed"
-    }, /*#__PURE__*/React.createElement(CustomBg, null), /*#__PURE__*/React.createElement(ToggleMode, null)));
-    expect(screen.getByText('Hello')).toHaveStyleRule('background-color', 'red');
-    screen.getByRole('button').click();
-    expect(screen.getByText('Hello')).toHaveStyleRule('background-color', 'green');
-  });
-  it('supports fallback value', () => {
-    function ToggleMode() {
-      const {
-        colorMode,
-        setColorMode
-      } = useTheme();
-      return /*#__PURE__*/React.createElement("button", {
-        onClick: () => setColorMode(colorMode === 'day' ? 'night' : 'day')
-      }, "Toggle");
-    }
-
-    function CustomBg() {
-      const customBg = useColorSchemeVar({
-        dark: 'blue'
-      }, 'red');
-      return /*#__PURE__*/React.createElement(Text, {
-        bg: customBg
-      }, "Hello");
-    }
-
-    render( /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: exampleTheme
-    }, /*#__PURE__*/React.createElement(CustomBg, null), /*#__PURE__*/React.createElement(ToggleMode, null)));
-    expect(screen.getByText('Hello')).toHaveStyleRule('background-color', 'red');
-    screen.getByRole('button').click();
-    expect(screen.getByText('Hello')).toHaveStyleRule('background-color', 'blue');
-  });
-});

package/lib-esm/__tests__/Timeline.d.ts

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

package/lib-esm/__tests__/Timeline.js

@@ -1,69 +0,0 @@
-import 'babel-polyfill';
-import { COMMON, FLEX, LAYOUT } from '../constants';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import { render, rendersClass, behavesAsComponent, checkExports } from '../utils/testing';
-import React from 'react';
-import { Timeline } from '..';
-expect.extend(toHaveNoViolations);
-describe('Timeline', () => {
-  behavesAsComponent({
-    Component: Timeline,
-    systemPropArray: [COMMON, FLEX, LAYOUT]
-  });
-  checkExports('Timeline', {
-    default: Timeline
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Timeline, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders with clipSidebar prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Timeline, {
-      clipSidebar: true
-    }))).toMatchSnapshot();
-  });
-});
-describe('Timeline.Item', () => {
-  behavesAsComponent({
-    Component: Timeline.Item,
-    systemPropArray: [COMMON, FLEX, LAYOUT]
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Timeline.Item, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders with condensed prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Timeline.Item, {
-      condensed: true
-    }))).toMatchSnapshot();
-  });
-  it('adds the Timeline-Item class', () => {
-    expect(rendersClass( /*#__PURE__*/React.createElement(Timeline.Item, null), 'Timeline-Item')).toEqual(true);
-  });
-});
-describe('Timeline.Badge', () => {
-  behavesAsComponent({
-    Component: Timeline.Badge,
-    systemPropArray: [COMMON, LAYOUT],
-    options: {
-      skipAs: true
-    }
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Timeline.Badge, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-});

package/lib-esm/__tests__/Tooltip.d.ts

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

package/lib-esm/__tests__/Tooltip.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import Tooltip from '../Tooltip';
-import { render, renderClasses, rendersClass, behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('Tooltip', () => {
-  behavesAsComponent({
-    Component: Tooltip,
-    systemPropArray: [COMMON]
-  });
-  checkExports('Tooltip', {
-    default: Tooltip
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Tooltip, {
-      text: "hi"
-    }));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders a <span> with the "tooltipped" class', () => {
-    expect(render( /*#__PURE__*/React.createElement(Tooltip, null)).type).toEqual('span');
-    expect(renderClasses( /*#__PURE__*/React.createElement(Tooltip, null))).toContain('tooltipped-n');
-  });
-  it('respects the "align" prop', () => {
-    expect(rendersClass( /*#__PURE__*/React.createElement(Tooltip, {
-      align: "left"
-    }), 'tooltipped-align-left-2')).toBe(true);
-    expect(rendersClass( /*#__PURE__*/React.createElement(Tooltip, {
-      align: "right"
-    }), 'tooltipped-align-right-2')).toBe(true);
-  });
-  it('respects the "direction" prop', () => {
-    for (const direction of Tooltip.directions) {
-      expect(rendersClass( /*#__PURE__*/React.createElement(Tooltip, {
-        direction: direction
-      }), `tooltipped-${direction}`)).toBe(true);
-    }
-  });
-  it('respects the "noDelay" prop', () => {
-    expect(rendersClass( /*#__PURE__*/React.createElement(Tooltip, {
-      noDelay: true
-    }), 'tooltipped-no-delay')).toBe(true);
-  });
-  it('respects the "text" prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Tooltip, {
-      text: "hi"
-    })).props['aria-label']).toEqual('hi');
-  });
-  it('respects the "wrap" prop', () => {
-    expect(rendersClass( /*#__PURE__*/React.createElement(Tooltip, {
-      wrap: true
-    }), 'tooltipped-multiline')).toBe(true);
-  });
-});

package/lib-esm/__tests__/Truncate.d.ts

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

package/lib-esm/__tests__/Truncate.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { Truncate } from '..';
-import { COMMON, TYPOGRAPHY } from '../constants';
-import { render, behavesAsComponent, checkExports } from '../utils/testing';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('Truncate', () => {
-  behavesAsComponent({
-    Component: Truncate,
-    systemPropArray: [COMMON, TYPOGRAPHY],
-    toRender: () => /*#__PURE__*/React.createElement(Truncate, {
-      title: "a-long-branch-name"
-    })
-  });
-  checkExports('Truncate', {
-    default: Truncate
-  });
-  it('renders a <div> by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(Truncate, {
-      title: "a-long-branch-name"
-    })).type).toEqual('div');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Truncate, {
-      title: "a-long-branch-name"
-    }, "a-long-branch-name"));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('respects the maxWidth prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Truncate, {
-      maxWidth: 250,
-      title: "a-long-branch-name"
-    }))).toHaveStyleRule('max-width', '250px');
-  });
-  it('respects the inline prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Truncate, {
-      inline: true,
-      title: "a-long-branch-name"
-    }))).toHaveStyleRule('display', 'inline-block');
-  });
-  it('respects the expandable prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Truncate, {
-      expandable: true,
-      title: "a-long-branch-name"
-    }))).toHaveStyleRule('max-width', '10000px', {
-      modifier: ':hover'
-    });
-  });
-});

package/lib-esm/__tests__/UnderlineNav.d.ts

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

package/lib-esm/__tests__/UnderlineNav.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import { UnderlineNav } from '..';
-import { mount, render, rendersClass, behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('UnderlineNav', () => {
-  behavesAsComponent({
-    Component: UnderlineNav,
-    systemPropArray: [COMMON]
-  });
-  checkExports('UnderlineNav', {
-    default: UnderlineNav
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(UnderlineNav, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders a <nav>', () => {
-    expect(render( /*#__PURE__*/React.createElement(UnderlineNav, null)).type).toEqual('nav');
-  });
-  it('adds the UnderlineNav class', () => {
-    expect(rendersClass( /*#__PURE__*/React.createElement(UnderlineNav, null), 'UnderlineNav')).toEqual(true);
-  });
-  it('respects the "align" prop', () => {
-    expect(rendersClass( /*#__PURE__*/React.createElement(UnderlineNav, {
-      align: "right"
-    }), 'UnderlineNav--right')).toEqual(true);
-  });
-  it('respects the "full" prop', () => {
-    expect(rendersClass( /*#__PURE__*/React.createElement(UnderlineNav, {
-      full: true
-    }), 'UnderlineNav--full')).toEqual(true);
-  });
-  it('sets aria-label to the "label" prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(UnderlineNav, {
-      label: "foo"
-    })).props['aria-label']).toEqual('foo');
-  });
-  it('wraps its children in an "UnderlineNav-body" div', () => {
-    const children = /*#__PURE__*/React.createElement("b", null, "yo");
-    const wrapper = mount( /*#__PURE__*/React.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.createElement("h1", null, "hi!");
-    const wrapper = mount( /*#__PURE__*/React.createElement(UnderlineNav, {
-      actions: content
-    }));
-    const actions = wrapper.find('.UnderlineNav-actions');
-    expect(actions.exists()).toEqual(true);
-    expect(actions.text()).toEqual('hi!');
-  });
-});

package/lib-esm/__tests__/UnderlineNavLink.d.ts

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