@patternfly/react-core 4.202.30 → 4.202.33

package/src/helpers/__tests__/util.test.js

@@ -1,235 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { ApplicationLauncher, DropdownItem, Dropdown, DropdownToggle } from '@patternfly/react-core';
-import {
-  capitalize,
-  getUniqueId,
-  debounce,
-  isElementInView,
-  sideElementIsOutOfView,
-  fillTemplate,
-  pluralize,
-  formatBreakpointMods
-} from '../util';
-import { KEY_CODES, SIDE } from '../constants';
-import styles from '@patternfly/react-styles/css/layouts/Flex/flex';
-
-const createMockHtmlElement = bounds => ({
-  getBoundingClientRect: () => bounds
-});
-
-test('capitalize', () => {
-  expect(capitalize('foo')).toBe('Foo');
-});
-
-test('getUniqueId', () => {
-  expect(getUniqueId()).not.toBe(getUniqueId());
-});
-
-test('getUniqueId prefixed', () => {
-  expect(getUniqueId().substring(0, 3)).toBe('pf-');
-  expect(getUniqueId('pf-switch').substring(0, 10)).toBe('pf-switch-');
-});
-
-test('debounce', () => {
-  jest.useFakeTimers();
-  const callback = jest.fn();
-  const debouncedFunction = debounce(callback, 50);
-
-  debouncedFunction();
-  // At this point in time, the callback should not have been called yet
-  expect(callback).toHaveBeenCalledTimes(0);
-
-  for (let i = 0; i < 10; i++) {
-    jest.advanceTimersByTime(50);
-    debouncedFunction();
-  }
-
-  expect(callback).toBeCalledTimes(10);
-});
-
-test('isElementInView should be true when partial out of view and with partial true', () => {
-  const container = createMockHtmlElement({ left: 0, right: 200 });
-  const element = createMockHtmlElement({ left: 10, right: 210 });
-  expect(isElementInView(container, element, true)).toBe(true);
-});
-
-test('isElementInView should be false when partial out of view and with partial false ', () => {
-  const container = createMockHtmlElement({ left: 0, right: 200 });
-  const element = createMockHtmlElement({ left: 10, right: 210 });
-  expect(isElementInView(container, element, false)).toBe(false);
-});
-
-test('isElementInView should be false completely out of view ', () => {
-  const container = createMockHtmlElement({ left: 0, right: 200 });
-  const element = createMockHtmlElement({ left: 200, right: 300 });
-  expect(isElementInView(container, element, true)).toBe(false);
-});
-
-test('isElementInView should be false completely out of view when partial false ', () => {
-  const container = createMockHtmlElement({ left: 0, right: 200 });
-  const element = createMockHtmlElement({ left: 200, right: 300 });
-  expect(isElementInView(container, element, false)).toBe(false);
-});
-
-test('sideElementIsOutOfView Returns left when off on left side', () => {
-  const container = createMockHtmlElement({ left: 20, right: 220 });
-  const element = createMockHtmlElement({ left: 10, right: 210 });
-  expect(sideElementIsOutOfView(container, element)).toBe(SIDE.LEFT);
-});
-
-test('sideElementIsOutOfView Returns right when off on right side', () => {
-  const container = createMockHtmlElement({ left: 0, right: 200 });
-  const element = createMockHtmlElement({ left: 210, right: 410 });
-  expect(sideElementIsOutOfView(container, element)).toBe(SIDE.RIGHT);
-});
-
-test('sideElementIsOutOfView Returns NONE when in view', () => {
-  const container = createMockHtmlElement({ left: 0, right: 200 });
-  const element = createMockHtmlElement({ left: 10, right: 110 });
-  expect(sideElementIsOutOfView(container, element)).toBe(SIDE.NONE);
-});
-
-xdescribe('keyHandler works on ApplicationLauncher', () => {
-  document.body.innerHTML = '<!doctype html><html><body></body></html>';
-  const dropdownItems = [
-    <DropdownItem key=" 1" id="first" componentID="first-button" component="button">
-      Action 1
-    </DropdownItem>,
-    <DropdownItem key="2" id="second" componentID="second-button" component="button">
-      Action 2
-    </DropdownItem>,
-    <DropdownItem key="3" id="third" componentID="third-button" component="button" isDisabled>
-      Disabled Link
-    </DropdownItem>
-  ];
-
-  const view = mount(<ApplicationLauncher items={dropdownItems} isOpen />, {
-    attachTo: document.getElementsByName('div')[0]
-  });
-  const firstDropdownItem = view.find('#first button').first();
-  const secondDropdownItem = view.find('#second button').first();
-
-  test('keyHandler advances forward', () => {
-    firstDropdownItem.simulate('keydown', {
-      key: 'ArrowDown',
-      keyCode: KEY_CODES.ARROW_DOWN,
-      which: KEY_CODES.ARROW_DOWN
-    });
-    const focusedElement = document.activeElement;
-    console.log(focusedElement);
-    expect(focusedElement.getAttribute('id')).toEqual('second-button');
-  });
-
-  test('keyHandler regresses backward', () => {
-    secondDropdownItem.simulate('keydown', {
-      key: 'ArrowUp',
-      keyCode: KEY_CODES.ARROW_UP,
-      which: KEY_CODES.ARROW_UP
-    });
-    const focusedElement = document.activeElement;
-    expect(focusedElement.getAttribute('id')).toEqual('first-button');
-  });
-
-  test('keyHandler loops top to bottom', () => {
-    firstDropdownItem.simulate('keydown', {
-      key: 'ArrowUp',
-      keyCode: KEY_CODES.ARROW_UP,
-      which: KEY_CODES.ARROW_UP
-    });
-    const focusedElement = document.activeElement;
-    expect(focusedElement.getAttribute('id')).toEqual('third-button');
-  });
-});
-
-xdescribe('keyHandler works on Dropdown', () => {
-  document.body.innerHTML = '<!doctype html><html><body></body></html>';
-  const dropdownItems = [
-    <DropdownItem key="1" id="first" componentID="first-button" component="button">
-      Action 1
-    </DropdownItem>,
-    <DropdownItem key="2" id="second" componentID="second-button" component="button">
-      Action 2
-    </DropdownItem>,
-    <DropdownItem key="3" id="third" componentID="third-button" component="button" isDisabled>
-      Disabled Link
-    </DropdownItem>
-  ];
-  const view = mount(
-    <Dropdown dropdownItems={dropdownItems} isOpen toggle={<DropdownToggle>Expanded Dropdown</DropdownToggle>} />,
-    {
-      attachTo: document.getElementsByName('div')[0]
-    }
-  );
-  const firstDropdownItem = view.find('#first button').first();
-  const secondDropdownItem = view.find('#second button').first();
-  const thirdDropdownItem = view.find('#third button').first();
-
-  test('keyHandler advances forward', () => {
-    firstDropdownItem.simulate('keydown', {
-      key: 'ArrowDown',
-      keyCode: KEY_CODES.ARROW_DOWN,
-      which: KEY_CODES.ARROW_DOWN
-    });
-    const focusedElement = document.activeElement;
-    expect(focusedElement.getAttribute('id')).toEqual('second-button');
-  });
-
-  test('keyHandler regresses backward', () => {
-    secondDropdownItem.simulate('keydown', {
-      key: 'ArrowUp',
-      keyCode: KEY_CODES.ARROW_UP,
-      which: KEY_CODES.ARROW_UP
-    });
-    const focusedElement = document.activeElement;
-    expect(focusedElement.getAttribute('id')).toEqual('first-button');
-  });
-
-  test('keyHandler loops top to bottom', () => {
-    firstDropdownItem.simulate('keydown', {
-      key: 'ArrowUp',
-      keyCode: KEY_CODES.ARROW_UP,
-      which: KEY_CODES.ARROW_UP
-    });
-    const focusedElement = document.activeElement;
-    expect(focusedElement.getAttribute('id')).toEqual('third-button');
-  });
-
-  test('keyHandler loops down to top', () => {
-    thirdDropdownItem.simulate('keydown', {
-      key: 'ArrowDown',
-      keyCode: KEY_CODES.ARROW_DOWN,
-      which: KEY_CODES.ARROW_DOWN
-    });
-    const focusedElement = document.activeElement;
-    expect(focusedElement.getAttribute('id')).toEqual('first-button');
-  });
-});
-
-test('fillTemplate interpolates strings correctly', () => {
-  // eslint-disable-next-line no-template-curly-in-string
-  const templateString = 'My name is ${firstName} ${lastName}';
-  const expected = 'My name is Jon Dough';
-  const templatVars = {
-    firstName: 'Jon',
-    lastName: 'Dough'
-  };
-  const actual = fillTemplate(templateString, templatVars);
-  expect(actual).toEqual(expected);
-});
-
-test('text pluralize', () => {
-  expect(pluralize(1, 'dog')).toEqual('1 dog');
-  expect(pluralize(2, 'dog')).toEqual('2 dogs');
-  expect(pluralize(2, 'finch', 'finches')).toEqual('2 finches');
-});
-
-test('formatBreakpointMods', () => {
-  expect(formatBreakpointMods({ default: 'spacerNone' }, styles)).toEqual('pf-m-spacer-none');
-  expect(formatBreakpointMods({ md: 'spacerNone' }, styles)).toEqual(
-    'pf-m-spacer-none-on-md'
-  );
-  expect(formatBreakpointMods({ default: 'column', lg: 'row' }, styles)).toEqual(
-    'pf-m-column pf-m-row-on-lg'
-  );
-});

