@patternfly/react-core 4.206.4 → 4.207.0

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

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PopoverArrow should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-popover__arrow ''"
   />
-</div>
+</DocumentFragment>
 `;

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

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

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PopoverCloseButton should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <button
     aria-disabled="false"
     aria-label="string"
@@ -26,5 +26,5 @@ exports[`PopoverCloseButton should match snapshot (auto-generated) 1`] = `
       />
     </svg>
   </button>
-</div>
+</DocumentFragment>
 `;

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

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

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PopoverDialog should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     aria-modal="true"
     class="pf-c-popover pf-m-top null"
@@ -9,5 +9,5 @@ exports[`PopoverDialog should match snapshot (auto-generated) 1`] = `
   >
     ReactNode
   </div>
-</div>
+</DocumentFragment>
 `;

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

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

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PopoverHeader should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <h6
     class="pf-c-title pf-m-md"
     data-ouia-component-id="OUIA-Generated-Title-1"
@@ -13,5 +13,5 @@ exports[`PopoverHeader should match snapshot (auto-generated) 1`] = `
       ReactNode
     </div>
   </h6>
-</div>
+</DocumentFragment>
 `;

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

@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
 import { Popover, PopoverPosition } from '../Popover';
 
 test('popover renders close-button, header and body', () => {
-  const view = render(
+  const { asFragment } = render(
     <Popover
       id="test"
       position="top"
@@ -19,11 +19,11 @@ test('popover renders close-button, header and body', () => {
       <div>Toggle Popover</div>
     </Popover>
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('popover can have a custom minimum width', () => {
-  const view = render(
+  const { asFragment } = render(
     <Popover
       id="test"
       position="top"
@@ -40,11 +40,11 @@ test('popover can have a custom minimum width', () => {
       <div>Toggle Popover</div>
     </Popover>
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('popover can specify position as object value', () => {
-  const view = render(
+  const { asFragment } = render(
     <Popover
       id="test"
       position={PopoverPosition.right}
@@ -60,11 +60,11 @@ test('popover can specify position as object value', () => {
       <div>Toggle Popover</div>
     </Popover>
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('popover can close from content (uncontrolled)', () => {
-  const view = render(
+  const { asFragment } = render(
     <Popover
       id="test"
       aria-label="Popover with button in the body that can close it"
@@ -88,5 +88,5 @@ test('popover can close from content (uncontrolled)', () => {
       <button id="uncontrolled-toggle">Toggle Popover</button>
     </Popover>
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

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

@@ -1,35 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`popover can close from content (uncontrolled) 1`] = `
-<div>
+<DocumentFragment>
   <button
     id="uncontrolled-toggle"
   >
     Toggle Popover
   </button>
-</div>
+</DocumentFragment>
 `;
 
 exports[`popover can have a custom minimum width 1`] = `
-<div>
+<DocumentFragment>
   <div>
     Toggle Popover
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`popover can specify position as object value 1`] = `
-<div>
+<DocumentFragment>
   <div>
     Toggle Popover
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`popover renders close-button, header and body 1`] = `
-<div>
+<DocumentFragment>
   <div>
     Toggle Popover
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Progress/__tests__/Generated/ProgressBar.test.tsx

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

package/src/components/Progress/__tests__/Generated/ProgressContainer.test.tsx

