@patternfly/react-core 4.206.3 → 4.206.6

package/src/components/OverflowMenu/__tests__/Generated/__snapshots__/OverflowMenuDropdownItem.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`OverflowMenuDropdownItem should match snapshot 1`] = `
-<div>
+<DocumentFragment>
   <li
     role="menuitem"
   >
@@ -17,5 +17,5 @@ exports[`OverflowMenuDropdownItem should match snapshot 1`] = `
       any
     </button>
   </li>
-</div>
+</DocumentFragment>
 `;

package/src/components/OverflowMenu/__tests__/OverflowMenu.test.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
 
 import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
 
 import styles from '@patternfly/react-styles/css/components/OverflowMenu/overflow-menu';
 import { OverflowMenu } from '../OverflowMenu';
 
 describe('OverflowMenu', () => {
   test('md', () => {
-    render(<OverflowMenu breakpoint="md" data-testid='test-id' />);
+    render(<OverflowMenu breakpoint="md" data-testid="test-id" />);
     expect(screen.getByTestId('test-id')).toHaveClass(styles.overflowMenu);
   });
 
@@ -41,6 +40,6 @@ describe('OverflowMenu', () => {
       </OverflowMenu>
     );
 
-    expect(myMock).toBeCalled();
+    expect(myMock).toHaveBeenCalled();
   });
 });

package/src/components/OverflowMenu/__tests__/OverflowMenuControl.test.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 
 import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
 
 import styles from '@patternfly/react-styles/css/components/OverflowMenu/overflow-menu';
 import { OverflowMenuControl } from '../OverflowMenuControl';

package/src/components/OverflowMenu/__tests__/OverflowMenuGroup.test.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 
 import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
 
 import styles from '@patternfly/react-styles/css/components/OverflowMenu/overflow-menu';
 import { OverflowMenuGroup } from '../OverflowMenuGroup';

package/src/components/OverflowMenu/__tests__/OverflowMenuItem.test.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 
 import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
 
 import styles from '@patternfly/react-styles/css/components/OverflowMenu/overflow-menu';
 import { OverflowMenuItem } from '../OverflowMenuItem';

package/src/components/Page/__tests__/Generated/PageHeaderTools.test.tsx

@@ -8,6 +8,6 @@ import { PageHeaderTools } from '../../PageHeaderTools';
 import {} from '../..';
 
 it('PageHeaderTools should match snapshot (auto-generated)', () => {
-  const view = render(<PageHeaderTools children={<div>ReactNode</div>} className={'string'} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<PageHeaderTools children={<div>ReactNode</div>} className={'string'} />);
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Page/__tests__/Generated/PageHeaderToolsGroup.test.tsx

@@ -8,8 +8,6 @@ import { PageHeaderToolsGroup } from '../../PageHeaderToolsGroup';
 import {} from '../..';
 
 it('PageHeaderToolsGroup should match snapshot (auto-generated)', () => {
-  const view = render(
-    <PageHeaderToolsGroup children={<div>ReactNode</div>} className={'string'} />
-  );
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<PageHeaderToolsGroup children={<div>ReactNode</div>} className={'string'} />);
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Page/__tests__/Generated/PageHeaderToolsItem.test.tsx

@@ -8,8 +8,8 @@ import { PageHeaderToolsItem } from '../../PageHeaderToolsItem';
 import {} from '../..';
 
 it('PageHeaderToolsItem should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <PageHeaderToolsItem children={<div>ReactNode</div>} className={'string'} isSelected={true} />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Page/__tests__/Generated/PageSidebar.test.tsx

@@ -8,8 +8,8 @@ import { PageSidebar } from '../../PageSidebar';
 import {} from '../..';
 
 it('PageSidebar should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <PageSidebar className={"''"} nav={<div>ReactNode</div>} isManagedSidebar={true} isNavOpen={true} theme={'dark'} />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Page/__tests__/Generated/__snapshots__/PageHeaderTools.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PageHeaderTools should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-page__header-tools string"
   >
@@ -9,5 +9,5 @@ exports[`PageHeaderTools should match snapshot (auto-generated) 1`] = `
       ReactNode
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Page/__tests__/Generated/__snapshots__/PageHeaderToolsGroup.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PageHeaderToolsGroup should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-page__header-tools-group string"
   >
