@patternfly/react-core 4.206.4 → 4.207.0

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

@@ -1,21 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`action list isIconList flag adds modifier 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-action-list pf-m-icons"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`action list renders successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-action-list"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/ActionList/__tests__/__snapshots__/ActionListGroup.test.tsx.snap

@@ -1,11 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`action list group renders successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-action-list__group"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/ActionList/__tests__/__snapshots__/ActionListItem.test.tsx.snap

@@ -1,11 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`action list item renders successfully 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-action-list__item"
   >
     test
   </div>
-</div>
+</DocumentFragment>
 `;

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
@@ -10,45 +11,45 @@ import { UsersIcon } from '@patternfly/react-icons';
 describe('Alert', () => {
   test('default Alert variant is default', () => {
     render(<Alert title="this is a test">Alert testing</Alert>);
-    expect(screen.getByText('this is a test').className).toContain('pf-c-alert');
+    expect(screen.getByText('this is a test')).toHaveClass('pf-c-alert__title');
   });
 
   Object.values(AlertVariant).forEach(variant => {
     describe(`Alert - ${variant}`, () => {
       test('Description', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert variant={variant} title="">
             Some alert
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('Title', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert variant={variant} title="Some title">
             Some alert
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('Heading level', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert variant={variant} title="Some title" titleHeadingLevel="h1">
             Some alert
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('Action Link', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert variant={variant} actionLinks={[<AlertActionLink key={'action-1'}>test</AlertActionLink>]} title="">
             Some alert
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('Action Close Button', () => {
@@ -69,7 +70,7 @@ describe('Alert', () => {
       });
 
       test('Action and Title', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert
             variant={variant}
             actionLinks={[<AlertActionLink key={'action-1'}>test</AlertActionLink>]}
@@ -78,11 +79,11 @@ describe('Alert', () => {
             Some alert
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('Custom aria label', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert
             variant={variant}
             aria-label={`Custom aria label for ${variant}`}
@@ -92,25 +93,25 @@ describe('Alert', () => {
             Some alert
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('inline variation', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert variant={variant} isInline title="Some title">
             Some alert
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('expandable variation', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert variant={variant} title="Some title" isExpandable>
             <p>Success alert description. This should tell the user more information about the alert.</p>
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('expandable variation description hidden', () => {
@@ -126,12 +127,12 @@ describe('Alert', () => {
       });
 
       test('Toast alerts match snapsnot', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert isLiveRegion={true} variant={variant} aria-label={`${variant} toast alert`} title="Some title">
             Some toast alert
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('Toast alerts contain default live region', () => {
@@ -143,7 +144,7 @@ describe('Alert', () => {
           </Alert>
         );
 
-        expect(screen.getByLabelText(ariaLabel).getAttribute('aria-live')).toEqual('polite');
+        expect(screen.getByLabelText(ariaLabel)).toHaveAttribute('aria-live', 'polite');
       });
 
       test('Toast alert live regions are not atomic', () => {
@@ -155,7 +156,7 @@ describe('Alert', () => {
           </Alert>
         );
 
-        expect(screen.getByLabelText(ariaLabel).getAttribute('aria-atomic')).toEqual('false');
+        expect(screen.getByLabelText(ariaLabel)).toHaveAttribute('aria-atomic', 'false');
       });
 
       test('Non-toast alerts can have custom live region settings', () => {
@@ -175,13 +176,13 @@ describe('Alert', () => {
         );
         const alert = screen.getByLabelText(ariaLabel);
 
-        expect(alert.getAttribute('aria-live')).toEqual('assertive');
-        expect(alert.getAttribute('aria-relevant')).toEqual('all');
-        expect(alert.getAttribute('aria-atomic')).toEqual('true');
+        expect(alert).toHaveAttribute('aria-live', 'assertive');
+        expect(alert).toHaveAttribute('aria-relevant', 'all');
+        expect(alert).toHaveAttribute('aria-atomic', 'true');
       });
 
       test('Custom icon', () => {
-        const view = render(
+        const { asFragment } = render(
           <Alert
             customIcon={<UsersIcon />}
             variant={variant}
@@ -191,7 +192,7 @@ describe('Alert', () => {
             Some noisy alert
           </Alert>
         );
-        expect(view.container).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
     });
   });
@@ -203,6 +204,6 @@ describe('Alert', () => {
       </Alert>
     );
 
-    expect(screen.getByText('this is a test').className).toContain('pf-m-truncate');
+    expect(screen.getByText('this is a test')).toHaveClass('pf-m-truncate');
   });
 });

package/src/components/Alert/__tests__/Generated/AlertActionCloseButton.test.tsx

@@ -7,7 +7,7 @@ import { AlertContext } from '../../AlertContext';
 
 describe('AlertActionCloseButton', () => {
   it('should match snapshot', () => {
-    const view = render(
+    const { asFragment } = render(
       <AlertContext.Provider value={{ title: 'test title', variantLabel: 'some label' }}>
         <AlertActionCloseButton
           className=""
@@ -17,6 +17,6 @@ describe('AlertActionCloseButton', () => {
         />
       </AlertContext.Provider>
     );
-    expect(view.container).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/Alert/__tests__/Generated/AlertActionLink.test.tsx

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

package/src/components/Alert/__tests__/Generated/AlertIcon.test.tsx

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

package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionCloseButton.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AlertActionCloseButton should match snapshot 1`] = `
-<div>
+<DocumentFragment>
   <button
     aria-disabled="false"
     aria-label="Close some label alert: test title"
@@ -25,5 +25,5 @@ exports[`AlertActionCloseButton should match snapshot 1`] = `
       />
     </svg>
   </button>
-</div>
+</DocumentFragment>
 `;

package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionLink.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AlertActionLink should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <button
     aria-disabled="false"
     class="pf-c-button pf-m-link pf-m-inline ''"
@@ -12,5 +12,5 @@ exports[`AlertActionLink should match snapshot (auto-generated) 1`] = `
   >
     string
   </button>
-</div>
+</DocumentFragment>
 `;

package/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap

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