@@ -8,9 +8,8 @@ import { ProgressContainer } from '../../ProgressContainer';
 import {} from '../..';
 
 it('ProgressContainer should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <ProgressContainer
-      ariaProps={undefined}
       parentId={'string'}
       title={"''"}
       label={null}
@@ -19,5 +18,5 @@ it('ProgressContainer should match snapshot (auto-generated)', () => {
       value={42}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Progress/__tests__/Generated/__snapshots__/ProgressBar.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ProgressBar should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress__bar ''"
   >
@@ -16,5 +16,5 @@ exports[`ProgressBar should match snapshot (auto-generated) 1`] = `
       </span>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Progress/__tests__/Generated/__snapshots__/ProgressContainer.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ProgressContainer should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     aria-hidden="true"
     class="pf-c-progress__description"
@@ -49,5 +49,5 @@ exports[`ProgressContainer should match snapshot (auto-generated) 1`] = `
       />
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

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

@@ -4,55 +4,55 @@ import { Progress, ProgressSize } from '../Progress';
 import { ProgressVariant, ProgressMeasureLocation } from '../ProgressContainer';
 
 test('Simple progress', () => {
-  const view = render(<Progress value={33} id="progress-simple-example" />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<Progress value={33} id="progress-simple-example" />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('no value specified', () => {
-  const view = render(<Progress id="no-value" />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<Progress id="no-value" />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('additional label', () => {
-  const view = render(<Progress id="additional-label" value={33} label="Additional label" />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<Progress id="additional-label" value={33} label="Additional label" />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Progress with aria-valuetext', () => {
-  const view = render(<Progress value={33} id="progress-aria-valuetext" valueText="Descriptive text here" />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<Progress value={33} id="progress-aria-valuetext" valueText="Descriptive text here" />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('value lower than minValue', () => {
-  const view = render(<Progress value={33} id="lower-min-value" min={40} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<Progress value={33} id="lower-min-value" min={40} />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('value higher than maxValue', () => {
-  const view = render(<Progress value={77} id="higher-max-value" max={60} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<Progress value={77} id="higher-max-value" max={60} />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('value scaled with minValue', () => {
-  const view = render(<Progress min={10} value={50} id="scaled-min-value" />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<Progress min={10} value={50} id="scaled-min-value" />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('value scaled with maxValue', () => {
-  const view = render(<Progress value={50} id="scaled-max-value" max={80} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<Progress value={50} id="scaled-max-value" max={80} />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('value scaled between minValue and maxValue', () => {
-  const view = render(<Progress min={10} value={50} id="scaled-range-value" max={80} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<Progress min={10} value={50} id="scaled-range-value" max={80} />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 describe('Progress size', () => {
   Object.keys(ProgressSize).forEach(oneSize => {
     test(oneSize, () => {
-      const view = render(<Progress id={`${oneSize}-progress`} value={33} size={oneSize as ProgressSize} />);
-      expect(view.container).toMatchSnapshot();
+      const { asFragment } = render(<Progress id={`${oneSize}-progress`} value={33} size={oneSize as ProgressSize} />);
+      expect(asFragment()).toMatchSnapshot();
     });
   });
 });
@@ -60,10 +60,10 @@ describe('Progress size', () => {
 describe('Progress variant', () => {
   Object.keys(ProgressVariant).forEach(oneVariant => {
     test(oneVariant, () => {
-      const view = render(
+      const { asFragment } = render(
         <Progress id={`${oneVariant}-progress`} value={33} variant={oneVariant as ProgressVariant} />
       );
-      expect(view.container).toMatchSnapshot();
+      expect(asFragment()).toMatchSnapshot();
     });
   });
 });
@@ -71,15 +71,15 @@ describe('Progress variant', () => {
 describe('Progress measure location', () => {
   Object.keys(ProgressMeasureLocation).forEach(oneLocation => {
     test(oneLocation, () => {
-      const view = render(
+      const { asFragment } = render(
         <Progress id={`${oneLocation}-progress`} value={33} measureLocation={oneLocation as ProgressMeasureLocation} />
       );
-      expect(view.container).toMatchSnapshot();
+      expect(asFragment()).toMatchSnapshot();
     });
   });
 
   test('inside and small should render large', () => {
-    const view = render(
+    const { asFragment } = render(
       <Progress
         id="large-progress"
         value={33}
@@ -87,7 +87,7 @@ describe('Progress measure location', () => {
         size={ProgressSize.sm}
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });
 
@@ -95,5 +95,5 @@ test('progress component generates console warning when no accessible name is pr
   const consoleWarnMock = jest.fn();
   global.console = { warn: consoleWarnMock } as any;
   render(<Progress value={33} />);
-  expect(consoleWarnMock).toBeCalled();
+  expect(consoleWarnMock).toHaveBeenCalled();
 });

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Progress measure location inside 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-inside pf-m-lg pf-m-singleline"
     id="inside-progress"
@@ -34,11 +34,11 @@ exports[`Progress measure location inside 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress measure location inside and small should render large 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-inside pf-m-lg pf-m-singleline"
     id="large-progress"
@@ -71,11 +71,11 @@ exports[`Progress measure location inside and small should render large 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress measure location none 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="none-progress"
@@ -106,11 +106,11 @@ exports[`Progress measure location none 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress measure location outside 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-outside pf-m-singleline"
     id="outside-progress"
@@ -147,11 +147,11 @@ exports[`Progress measure location outside 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress measure location top 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="top-progress"
@@ -188,11 +188,11 @@ exports[`Progress measure location top 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress size lg 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-lg pf-m-singleline"
     id="lg-progress"
@@ -229,11 +229,11 @@ exports[`Progress size lg 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress size md 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="md-progress"
@@ -270,11 +270,11 @@ exports[`Progress size md 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress size sm 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-sm pf-m-singleline"
     id="sm-progress"
@@ -311,11 +311,11 @@ exports[`Progress size sm 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress variant danger 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-danger pf-m-singleline"
     id="danger-progress"
@@ -369,11 +369,11 @@ exports[`Progress variant danger 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress variant success 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-success pf-m-singleline"
     id="success-progress"
@@ -427,11 +427,11 @@ exports[`Progress variant success 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress variant warning 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-warning pf-m-singleline"
     id="warning-progress"
@@ -485,11 +485,11 @@ exports[`Progress variant warning 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Progress with aria-valuetext 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="progress-aria-valuetext"
@@ -527,11 +527,11 @@ exports[`Progress with aria-valuetext 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Simple progress 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="progress-simple-example"
@@ -568,11 +568,11 @@ exports[`Simple progress 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`additional label 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="additional-label"
@@ -609,11 +609,11 @@ exports[`additional label 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`no value specified 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="no-value"
@@ -650,11 +650,11 @@ exports[`no value specified 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`value higher than maxValue 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="higher-max-value"
@@ -691,11 +691,11 @@ exports[`value higher than maxValue 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`value lower than minValue 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="lower-min-value"
@@ -732,11 +732,11 @@ exports[`value lower than minValue 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`value scaled between minValue and maxValue 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="scaled-range-value"
@@ -773,11 +773,11 @@ exports[`value scaled between minValue and maxValue 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`value scaled with maxValue 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="scaled-max-value"
@@ -814,11 +814,11 @@ exports[`value scaled with maxValue 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`value scaled with minValue 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-progress pf-m-singleline"
     id="scaled-min-value"
@@ -855,5 +855,5 @@ exports[`value scaled with minValue 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;