@patternfly/react-core 4.206.4 → 4.207.0

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

@@ -4,52 +4,52 @@ import { NumberInput } from '../NumberInput';
 
 describe('numberInput', () => {
   test('renders defaults & extra props', () => {
-    const view = render(<NumberInput className="custom" id="numberInput1" />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<NumberInput className="custom" id="numberInput1" />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders value', () => {
-    const view = render(<NumberInput value={90} />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<NumberInput value={90} />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders disabled', () => {
-    const view = render(<NumberInput value={90} isDisabled />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<NumberInput value={90} isDisabled />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('disables lower threshold', () => {
-    const view = render(<NumberInput value={0} min={0} />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<NumberInput value={0} min={0} />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('disables upper threshold', () => {
-    const view = render(<NumberInput value={100} max={100} />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<NumberInput value={100} max={100} />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders unit', () => {
-    const view = render(<NumberInput value={5} unit="%" unitPosition="after" />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<NumberInput value={5} unit="%" unitPosition="after" />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders unit & position', () => {
-    const view = render(<NumberInput value={5} unit="$" unitPosition="before" />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<NumberInput value={5} unit="$" unitPosition="before" />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders custom width', () => {
-    const view = render(<NumberInput value={5} widthChars="10" />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<NumberInput value={5} widthChars={10} />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('passes input props successfully', () => {
-    const view = render(<NumberInput value={5} onChange={jest.fn()} inputName="test-name" />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<NumberInput value={5} onChange={jest.fn()} inputName="test-name" />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('passes button props successfully', () => {
-    const view = render(
+    const { asFragment } = render(
       <NumberInput
         value={5}
         onMinus={jest.fn()}
@@ -58,6 +58,6 @@ describe('numberInput', () => {
         plusBtnProps={{ id: 'plus-id' }}
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`numberInput disables lower threshold 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input"
   >
@@ -72,11 +72,11 @@ exports[`numberInput disables lower threshold 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`numberInput disables upper threshold 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input"
   >
@@ -147,11 +147,11 @@ exports[`numberInput disables upper threshold 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`numberInput passes button props successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input"
   >
@@ -223,11 +223,11 @@ exports[`numberInput passes button props successfully 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`numberInput passes input props successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input"
   >
@@ -297,11 +297,11 @@ exports[`numberInput passes input props successfully 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`numberInput renders custom width 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input"
     style="--pf-c-number-input--c-form-control--width-chars: 10;"
@@ -372,11 +372,11 @@ exports[`numberInput renders custom width 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`numberInput renders defaults & extra props 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input custom"
     id="numberInput1"
@@ -447,11 +447,11 @@ exports[`numberInput renders defaults & extra props 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`numberInput renders disabled 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input"
   >
@@ -524,11 +524,11 @@ exports[`numberInput renders disabled 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`numberInput renders unit & position 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input"
   >
@@ -603,11 +603,11 @@ exports[`numberInput renders unit & position 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`numberInput renders unit 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input"
   >
@@ -682,11 +682,11 @@ exports[`numberInput renders unit 1`] = `
       %
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`numberInput renders value 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-number-input"
   >
@@ -756,5 +756,5 @@ exports[`numberInput renders value 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/OptionsMenu/__tests__/Generated/OptionsMenuItem.test.tsx

@@ -7,7 +7,7 @@ import { DropdownArrowContext } from '../../../Dropdown';
 
 describe('OptionsMenuItem', () => {
   it('should match snapshot', () => {
-    const view = render(
+    const { asFragment } = render(
       <DropdownArrowContext.Provider value={{ sendRef: jest.fn(), keyHandler: undefined }}>
         <OptionsMenuItem
           children={<>ReactNode</>}
@@ -19,6 +19,6 @@ describe('OptionsMenuItem', () => {
         />{' '}
       </DropdownArrowContext.Provider>
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/OptionsMenu/__tests__/Generated/OptionsMenuItemGroup.test.tsx

@@ -8,14 +8,14 @@ import { OptionsMenuItemGroup } from '../../OptionsMenuItemGroup';
 import {} from '../..';
 
 it('OptionsMenuItemGroup should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <OptionsMenuItemGroup
       children={<>ReactNode</>}
       className={"''"}
-      ariaLabel={"''"}
+      aria-label={"''"}
       groupTitle={''}
       hasSeparator={false}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/OptionsMenu/__tests__/Generated/OptionsMenuSeparator.test.tsx

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

package/src/components/OptionsMenu/__tests__/Generated/OptionsMenuToggle.test.tsx

@@ -8,14 +8,12 @@ import { OptionsMenuToggle } from '../../OptionsMenuToggle';
 import {} from '../..';
 
 it('OptionsMenuToggle should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <OptionsMenuToggle
       parentId={"''"}
       onToggle={(isOpen: boolean) => undefined as void}
       isOpen={false}
       isPlain={false}
-      isFocused={false}
-      isHovered={false}
       isSplitButton={false}
       isActive={false}
       isDisabled={false}
@@ -26,5 +24,5 @@ it('OptionsMenuToggle should match snapshot (auto-generated)', () => {
       toggleTemplate={<div>ReactNode</div>}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/OptionsMenu/__tests__/Generated/OptionsMenuToggleWithText.test.tsx

@@ -8,7 +8,7 @@ import { OptionsMenuToggleWithText } from '../../OptionsMenuToggleWithText';
 import {} from '../..';
 
 it('OptionsMenuToggleWithText should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <OptionsMenuToggleWithText
       parentId={"''"}
       toggleText={<div>ReactNode</div>}
@@ -16,17 +16,13 @@ it('OptionsMenuToggleWithText should match snapshot (auto-generated)', () => {
       toggleButtonContents={<div>ReactNode</div>}
       toggleButtonContentsClassName={"''"}
       onToggle={() => null as any}
-      onEnter={(event: React.MouseEvent<HTMLButtonElement>) => undefined as void}
       isOpen={false}
       isPlain={false}
-      isFocused={false}
-      isHovered={false}
       isActive={false}
       isDisabled={false}
-      parentRef={document.body}
       aria-haspopup={true}
       aria-label={"'Options menu'"}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuItem.test.tsx.snap

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

package/src/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuItemGroup.test.tsx.snap

@@ -1,18 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`OptionsMenuItemGroup should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <section
-    arialabel="''"
     class="pf-c-options-menu__group"
   >
-    
     <ul
-      aria-label=""
+      aria-label="''"
       class="''"
     >
       ReactNode
     </ul>
   </section>
-</div>
+</DocumentFragment>
 `;

package/src/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuSeparator.test.tsx.snap

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

package/src/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuToggle.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`OptionsMenuToggle should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <button
     aria-expanded="false"
     aria-haspopup="listbox"
@@ -38,5 +38,5 @@ exports[`OptionsMenuToggle should match snapshot (auto-generated) 1`] = `
       </svg>
     </span>
   </button>
-</div>
+</DocumentFragment>
 `;

package/src/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuToggleWithText.test.tsx.snap

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

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

@@ -25,14 +25,14 @@ const menuItems = [
 
 describe('optionsMenu', () => {
   test('regular', () => {
-    const view = render(
+    const { asFragment } = render(
       <OptionsMenu id="regular" menuItems={menuItems} toggle={<OptionsMenuToggle>Options Menu</OptionsMenuToggle>} />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('right aligned', () => {
-    const view = render(
+    const { asFragment } = render(
       <OptionsMenu
         id="rightAligned"
         menuItems={menuItems}
@@ -40,11 +40,11 @@ describe('optionsMenu', () => {
         toggle={<OptionsMenuToggle>Options Menu</OptionsMenuToggle>}
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('open up', () => {
-    const view = render(
+    const { asFragment } = render(
       <OptionsMenu
         id="openUp"
         menuItems={menuItems}
@@ -52,11 +52,11 @@ describe('optionsMenu', () => {
         toggle={<OptionsMenuToggle>Options Menu</OptionsMenuToggle>}
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('right aligned + open up', () => {
-    const view = render(
+    const { asFragment } = render(
       <OptionsMenu
         id="rightAlignedOpenUp"
         menuItems={menuItems}
@@ -65,11 +65,11 @@ describe('optionsMenu', () => {
         toggle={<OptionsMenuToggle>Options Menu</OptionsMenuToggle>}
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('expanded', () => {
-    const view = render(
+    const { asFragment } = render(
       <OptionsMenu
         id="expanded"
         menuItems={menuItems}
@@ -77,11 +77,11 @@ describe('optionsMenu', () => {
         toggle={<OptionsMenuToggle>Options Menu</OptionsMenuToggle>}
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('plain', () => {
-    const view = render(
+    const { asFragment } = render(
       <OptionsMenu
         id="plain"
         menuItems={menuItems}
@@ -89,11 +89,11 @@ describe('optionsMenu', () => {
         toggle={<OptionsMenuToggle>Options Menu</OptionsMenuToggle>}
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('text', () => {
-    const view = render(
+    const { asFragment } = render(
       <OptionsMenu
         id="text"
         menuItems={menuItems}
@@ -102,17 +102,17 @@ describe('optionsMenu', () => {
         }
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('isDisabled', () => {
-    const view = render(
+    const { asFragment } = render(
       <OptionsMenu
         id="disabled"
         menuItems={menuItems}
         toggle={<OptionsMenuToggle isDisabled>Options Menu</OptionsMenuToggle>}
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`optionsMenu expanded 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu pf-m-expanded"
     data-ouia-component-id="OUIA-Generated-OptionsMenu-5"
@@ -183,11 +183,11 @@ exports[`optionsMenu expanded 1`] = `
       </section>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`optionsMenu isDisabled 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu"
     data-ouia-component-id="OUIA-Generated-OptionsMenu-8"
@@ -229,11 +229,11 @@ exports[`optionsMenu isDisabled 1`] = `
       </span>
     </button>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`optionsMenu open up 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu pf-m-top"
     data-ouia-component-id="OUIA-Generated-OptionsMenu-3"
@@ -274,11 +274,11 @@ exports[`optionsMenu open up 1`] = `
       </span>
     </button>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`optionsMenu plain 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu"
     data-ouia-component-id="OUIA-Generated-OptionsMenu-6"
@@ -300,11 +300,11 @@ exports[`optionsMenu plain 1`] = `
       <span />
     </button>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`optionsMenu regular 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu"
     data-ouia-component-id="OUIA-Generated-OptionsMenu-1"
@@ -345,11 +345,11 @@ exports[`optionsMenu regular 1`] = `
       </span>
     </button>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`optionsMenu right aligned + open up 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu pf-m-top pf-m-align-right"
     data-ouia-component-id="OUIA-Generated-OptionsMenu-4"
@@ -390,11 +390,11 @@ exports[`optionsMenu right aligned + open up 1`] = `
       </span>
     </button>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`optionsMenu right aligned 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu pf-m-align-right"
     data-ouia-component-id="OUIA-Generated-OptionsMenu-2"
@@ -435,11 +435,11 @@ exports[`optionsMenu right aligned 1`] = `
       </span>
     </button>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`optionsMenu text 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-options-menu"
     data-ouia-component-id="OUIA-Generated-OptionsMenu-7"
@@ -471,5 +471,5 @@ exports[`optionsMenu text 1`] = `
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

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

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

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

@@ -7,11 +7,11 @@ import { DropdownArrowContext } from '../../../Dropdown';
 
 describe('OverflowMenuDropdownItem', () => {
   it('should match snapshot', () => {
-    const view = render(
+    const { asFragment } = render(
       <DropdownArrowContext.Provider value={{ sendRef: jest.fn(), keyHandler: undefined }}>
         <OverflowMenuDropdownItem children={'any'} isShared={false} />
       </DropdownArrowContext.Provider>
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });

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

@@ -1,13 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`OverflowMenuControl should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-overflow-menu__control string"
   >
-     
-    any
-     
+     any 
   </div>
-</div>
+</DocumentFragment>
 `;