package/src/layouts/Bullseye/__tests__/Generated/Bullseye.test.tsx

@@ -1,13 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Bullseye } from '../../Bullseye';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Bullseye should match snapshot (auto-generated)', () => {
-  const view = render(<Bullseye children={<>ReactNode</>} className={"''"} component={'div'} />);
-  expect(view.container).toMatchSnapshot();
-});

package/src/layouts/Bullseye/__tests__/Generated/__snapshots__/Bullseye.test.tsx.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Bullseye should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-l-bullseye ''"
-  >
-    ReactNode
-  </div>
-</div>
-`;

package/src/layouts/Flex/__tests__/Generated/Flex.test.tsx

@@ -1,13 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Flex } from '../../Flex';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Flex should match snapshot (auto-generated)', () => {
-  const view = render(<Flex children={<>ReactNode</>} className={"''"} />);
-  expect(view.container).toMatchSnapshot();
-});

package/src/layouts/Flex/__tests__/Generated/__snapshots__/Flex.test.tsx.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Flex should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-l-flex ''"
-  >
-    ReactNode
-  </div>
-</div>
-`;

package/src/layouts/Gallery/__tests__/Generated/Gallery.test.tsx

@@ -1,13 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Gallery } from '../../Gallery';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Gallery should match snapshot (auto-generated)', () => {
-  const view = render(<Gallery children={<>ReactNode</>} className={"''"} hasGutter />);
-  expect(view.container).toMatchSnapshot();
-});

