@patternfly/react-core 4.206.5 → 4.206.6

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

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

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

@@ -1,39 +1,39 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Check page main breadcrumb section against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-breadcrumb"
   />
-</div>
+</DocumentFragment>
 `;
 
 exports[`Check page main nav section against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-nav"
   />
-</div>
+</DocumentFragment>
 `;
 
 exports[`Check page main subnav section against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-subnav"
   />
-</div>
+</DocumentFragment>
 `;
 
 exports[`Check page main tabs section against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-tabs"
   />
-</div>
+</DocumentFragment>
 `;
 
 exports[`Check page section with center alignment 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-limit-width pf-m-align-center"
   >
@@ -41,27 +41,27 @@ exports[`Check page section with center alignment 1`] = `
       class="pf-c-page__main-body"
     />
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Check page section with fill and no padding example against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-no-padding pf-m-fill"
   />
-</div>
+</DocumentFragment>
 `;
 
 exports[`Check page section with fill example against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-fill"
   />
-</div>
+</DocumentFragment>
 `;
 
 exports[`Check page section with limited width 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-limit-width"
   >
@@ -69,71 +69,71 @@ exports[`Check page section with limited width 1`] = `
       class="pf-c-page__main-body"
     />
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Check page section with no fill example against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-no-fill"
   />
-</div>
+</DocumentFragment>
 `;
 
 exports[`Check page section with no padding example against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-no-padding"
   />
-</div>
+</DocumentFragment>
 `;
 
 exports[`Verify page section bottom shadow 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-shadow-bottom"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Verify page section bottom sticky 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-sticky-bottom"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Verify page section overflow scroll 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-overflow-scroll"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Verify page section top shadow 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-shadow-top"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Verify page section top sticky 1`] = `
-<div>
+<DocumentFragment>
   <section
     class="pf-c-page__main-section pf-m-sticky-top"
   >
     test
   </section>
-</div>
+</DocumentFragment>
 `;

package/src/components/Pagination/__tests__/Generated/Navigation.test.tsx

@@ -8,7 +8,7 @@ import { Navigation } from '../../Navigation';
 import {} from '../..';
 
 it('Navigation should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <Navigation
       className={"''"}
       isDisabled={false}
@@ -32,5 +32,5 @@ it('Navigation should match snapshot (auto-generated)', () => {
       onPageInput={() => undefined as any}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Pagination/__tests__/Generated/OptionsToggle.test.tsx

@@ -8,7 +8,7 @@ import { OptionsToggle } from '../../OptionsToggle';
 import {} from '../..';
 
 it('OptionsToggle should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <OptionsToggle
       itemsTitle={"'items'"}
       optionsToggle={"'Select'"}
@@ -26,5 +26,5 @@ it('OptionsToggle should match snapshot (auto-generated)', () => {
       onEnter={null}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Pagination/__tests__/Generated/PaginationOptionsMenu.test.tsx

@@ -8,7 +8,7 @@ import { PaginationOptionsMenu } from '../../PaginationOptionsMenu';
 import { ToggleTemplateProps } from '../..';
 
 it('PaginationOptionsMenu should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <PaginationOptionsMenu
       className={"''"}
       widgetId={"''"}
@@ -37,5 +37,5 @@ it('PaginationOptionsMenu should match snapshot (auto-generated)', () => {
       onPerPageSelect={() => null as any}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Pagination/__tests__/Generated/ToggleTemplate.test.tsx

@@ -8,6 +8,6 @@ import { ToggleTemplate } from '../../ToggleTemplate';
 import {} from '../..';
 
 it('ToggleTemplate should match snapshot (auto-generated)', () => {
-  const view = render(<ToggleTemplate firstIndex={0} lastIndex={0} itemCount={0} itemsTitle={"'items'"} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<ToggleTemplate firstIndex={0} lastIndex={0} itemCount={0} itemsTitle={"'items'"} />);
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Pagination/__tests__/Generated/__snapshots__/Navigation.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Navigation should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <nav
     aria-label="'Pagination'"
     class="pf-c-pagination__nav ''"
@@ -131,5 +131,5 @@ exports[`Navigation should match snapshot (auto-generated) 1`] = `
       </button>
     </div>
   </nav>
-</div>
+</DocumentFragment>
 `;

package/src/components/Pagination/__tests__/Generated/__snapshots__/OptionsToggle.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`OptionsToggle should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu__toggle pf-m-plain pf-m-text"
   >
@@ -38,5 +38,5 @@ exports[`OptionsToggle should match snapshot (auto-generated) 1`] = `
       </span>
     </button>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PaginationOptionsMenu should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu pf-m-top"
     data-ouia-component-type="PF4/PaginationOptionsMenu"
@@ -11,5 +11,5 @@ exports[`PaginationOptionsMenu should match snapshot (auto-generated) 1`] = `
       class="pf-c-options-menu__toggle pf-m-plain pf-m-text"
     />
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Pagination/__tests__/Generated/__snapshots__/ToggleTemplate.test.tsx.snap

@@ -1,19 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ToggleTemplate should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <b>
-    0
-     - 
-    0
+    0 - 0
   </b>
-   
-  of
-   
+   of 
   <b>
     0
   </b>
-   
-  'items'
-</div>
+   'items'
+</DocumentFragment>
 `;

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

@@ -2,7 +2,6 @@ import React from 'react';
 
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom';
 
 import { Pagination, PaginationVariant } from '../index';
 

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

@@ -8,55 +8,55 @@ import { PanelFooter } from '../PanelFooter';
 
 describe('Panel', () => {
   test('renders content', () => {
-    const view = render(<Panel>Foo</Panel>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Panel>Foo</Panel>);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders content with raised styling', () => {
-    const view = render(<Panel variant='raised'>Foo</Panel>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Panel variant="raised">Foo</Panel>);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders content with bordered styling', () => {
-    const view = render(<Panel variant='bordered'>Foo</Panel>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Panel variant="bordered">Foo</Panel>);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders content with scrollable styling', () => {
-    const view = render(<Panel isScrollable>Foo</Panel>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Panel isScrollable>Foo</Panel>);
+    expect(asFragment()).toMatchSnapshot();
   });
 });
 
 describe('PanelMain', () => {
   test('renders content', () => {
-    const view = render(<PanelMain>Foo</PanelMain>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PanelMain>Foo</PanelMain>);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders content with the set maximum height', () => {
-    const view = render(<PanelMain maxHeight={'80px'}>Foo</PanelMain>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PanelMain maxHeight={'80px'}>Foo</PanelMain>);
+    expect(asFragment()).toMatchSnapshot();
   });
 });
 
 describe('PanelMainBody', () => {
   test('renders content', () => {
-    const view = render(<PanelMainBody>Foo</PanelMainBody>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PanelMainBody>Foo</PanelMainBody>);
+    expect(asFragment()).toMatchSnapshot();
   });
 });
 
 describe('PanelHeader', () => {
   test('renders content', () => {
-    const view = render(<PanelHeader>Foo</PanelHeader>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PanelHeader>Foo</PanelHeader>);
+    expect(asFragment()).toMatchSnapshot();
   });
 });
 
 describe('PanelFooter', () => {
   test('renders content', () => {
-    const view = render(<PanelFooter>Foo</PanelFooter>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<PanelFooter>Foo</PanelFooter>);
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/Panel/__tests__/__snapshots__/Panel.test.tsx.snap

@@ -1,92 +1,92 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Panel renders content 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-panel"
   >
     Foo
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Panel renders content with bordered styling 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-panel pf-m-bordered"
   >
     Foo
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Panel renders content with raised styling 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-panel pf-m-raised"
   >
     Foo
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Panel renders content with scrollable styling 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-panel pf-m-scrollable"
   >
     Foo
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`PanelFooter renders content 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-panel__footer"
   >
     Foo
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`PanelHeader renders content 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-panel__header"
   >
     Foo
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`PanelMain renders content 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-panel__main"
   >
     Foo
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`PanelMain renders content with the set maximum height 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-panel__main"
     style="--pf-c-panel__main--MaxHeight: 80px;"
   >
     Foo
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`PanelMainBody renders content 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-panel__main-body"
   >
     Foo
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Popover/__tests__/Generated/PopoverArrow.test.tsx

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

package/src/components/Popover/__tests__/Generated/PopoverBody.test.tsx

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

package/src/components/Popover/__tests__/Generated/PopoverCloseButton.test.tsx

@@ -8,6 +8,6 @@ import { PopoverCloseButton } from '../../PopoverCloseButton';
 import {} from '../..';
 
 it('PopoverCloseButton should match snapshot (auto-generated)', () => {
-  const view = render(<PopoverCloseButton onClose={() => undefined as void} aria-label={'string'} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<PopoverCloseButton onClose={() => undefined as void} aria-label={'string'} />);
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Popover/__tests__/Generated/PopoverContent.test.tsx

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

package/src/components/Popover/__tests__/Generated/PopoverDialog.test.tsx

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

package/src/components/Popover/__tests__/Generated/PopoverFooter.test.tsx

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

package/src/components/Popover/__tests__/Generated/PopoverHeader.test.tsx

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