@@ -9,5 +9,5 @@ exports[`PageHeaderToolsGroup should match snapshot (auto-generated) 1`] = `
       ReactNode
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Page/__tests__/Generated/__snapshots__/PageHeaderToolsItem.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PageHeaderToolsItem should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-page__header-tools-item pf-m-selected string"
   >
@@ -9,5 +9,5 @@ exports[`PageHeaderToolsItem should match snapshot (auto-generated) 1`] = `
       ReactNode
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Page/__tests__/Generated/__snapshots__/PageSidebar.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PageSidebar should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     aria-hidden="false"
     class="pf-c-page__sidebar pf-m-expanded ''"
@@ -15,5 +15,5 @@ exports[`PageSidebar should match snapshot (auto-generated) 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Page/__tests__/Page.test.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 
 import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
 
 import { Page } from '../Page';
 import { PageHeader } from '../PageHeader';

package/src/components/Page/__tests__/PageBreadcrumb.test.tsx

@@ -4,31 +4,31 @@ import { PageBreadcrumb } from '../PageBreadcrumb';
 
 describe('page breadcrumb', () => {
   test('Verify basic render', () => {
-    const view = render(<PageBreadcrumb>test</PageBreadcrumb>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageBreadcrumb>test</PageBreadcrumb>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify limited width', () => {
-    const view = render(<PageBreadcrumb isWidthLimited>test</PageBreadcrumb>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageBreadcrumb isWidthLimited>test</PageBreadcrumb>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify top sticky', () => {
-    const view = render(<PageBreadcrumb sticky="top">test</PageBreadcrumb>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageBreadcrumb sticky="top">test</PageBreadcrumb>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify bottom sticky', () => {
-    const view = render(<PageBreadcrumb sticky="bottom">test</PageBreadcrumb>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageBreadcrumb sticky="bottom">test</PageBreadcrumb>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify top shadow', () => {
-    const view = render(<PageBreadcrumb hasShadowTop>test</PageBreadcrumb>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageBreadcrumb hasShadowTop>test</PageBreadcrumb>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify bottom shadow', () => {
-    const view = render(<PageBreadcrumb hasShadowBottom>test</PageBreadcrumb>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageBreadcrumb hasShadowBottom>test</PageBreadcrumb>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify overflow scroll', () => {
-    const view = render(<PageBreadcrumb hasOverflowScroll>test</PageBreadcrumb>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageBreadcrumb hasOverflowScroll>test</PageBreadcrumb>);
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/Page/__tests__/PageGroup.test.tsx

@@ -4,27 +4,27 @@ import { PageGroup } from '../PageGroup';
 
 describe('page group', () => {
   test('Verify basic render', () => {
-    const view = render(<PageGroup>test</PageGroup>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageGroup>test</PageGroup>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify top sticky', () => {
-    const view = render(<PageGroup sticky="top">test</PageGroup>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageGroup sticky="top">test</PageGroup>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify bottom sticky', () => {
-    const view = render(<PageGroup sticky="bottom">test</PageGroup>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageGroup sticky="bottom">test</PageGroup>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify top shadow', () => {
-    const view = render(<PageGroup hasShadowTop>test</PageGroup>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageGroup hasShadowTop>test</PageGroup>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify bottom shadow', () => {
-    const view = render(<PageGroup hasShadowBottom>test</PageGroup>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageGroup hasShadowBottom>test</PageGroup>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify overflow scroll', () => {
-    const view = render(<PageGroup hasOverflowScroll>test</PageGroup>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageGroup hasOverflowScroll>test</PageGroup>);
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/Page/__tests__/PageHeader.test.tsx

@@ -6,6 +6,6 @@ jest.mock('../Page');
 
 test('Check page vertical layout example against snapshot', () => {
   const Header = <PageHeader logo="Logo" headerTools="PageHeaderTools | Avatar" onNavToggle={() => undefined} />;
-  const view = render(Header);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Header);
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Page/__tests__/PageNavigation.test.tsx

@@ -4,31 +4,31 @@ import { PageNavigation } from '../PageNavigation';
 
 describe('page navigation', () => {
   test('Verify basic render', () => {
-    const view = render(<PageNavigation>test</PageNavigation>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageNavigation>test</PageNavigation>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify limited width', () => {
-    const view = render(<PageNavigation isWidthLimited>test</PageNavigation>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageNavigation isWidthLimited>test</PageNavigation>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify top sticky', () => {
-    const view = render(<PageNavigation sticky="top">test</PageNavigation>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageNavigation sticky="top">test</PageNavigation>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify bottom sticky', () => {
-    const view = render(<PageNavigation sticky="bottom">test</PageNavigation>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageNavigation sticky="bottom">test</PageNavigation>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify top shadow', () => {
-    const view = render(<PageNavigation hasShadowTop>test</PageNavigation>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageNavigation hasShadowTop>test</PageNavigation>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify bottom shadow', () => {
-    const view = render(<PageNavigation hasShadowBottom>test</PageNavigation>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageNavigation hasShadowBottom>test</PageNavigation>);
+    expect(asFragment()).toMatchSnapshot();
   });
   test('Verify overflow scroll', () => {
-    const view = render(<PageNavigation hasOverflowScroll>test</PageNavigation>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PageNavigation hasOverflowScroll>test</PageNavigation>);
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/Page/__tests__/PageSection.test.tsx

@@ -6,85 +6,85 @@ jest.mock('../Page');
 
 test('Check page section with no padding example against snapshot', () => {
   const Section = <PageSection padding={{ default: 'noPadding' }} />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Check page section with limited width', () => {
   const Section = <PageSection isWidthLimited />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Check page section with center alignment', () => {
   const Section = <PageSection isWidthLimited isCenterAligned />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Check page main tabs section against snapshot', () => {
   const Section = <PageSection type={PageSectionTypes.tabs} />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Check page main nav section against snapshot', () => {
   const Section = <PageSection type={PageSectionTypes.nav} />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Check page main subnav section against snapshot', () => {
   const Section = <PageSection type={PageSectionTypes.subNav} />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Check page main breadcrumb section against snapshot', () => {
   const Section = <PageSection type={PageSectionTypes.breadcrumb} />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Check page section with no fill example against snapshot', () => {
   const Section = <PageSection isFilled={false} />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Check page section with fill example against snapshot', () => {
   const Section = <PageSection isFilled />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Check page section with fill and no padding example against snapshot', () => {
   const Section = <PageSection isFilled padding={{ default: 'noPadding' }} />;
-  const view = render(Section);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(Section);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Verify page section top sticky', () => {
-  const view = render(<PageSection sticky="top">test</PageSection>);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<PageSection sticky="top">test</PageSection>);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Verify page section bottom sticky', () => {
-  const view = render(<PageSection sticky="bottom">test</PageSection>);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<PageSection sticky="bottom">test</PageSection>);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Verify page section top shadow', () => {
-  const view = render(<PageSection hasShadowTop>test</PageSection>);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<PageSection hasShadowTop>test</PageSection>);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Verify page section bottom shadow', () => {
-  const view = render(<PageSection hasShadowBottom>test</PageSection>);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<PageSection hasShadowBottom>test</PageSection>);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Verify page section overflow scroll', () => {
-  const view = render(<PageSection hasOverflowScroll>test</PageSection>);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<PageSection hasOverflowScroll>test</PageSection>);
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Page/__tests__/__snapshots__/PageBreadcrumb.test.tsx.snap

@@ -1,37 +1,37 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`page breadcrumb Verify basic render 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-breadcrumb"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page breadcrumb Verify bottom shadow 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-breadcrumb pf-m-shadow-bottom"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page breadcrumb Verify bottom sticky 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-breadcrumb pf-m-sticky-bottom"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page breadcrumb Verify limited width 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-breadcrumb pf-m-limit-width"
   >
@@ -41,35 +41,35 @@ exports[`page breadcrumb Verify limited width 1`] = `
       test
     </div>
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page breadcrumb Verify overflow scroll 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-breadcrumb pf-m-overflow-scroll"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page breadcrumb Verify top shadow 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-breadcrumb pf-m-shadow-top"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page breadcrumb Verify top sticky 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-breadcrumb pf-m-sticky-top"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;

package/src/components/Page/__tests__/__snapshots__/PageGroup.test.tsx.snap

@@ -1,61 +1,61 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`page group Verify basic render 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-page__main-group"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page group Verify bottom shadow 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-page__main-group pf-m-shadow-bottom"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page group Verify bottom sticky 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-page__main-group pf-m-sticky-bottom"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page group Verify overflow scroll 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-page__main-group pf-m-overflow-scroll"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page group Verify top shadow 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-page__main-group pf-m-shadow-top"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`page group Verify top sticky 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-page__main-group pf-m-sticky-top"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Page/__tests__/__snapshots__/PageHeader.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Check page vertical layout example against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <header
     class="pf-c-page__header"
   >
@@ -16,5 +16,5 @@ exports[`Check page vertical layout example against snapshot 1`] = `
     </div>
     PageHeaderTools | Avatar
   </header>
-</div>
+</DocumentFragment>
 `;