package/src/layouts/Gallery/__tests__/Generated/__snapshots__/Gallery.test.tsx.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Gallery should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-l-gallery pf-m-gutter ''"
-  >
-    ReactNode
-  </div>
-</div>
-`;

package/src/layouts/Grid/__tests__/Generated/Grid.test.tsx

@@ -1,15 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Grid } from '../../Grid';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Grid should match snapshot (auto-generated)', () => {
-  const view = render(
-    <Grid children={<>ReactNode</>} className={"''"} hasGutter span={null} sm={1} md={1} lg={1} xl={1} xl2={1} />
-  );
-  expect(view.container).toMatchSnapshot();
-});

package/src/layouts/Grid/__tests__/Generated/GridItem.test.tsx

@@ -1,36 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { GridItem } from '../../GridItem';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('GridItem should match snapshot (auto-generated)', () => {
-  const view = render(
-    <GridItem
-      children={<>ReactNode</>}
-      className={"''"}
-      span={null}
-      rowSpan={null}
-      offset={null}
-      sm={1}
-      smRowSpan={1}
-      smOffset={1}
-      md={1}
-      mdRowSpan={1}
-      mdOffset={1}
-      lg={1}
-      lgRowSpan={1}
-      lgOffset={1}
-      xl={1}
-      xlRowSpan={1}
-      xlOffset={1}
-      xl2={1}
-      xl2RowSpan={1}
-      xl2Offset={1}
-    />
-  );
-  expect(view.container).toMatchSnapshot();
-});

package/src/layouts/Grid/__tests__/Generated/__snapshots__/Grid.test.tsx.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Grid should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-l-grid pf-m-all-1-col-on-sm pf-m-all-1-col-on-md pf-m-all-1-col-on-lg pf-m-all-1-col-on-xl pf-m-all-1-col-on-2xl pf-m-gutter ''"
-  >
-    ReactNode
-  </div>
-</div>
-`;

package/src/layouts/Grid/__tests__/Generated/__snapshots__/GridItem.test.tsx.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`GridItem should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-l-grid__item pf-m-1-col-on-sm pf-m-1-row-on-sm pf-m-offset-1-col-on-sm pf-m-1-col-on-md pf-m-1-row-on-md pf-m-offset-1-col-on-md pf-m-1-col-on-lg pf-m-1-row-on-lg pf-m-offset-1-col-on-lg pf-m-1-col-on-xl pf-m-1-row-on-xl pf-m-offset-1-col-on-xl pf-m-1-col-on-2xl pf-m-1-row-on-2xl pf-m-offset-1-col-on-2xl ''"
-  >
-    ReactNode
-  </div>
-</div>
-`;

package/src/layouts/Level/__tests__/Generated/Level.test.tsx

@@ -1,13 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Level } from '../../Level';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Level should match snapshot (auto-generated)', () => {
-  const view = render(<Level hasGutter className={"''"} children={<>ReactNode</>} />);
-  expect(view.container).toMatchSnapshot();
-});

package/src/layouts/Level/__tests__/Generated/__snapshots__/Level.test.tsx.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Level should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-l-level pf-m-gutter ''"
-  >
-    ReactNode
-  </div>
-</div>
-`;

package/src/layouts/Split/__tests__/Generated/Split.test.tsx

@@ -1,13 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Split } from '../../Split';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Split should match snapshot (auto-generated)', () => {
-  const view = render(<Split hasGutter children={<>ReactNode</>} className={"''"} component={'div'} />);
-  expect(view.container).toMatchSnapshot();
-});

package/src/layouts/Split/__tests__/Generated/__snapshots__/Split.test.tsx.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Split should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-l-split pf-m-gutter ''"
-  >
-    ReactNode
-  </div>
-</div>
-`;

package/src/layouts/Stack/__tests__/Generated/Stack.test.tsx

@@ -1,13 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Stack } from '../../Stack';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Stack should match snapshot (auto-generated)', () => {
-  const view = render(<Stack hasGutter children={<>ReactNode</>} className={"''"} component={'div'} />);
-  expect(view.container).toMatchSnapshot();
-});

package/src/layouts/Stack/__tests__/Generated/__snapshots__/Stack.test.tsx.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Stack should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-l-stack pf-m-gutter ''"
-  >
-    ReactNode
-  </div>
-</div>
-`;