@patternfly/react-core 4.206.5 → 4.208.0

package/src/components/Dropdown/__tests__/InternalDropdownItem.test.tsx

@@ -1,80 +1,82 @@
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { InternalDropdownItem } from '../InternalDropdownItem';
 
 describe('InternalDropdownItem', () => {
   describe('dropdown items', () => {
     test('a', () => {
-      render(<InternalDropdownItem>Something</InternalDropdownItem>);
-      expect(screen.getByText('Something').outerHTML).toMatchSnapshot();
+      const { asFragment } = render(<InternalDropdownItem>Something</InternalDropdownItem>);
+      expect(asFragment()).toMatchSnapshot();
     });
 
     test('button', () => {
-      render(<InternalDropdownItem component="button">Something</InternalDropdownItem>);
-      expect(screen.getByText('Something').outerHTML).toMatchSnapshot();
+      const { asFragment } = render(<InternalDropdownItem component="button">Something</InternalDropdownItem>);
+      expect(asFragment()).toMatchSnapshot();
     });
 
     describe('hover', () => {
       test('a', () => {
-        render(<InternalDropdownItem isHovered>Something</InternalDropdownItem>);
-        expect(screen.getByText('Something').outerHTML).toMatchSnapshot();
+        const { asFragment } = render(<InternalDropdownItem isHovered>Something</InternalDropdownItem>);
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('button', () => {
-        render(
+        const { asFragment } = render(
           <InternalDropdownItem isHovered component="button">
             Something
           </InternalDropdownItem>
         );
-        expect(screen.getByText('Something').outerHTML).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
     });
 
     describe('disabled', () => {
       test('a', () => {
-        render(<InternalDropdownItem isDisabled>Something</InternalDropdownItem>);
-        expect(screen.getByText('Something').outerHTML).toMatchSnapshot();
+        const { asFragment } = render(<InternalDropdownItem isDisabled>Something</InternalDropdownItem>);
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('button', () => {
-        render(
+        const { asFragment } = render(
           <InternalDropdownItem isDisabled component="button">
             Something
           </InternalDropdownItem>
         );
-        expect(screen.getByText('Something').outerHTML).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
     });
 
     describe('aria-disabled', () => {
       test('a', () => {
-        render(<InternalDropdownItem isAriaDisabled>Something</InternalDropdownItem>);
-        expect(screen.getByText('Something').outerHTML).toMatchSnapshot();
+        const { asFragment } = render(<InternalDropdownItem isAriaDisabled>Something</InternalDropdownItem>);
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('button', () => {
-        render(
+        const { asFragment } = render(
           <InternalDropdownItem isAriaDisabled component="button">
             Something
           </InternalDropdownItem>
         );
-        expect(screen.getByText('Something').outerHTML).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
     });
 
     describe('description', () => {
       test('a', () => {
-        render(<InternalDropdownItem description="Something's link description">Something</InternalDropdownItem>);
-        expect(screen.getByText("Something's link description").outerHTML).toMatchSnapshot();
+        const { asFragment } = render(
+          <InternalDropdownItem description="Something's link description">Something</InternalDropdownItem>
+        );
+        expect(asFragment()).toMatchSnapshot();
       });
 
       test('button', () => {
-        render(
+        const { asFragment } = render(
           <InternalDropdownItem description="Something's button description" component="button">
             Something
           </InternalDropdownItem>
         );
-        expect(screen.getByText("Something's button description").outerHTML).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
       });
     });
   });

package/src/components/Dropdown/__tests__/Toggle.test.tsx

@@ -4,10 +4,10 @@ import { DropdownToggle } from '../DropdownToggle';
 import { KebabToggle } from '../KebabToggle';
 
 test('Dropdown toggle', () => {
-  const view = render(<DropdownToggle id="Dropdown Toggle">Dropdown</DropdownToggle>);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<DropdownToggle id="Dropdown Toggle">Dropdown</DropdownToggle>);
+  expect(asFragment()).toMatchSnapshot();
 });
 test('Kebab toggle', () => {
-  const view = render(<KebabToggle id="Dropdown Toggle" />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<KebabToggle id="Dropdown Toggle" />);
+  expect(asFragment()).toMatchSnapshot();
 });