@patternfly/react-core 4.206.5 → 4.208.0

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

@@ -13,7 +13,10 @@ const options = [
       {
         name: 'Application 1',
         id: 'App1',
-        children: [{ name: 'Settings', id: 'App1Settings' }, { name: 'Current', id: 'App1Current' }]
+        children: [
+          { name: 'Settings', id: 'App1Settings' },
+          { name: 'Current', id: 'App1Current' }
+        ]
       },
       {
         name: 'Application 2',
@@ -41,7 +44,10 @@ const options = [
       {
         name: 'Application 3',
         id: 'App3',
-        children: [{ name: 'Settings', id: 'App3Settings' }, { name: 'Current', id: 'App3Current' }]
+        children: [
+          { name: 'Settings', id: 'App3Settings' },
+          { name: 'Current', id: 'App3Current' }
+        ]
       }
     ]
   },
@@ -68,7 +74,10 @@ const flagOptions = [
       {
         name: 'Application 1',
         id: 'App1',
-        children: [{ name: 'Settings', id: 'App1Settings' }, { name: 'Current', id: 'App1Current' }]
+        children: [
+          { name: 'Settings', id: 'App1Settings' },
+          { name: 'Current', id: 'App1Current' }
+        ]
       },
       {
         name: 'Application 2',
@@ -103,7 +112,10 @@ const flagOptions = [
       {
         name: 'Application 3',
         id: 'App3',
-        children: [{ name: 'Settings', id: 'App3Settings' }, { name: 'Current', id: 'App3Current' }]
+        children: [
+          { name: 'Settings', id: 'App3Settings' },
+          { name: 'Current', id: 'App3Current' }
+        ]
       }
     ]
   },
@@ -123,45 +135,45 @@ const active = [
   {
     name: 'Application 1',
     id: 'App1',
-    children: [{ name: 'Settings', id: 'App1Settings' }, { name: 'Current', id: 'App1Current' }]
+    children: [
+      { name: 'Settings', id: 'App1Settings' },
+      { name: 'Current', id: 'App1Current' }
+    ]
   }
 ];
 
 describe('tree view', () => {
   test('renders basic successfully', () => {
-    const view = render(<TreeView data={options} onSelect={jest.fn()} />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<TreeView data={options} onSelect={jest.fn()} />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders active successfully', () => {
-    const view = render(<TreeView data={options} activeItems={active} onSelect={jest.fn()} />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<TreeView data={options} activeItems={active} onSelect={jest.fn()} />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders search successfully', () => {
-    const view = render(
-      <TreeViewSearch
-        onSearch={jest.fn()}
-        id='input-search'
-        name='search-input'
-        aria-label='Search input example'
-      />
+    const { asFragment } = render(
+      <TreeViewSearch onSearch={jest.fn()} id="input-search" name="search-input" aria-label="Search input example" />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders toolbar successfully', () => {
-    const view = render(<TreeView data={options} activeItems={active} onSelect={jest.fn()} toolbar={<div>test</div>} />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(
+      <TreeView data={options} activeItems={active} onSelect={jest.fn()} toolbar={<div>test</div>} />
+    );
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders checkboxes successfully', () => {
-    const view = render(<TreeView data={options} activeItems={active} onSelect={jest.fn()} hasChecks />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<TreeView data={options} activeItems={active} onSelect={jest.fn()} hasChecks />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders icons successfully', () => {
-    const view = render(
+    const { asFragment } = render(
       <TreeView
         data={options}
         activeItems={active}
@@ -170,31 +182,31 @@ describe('tree view', () => {
         expandedIcon={<FolderOpenIcon />}
       />
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders badges successfully', () => {
-    const view = render(<TreeView data={options} activeItems={active} onSelect={jest.fn()} hasBadges />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<TreeView data={options} activeItems={active} onSelect={jest.fn()} hasBadges />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders individual flag options successfully', () => {
-    const view = render(<TreeView data={flagOptions} activeItems={active} onSelect={jest.fn()} />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<TreeView data={flagOptions} activeItems={active} onSelect={jest.fn()} />);
+    expect(asFragment()).toMatchSnapshot();
   });
 });
 
 test('renders guides successfully', () => {
-  const view = render(<TreeView data={options} onSelect={jest.fn()} hasGuides={true}/>);
-    expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<TreeView data={options} onSelect={jest.fn()} hasGuides={true} />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('renders compact successfully', () => {
-  const view = render(<TreeView data={options} onSelect={jest.fn()} variant='compact'/>);
-    expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<TreeView data={options} onSelect={jest.fn()} variant="compact" />);
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('renders compact no background successfully', () => {
-  const view = render(<TreeView data={options} onSelect={jest.fn()} variant='compactNoBackground' />);
-    expect(view.container).toMatchSnapshot();
-});
+  const { asFragment } = render(<TreeView data={options} onSelect={jest.fn()} variant="compactNoBackground" />);
+  expect(asFragment()).toMatchSnapshot();
+});

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders compact no background successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view pf-m-compact pf-m-no-background"
   >
@@ -323,11 +323,11 @@ exports[`renders compact no background successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`renders compact successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view pf-m-compact"
   >
@@ -649,11 +649,11 @@ exports[`renders compact successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`renders guides successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view pf-m-guides"
   >
@@ -951,11 +951,11 @@ exports[`renders guides successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`tree view renders active successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view"
   >
@@ -1253,11 +1253,11 @@ exports[`tree view renders active successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`tree view renders badges successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view"
   >
@@ -1609,11 +1609,11 @@ exports[`tree view renders badges successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`tree view renders basic successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view"
   >
@@ -1911,11 +1911,11 @@ exports[`tree view renders basic successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`tree view renders checkboxes successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view"
   >
@@ -2285,11 +2285,11 @@ exports[`tree view renders checkboxes successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`tree view renders icons successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view"
   >
@@ -2689,11 +2689,11 @@ exports[`tree view renders icons successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`tree view renders individual flag options successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view"
   >
@@ -3065,11 +3065,11 @@ exports[`tree view renders individual flag options successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`tree view renders search successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view__search"
   >
@@ -3081,11 +3081,11 @@ exports[`tree view renders search successfully 1`] = `
       type="search"
     />
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`tree view renders toolbar successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tree-view"
   >
@@ -3389,5 +3389,5 @@ exports[`tree view renders toolbar successfully 1`] = `
       </li>
     </ul>
   </div>
-</div>
+</DocumentFragment>
 `;

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

@@ -3,16 +3,28 @@ import { render } from '@testing-library/react';
 import { Truncate } from '../Truncate';
 
 test('renders default truncation', () => {
-  const view = render(<Truncate content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(
+    <Truncate content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'} />
+  );
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('renders start truncation', () => {
-  const view = render(<Truncate content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'} position={'start'} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(
+    <Truncate
+      content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'}
+      position={'start'}
+    />
+  );
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('renders middle truncation', () => {
-  const view = render(<Truncate content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'} position={'middle'} />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(
+    <Truncate
+      content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'}
+      position={'middle'}
+    />
+  );
+  expect(asFragment()).toMatchSnapshot();
 });

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders default truncation 1`] = `
-<div>
+<DocumentFragment>
   <span
     class="pf-c-truncate"
   >
@@ -11,11 +11,11 @@ exports[`renders default truncation 1`] = `
       Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.
     </span>
   </span>
-</div>
+</DocumentFragment>
 `;
 
 exports[`renders middle truncation 1`] = `
-<div>
+<DocumentFragment>
   <span
     class="pf-c-truncate"
   >
@@ -30,20 +30,19 @@ exports[`renders middle truncation 1`] = `
       cumsan.
     </span>
   </span>
-</div>
+</DocumentFragment>
 `;
 
 exports[`renders start truncation 1`] = `
-<div>
+<DocumentFragment>
   <span
     class="pf-c-truncate"
   >
     <span
       class="pf-c-truncate__end"
     >
-      Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.
-      ‎
+      Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.‎
     </span>
   </span>
-</div>
+</DocumentFragment>
 `;

package/src/components/Wizard/__tests__/Generated/WizardBody.test.tsx

@@ -8,7 +8,7 @@ import { WizardBody } from '../../WizardBody';
 import {} from '../..';
 
 it('WizardBody should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <WizardBody
       children={'any'}
       hasNoBodyPadding={false}
@@ -17,5 +17,5 @@ it('WizardBody should match snapshot (auto-generated)', () => {
       mainComponent={'div'}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Wizard/__tests__/Generated/WizardFooter.test.tsx

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

package/src/components/Wizard/__tests__/Generated/WizardFooterInternal.test.tsx

@@ -8,18 +8,18 @@ import { WizardFooterInternal } from '../../WizardFooterInternal';
 import {} from '../..';
 
 it('WizardFooterInternal should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <WizardFooterInternal
       onNext={'any'}
       onBack={'any'}
       onClose={'any'}
       isValid={true}
       firstStep={true}
-      activeStep={{} /*unrecognizedType WizardStep undefined*/}
+      activeStep={{ name: 'some step' }}
       nextButtonText={<div>ReactNode</div>}
       backButtonText={<div>ReactNode</div>}
       cancelButtonText={<div>ReactNode</div>}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Wizard/__tests__/Generated/WizardHeader.test.tsx

@@ -8,7 +8,7 @@ import { WizardHeader } from '../../WizardHeader';
 import {} from '../..';
 
 it('WizardHeader should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <WizardHeader
       onClose={() => undefined}
       title={'string'}
@@ -19,5 +19,5 @@ it('WizardHeader should match snapshot (auto-generated)', () => {
       descriptionId={'string'}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Wizard/__tests__/Generated/WizardNav.test.tsx

@@ -8,8 +8,8 @@ import { WizardNav } from '../../WizardNav';
 import {} from '../..';
 
 it('WizardNav should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <WizardNav children={'any'} aria-label={'string'} aria-labelledby={'string'} isOpen={false} returnList={false} />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Wizard/__tests__/Generated/WizardNavItem.test.tsx

@@ -8,7 +8,7 @@ import { WizardNavItem } from '../../WizardNavItem';
 import {} from '../..';
 
 it('WizardNavItem should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <WizardNavItem
       children={<>ReactNode</>}
       content={''}
@@ -20,5 +20,5 @@ it('WizardNavItem should match snapshot (auto-generated)', () => {
       href={'null'}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Wizard/__tests__/Generated/WizardToggle.test.tsx

@@ -8,11 +8,11 @@ import { WizardToggle } from '../../WizardToggle';
 import {} from '../..';
 
 it('WizardToggle should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <WizardToggle
-      nav={(isWizardNavOpen: boolean) => undefined as React.ReactElement}
+      nav={(_isWizardNavOpen: boolean) => undefined as React.ReactElement}
       steps={[]}
-      activeStep={{} /*unrecognizedType WizardStep undefined*/}
+      activeStep={{ name: 'some step' }}
       children={<div>ReactNode</div>}
       hasNoBodyPadding={false}
       isNavOpen={true}
@@ -23,5 +23,5 @@ it('WizardToggle should match snapshot (auto-generated)', () => {
       isInPage={true}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardBody.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`WizardBody should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     aria-label="null"
     aria-labelledby="string"
@@ -13,5 +13,5 @@ exports[`WizardBody should match snapshot (auto-generated) 1`] = `
       any
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooter.test.tsx.snap

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

package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooterInternal.test.tsx.snap

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

package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardHeader.test.tsx.snap

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

package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNav.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`WizardNav should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <nav
     aria-label="string"
     aria-labelledby="string"
@@ -13,5 +13,5 @@ exports[`WizardNav should match snapshot (auto-generated) 1`] = `
       any
     </ol>
   </nav>
-</div>
+</DocumentFragment>
 `;

package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNavItem.test.tsx.snap

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

package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`WizardToggle should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <button
     aria-expanded="true"
     aria-label="'Wizard Toggle'"
@@ -57,5 +57,5 @@ exports[`WizardToggle should match snapshot (auto-generated) 1`] = `
       ReactNode
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

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

@@ -1,8 +1,5 @@
 import React from 'react';
-
 import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-
 import { Wizard, WizardStepFunctionType, WizardStep } from '../Wizard';
 
 describe('Wizard', () => {
@@ -96,7 +93,7 @@ describe('Wizard', () => {
   test('wiz with title', () => {
     const steps: WizardStep[] = [{ name: 'A', component: <p>Step 1</p> }];
 
-    render(<Wizard title="Wizard" description="This wizard has a title" steps={steps} data-testid="wizard-test-id" />);
+    render(<Wizard title="Wizard" description="This wizard has a title" steps={steps} />);
     expect(screen.getByRole('heading', { name: 'Wizard' })).toBeInTheDocument();
   });