@patternfly/react-core 4.202.17 → 4.202.18

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

@@ -1,20 +1,18 @@
 import React from 'react';
-import { NotificationDrawer } from '../NotificationDrawer';
-import { render } from '@testing-library/react';
-import { shallow } from 'enzyme';
 
-test('renders with PatternFly Core styles', () => {
-  const view = render(<NotificationDrawer />);
-  expect(view.container).toMatchSnapshot();
-});
+import { render, screen } from '@testing-library/react';
+import "@testing-library/jest-dom";
 
-test('className is added to the root element', () => {
-  const view = shallow(<NotificationDrawer className="extra-class" />);
-  expect(view.prop('className')).toMatchSnapshot();
-});
+import { NotificationDrawer } from '../NotificationDrawer';
+
+describe('NotificationDrawer', () => {
+  test('renders with PatternFly Core styles', () => {
+    const { asFragment } = render(<NotificationDrawer />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('extra props are spread to the root element', () => {
-  const testId = 'notification-drawer';
-  const view = shallow(<NotificationDrawer data-testid={testId} />);
-  expect(view.prop('data-testid')).toBe(testId);
+  test('className is added to the root element', () => {
+    render(<NotificationDrawer className="extra-class" data-testid="test-id" />);
+    expect(screen.getByTestId('test-id')).toHaveClass('extra-class');
+  });
 });

package/src/components/NotificationDrawer/__tests__/NotificationDrawerBody.test.tsx

@@ -1,20 +1,18 @@
 import React from 'react';
-import { NotificationDrawerBody } from '../NotificationDrawerBody';
-import { render } from '@testing-library/react';
-import { shallow } from 'enzyme';
 
-test('renders with PatternFly Core styles', () => {
-  const view = render(<NotificationDrawerBody />);
-  expect(view.container).toMatchSnapshot();
-});
+import { render, screen } from '@testing-library/react';
+import "@testing-library/jest-dom";
 
-test('className is added to the root element', () => {
-  const view = shallow(<NotificationDrawerBody className="extra-class" />);
-  expect(view.prop('className')).toMatchSnapshot();
-});
+import { NotificationDrawerBody } from '../NotificationDrawerBody';
+
+describe('NotificationDrawerBody', () => {
+  test('renders with PatternFly Core styles', () => {
+    const { asFragment } = render(<NotificationDrawerBody />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('extra props are spread to the root element', () => {
-  const testId = 'notification-drawer';
-  const view = shallow(<NotificationDrawerBody data-testid={testId} />);
-  expect(view.prop('data-testid')).toBe(testId);
+  test('className is added to the root element', () => {
+    render(<NotificationDrawerBody className="extra-class" data-testid="test-id" />);
+    expect(screen.getByTestId('test-id')).toHaveClass('extra-class');
+  });
 });

package/src/components/NotificationDrawer/__tests__/NotificationDrawerGroup.test.tsx

@@ -1,34 +1,28 @@
 import React from 'react';
-import { NotificationDrawerGroup } from '../NotificationDrawerGroup';
-import { render } from '@testing-library/react';
-import { shallow } from 'enzyme';
 
-test('renders with PatternFly Core styles', () => {
-  const view = render(<NotificationDrawerGroup count={2} isExpanded={false} title="Critical Alerts" />);
-  expect(view.container).toMatchSnapshot();
-});
+import { render, screen } from '@testing-library/react';
+import "@testing-library/jest-dom";
 
-test('className is added to the root element', () => {
-  const view = shallow(
-    <NotificationDrawerGroup count={2} isExpanded={false} title="Critical Alerts" className="extra-class" />
-  );
-  expect(view.prop('className')).toMatchSnapshot();
-});
+import { NotificationDrawerGroup } from '../NotificationDrawerGroup';
 
-test('extra props are spread to the root element', () => {
-  const testId = 'notification-drawer';
-  const view = shallow(
-    <NotificationDrawerGroup count={2} isExpanded={false} title="Critical Alerts" data-testid={testId} />
-  );
-  expect(view.prop('data-testid')).toBe(testId);
-});
+describe('NotificationDrawerGroup', () => {
+  test('renders with PatternFly Core styles', () => {
+    const { asFragment } = render(<NotificationDrawerGroup count={2} isExpanded={false} title="Critical Alerts" />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('drawer group with isExpanded applied ', () => {
-  const view = render(<NotificationDrawerGroup count={2} isExpanded title="Critical Alerts" />);
-  expect(view.container).toMatchSnapshot();
-});
+  test('className is added to the root element', () => {
+    render(<NotificationDrawerGroup count={2} isExpanded={false} title="Critical Alerts" className="extra-class" data-testid='test-id' />);
+    expect(screen.getByTestId('test-id')).toHaveClass('extra-class');
+  });
+
+  test('drawer group with isExpanded applied ', () => {
+    const { asFragment } = render(<NotificationDrawerGroup count={2} isExpanded title="Critical Alerts" />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('drawer group with isRead applied ', () => {
-  const view = render(<NotificationDrawerGroup count={2} isExpanded={false} isRead={true} title="Critical Alerts" />);
-  expect(view.container).toMatchSnapshot();
+  test('drawer group with isRead applied ', () => {
+    const { asFragment } = render(<NotificationDrawerGroup count={2} isExpanded={false} isRead={true} title="Critical Alerts" />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/src/components/NotificationDrawer/__tests__/NotificationDrawerGroupList.test.tsx

@@ -1,20 +1,18 @@
 import React from 'react';
-import { NotificationDrawerGroupList } from '../NotificationDrawerGroupList';
-import { render } from '@testing-library/react';
-import { shallow } from 'enzyme';
 
-test('renders with PatternFly Core styles', () => {
-  const view = render(<NotificationDrawerGroupList />);
-  expect(view.container).toMatchSnapshot();
-});
+import { render, screen } from '@testing-library/react';
+import "@testing-library/jest-dom";
 
-test('className is added to the root element', () => {
-  const view = shallow(<NotificationDrawerGroupList className="extra-class" />);
-  expect(view.prop('className')).toMatchSnapshot();
-});
+import { NotificationDrawerGroupList } from '../NotificationDrawerGroupList';
+
+describe('NotificationDrawerGroupList', () => {
+  test('renders with PatternFly Core styles', () => {
+    const { asFragment } = render(<NotificationDrawerGroupList />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('extra props are spread to the root element', () => {
-  const testId = 'notification-drawer';
-  const view = shallow(<NotificationDrawerGroupList data-testid={testId} />);
-  expect(view.prop('data-testid')).toBe(testId);
+  test('className is added to the root element', () => {
+    render(<NotificationDrawerGroupList className="extra-class" data-testid="test-id" />);
+    expect(screen.getByTestId('test-id')).toHaveClass('extra-class');
+  });
 });

package/src/components/NotificationDrawer/__tests__/NotificationDrawerHeader.test.tsx

@@ -1,35 +1,33 @@
 import React from 'react';
-import { NotificationDrawerHeader } from '../NotificationDrawerHeader';
-import { render } from '@testing-library/react';
-import { shallow } from 'enzyme';
 
-test('renders with PatternFly Core styles', () => {
-  const view = render(<NotificationDrawerHeader />);
-  expect(view.container).toMatchSnapshot();
-});
+import { render, screen } from '@testing-library/react';
+import "@testing-library/jest-dom";
 
-test('className is added to the root element', () => {
-  const view = shallow(<NotificationDrawerHeader className="extra-class" />);
-  expect(view.prop('className')).toMatchSnapshot();
-});
+import { NotificationDrawerHeader } from '../NotificationDrawerHeader';
 
-test('extra props are spread to the root element', () => {
-  const testId = 'notification-drawer';
-  const view = shallow(<NotificationDrawerHeader data-testid={testId} />);
-  expect(view.prop('data-testid')).toBe(testId);
-});
+describe('NotificationDrawerHeader', () => {
+  test('renders with PatternFly Core styles', () => {
+    const { asFragment } = render(<NotificationDrawerHeader />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('drawer header with count applied', () => {
-  const view = render(<NotificationDrawerHeader count={2} />);
-  expect(view.container).toMatchSnapshot();
-});
+  test('className is added to the root element', () => {
+    render(<NotificationDrawerHeader className="extra-class" />);
+    expect(screen.getByText('Notifications').parentElement).toHaveClass('extra-class');
+  });
 
-test('drawer header with title applied', () => {
-  const view = render(<NotificationDrawerHeader title="Notifications" />);
-  expect(view.container).toMatchSnapshot();
-});
+  test('drawer header with count applied', () => {
+    const { asFragment } = render(<NotificationDrawerHeader count={2} />);
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  test('drawer header with title applied', () => {
+    const { asFragment } = render(<NotificationDrawerHeader title="Some Title" />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('drawer header with custom unread text applied', () => {
-  const view = render(<NotificationDrawerHeader customText="2 unread alerts" />);
-  expect(view.container).toMatchSnapshot();
+  test('drawer header with custom unread text applied', () => {
+    const { asFragment } = render(<NotificationDrawerHeader customText="2 unread alerts" />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/src/components/NotificationDrawer/__tests__/NotificationDrawerList.test.tsx

@@ -1,25 +1,23 @@
 import React from 'react';
-import { NotificationDrawerList } from '../NotificationDrawerList';
-import { render } from '@testing-library/react';
-import { shallow } from 'enzyme';
 
-test('renders with PatternFly Core styles', () => {
-  const view = render(<NotificationDrawerList />);
-  expect(view.container).toMatchSnapshot();
-});
+import { render, screen } from '@testing-library/react';
+import "@testing-library/jest-dom";
 
-test('className is added to the root element', () => {
-  const view = shallow(<NotificationDrawerList className="extra-class" />);
-  expect(view.prop('className')).toMatchSnapshot();
-});
+import { NotificationDrawerList } from '../NotificationDrawerList';
 
-test('extra props are spread to the root element', () => {
-  const testId = 'notification-drawer';
-  const view = shallow(<NotificationDrawerList data-testid={testId} />);
-  expect(view.prop('data-testid')).toBe(testId);
-});
+describe('NotificationDrawerList', () => {
+  test('renders with PatternFly Core styles', () => {
+    const { asFragment } = render(<NotificationDrawerList />);
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  test('className is added to the root element', () => {
+    render(<NotificationDrawerList className="extra-class" />);
+    expect(screen.getByRole('list')).toHaveClass('extra-class');
+  });
 
-test('drawer list with hidden applied ', () => {
-  const view = render(<NotificationDrawerList hidden />);
-  expect(view.container).toMatchSnapshot();
+  test('drawer list with hidden applied ', () => {
+    const { asFragment } = render(<NotificationDrawerList isHidden />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItem.test.tsx

@@ -1,35 +1,28 @@
 import React from 'react';
-import { NotificationDrawerListItem } from '../NotificationDrawerListItem';
-import { render } from '@testing-library/react';
-import { shallow } from 'enzyme';
 
-test('renders with PatternFly Core styles', () => {
-  const view = render(<NotificationDrawerListItem />);
-  expect(view.container).toMatchSnapshot();
-});
+import { render, screen } from '@testing-library/react';
+import "@testing-library/jest-dom";
 
-test('className is added to the root element', () => {
-  const view = shallow(<NotificationDrawerListItem className="extra-class" />);
-  expect(view.prop('className')).toMatchSnapshot();
-});
+import { NotificationDrawerListItem } from '../NotificationDrawerListItem';
 
-test('extra props are spread to the root element', () => {
-  const testId = 'notification-drawer';
-  const view = shallow(<NotificationDrawerListItem data-testid={testId} />);
-  expect(view.prop('data-testid')).toBe(testId);
-});
+describe('NotificationDrawerListItem', () => {
+  test('renders with PatternFly Core styles', () => {
+    const { asFragment } = render(<NotificationDrawerListItem />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('drawer list item with isHoverable applied ', () => {
-  const view = shallow(<NotificationDrawerListItem isHoverable />);
-  expect(view.prop('className')).toMatch(/hoverable/);
-});
+  test('className is added to the root element', () => {
+    render(<NotificationDrawerListItem className="extra-class" />);
+    expect(screen.getByRole('listitem')).toHaveClass('extra-class');
+  });
 
-test('drawer list item with isRead applied ', () => {
-  const view = shallow(<NotificationDrawerListItem isRead />);
-  expect(view.prop('className')).toMatch(/read/);
-});
+  test('drawer list item with isHoverable applied', () => {
+    render(<NotificationDrawerListItem isHoverable />);
+    expect(screen.getByRole('listitem')).toHaveClass('pf-m-hoverable');
+  });
 
-test('drawer list item with tabIndex value applied ', () => {
-  const view = shallow(<NotificationDrawerListItem tabIndex={4} />);
-  expect(view.prop('tabIndex')).toBe(4);
+  test('drawer list item with isRead applied', () => {
+    render(<NotificationDrawerListItem isRead />);
+    expect(screen.getByRole('listitem')).toHaveClass('pf-m-read');
+  });
 });

package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItemBody.test.tsx

@@ -1,19 +1,23 @@
 import React from 'react';
+
+import { render, screen } from '@testing-library/react';
+import "@testing-library/jest-dom";
+
 import { NotificationDrawerListItemBody } from '../NotificationDrawerListItemBody';
-import { render } from '@testing-library/react';
-import { shallow } from 'enzyme';
 
-test('renders with PatternFly Core styles', () => {
-  const view = render(<NotificationDrawerListItemBody />);
-  expect(view.container).toMatchSnapshot();
-});
+describe('NotificationDrawerListItemBody', () => {
+  test('renders with PatternFly Core styles', () => {
+    const { asFragment } = render(<NotificationDrawerListItemBody />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('className is added to the root element', () => {
-  const view = shallow(<NotificationDrawerListItemBody className="extra-class" />);
-  expect(view.prop('className')).toMatchSnapshot();
-});
+  test('className is added to the root element', () => {
+    render(<NotificationDrawerListItemBody className="extra-class" data-testid="test-id" />);
+    expect(screen.getByTestId('test-id')).toHaveClass('extra-class');
+  });
 
-test('list item body with timestamp property applied ', () => {
-  const view = render(<NotificationDrawerListItemBody timestamp="5 minutes ago" />);
-  expect(view.container).toMatchSnapshot();
+  test('list item body with timestamp property applied', () => {
+    const { asFragment } = render(<NotificationDrawerListItemBody timestamp="5 minutes ago" />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItemHeader.test.tsx

@@ -1,35 +1,40 @@
 import React from 'react';
-import { render } from '@testing-library/react';
-import { mount } from 'enzyme';
+
+import { render, screen } from '@testing-library/react';
+import "@testing-library/jest-dom";
+
 import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
 import { NotificationDrawerListItemHeader } from '../NotificationDrawerListItemHeader';
 
-test('renders with PatternFly Core styles', () => {
-  const view = render(<NotificationDrawerListItemHeader title="Pod quit unexpectedly"/>);
-  expect(view.container).toMatchSnapshot();
-});
+describe('NotificationDrawerListItemHeader', () => {
+  test('renders with PatternFly Core styles', () => {
+    const { asFragment } = render(<NotificationDrawerListItemHeader title="Pod quit unexpectedly" />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('className is added to the root element', () => {
-  const view = mount(<NotificationDrawerListItemHeader title="Pod quit unexpectedly" className="extra-class" />);
-  expect(view.prop('className')).toMatchSnapshot();
-});
+  test('className is added to the root element', () => {
+    render(<NotificationDrawerListItemHeader title="Pod quit unexpectedly" className="extra-class" data-testid='test-id' />);
+    expect(screen.getByTestId('test-id')).toHaveClass('extra-class');
+  });
 
-test('list item header with custom icon applied ', () => {
-  const view = render(<NotificationDrawerListItemHeader title="Pod quit unexpectedly" icon={<BellIcon />} />);
-  expect(view.container).toMatchSnapshot();
-});
+  test('list item header with custom icon applied ', () => {
+    const { asFragment } = render(<NotificationDrawerListItemHeader title="Pod quit unexpectedly" icon={<BellIcon />} />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('list item header with srTitle applied ', () => {
-  const view = render(<NotificationDrawerListItemHeader title="Pod quit unexpectedly" srTitle="screen reader title" />);
-  expect(view.container).toMatchSnapshot();
-});
+  test('list item header with srTitle applied ', () => {
+    const { asFragment } = render(<NotificationDrawerListItemHeader title="Pod quit unexpectedly" srTitle="screen reader title" />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 
-test('list item header with variant applied ', () => {
-  const view = render(<NotificationDrawerListItemHeader title="Pod quit unexpectedly" variant="success" />);
-  expect(view.container).toMatchSnapshot();
-});
+  test('list item header with variant applied ', () => {
+    const { asFragment } = render(<NotificationDrawerListItemHeader title="Pod quit unexpectedly" variant="success" />);
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  test('list item header with truncateTitle', () => {
+    render(<NotificationDrawerListItemHeader truncateTitle={1} title="Pod quit unexpectedly" variant="success" />);
 
-test('list item header with truncateTitle', () => {
-  const view = mount(<NotificationDrawerListItemHeader truncateTitle={1} title="Pod quit unexpectedly" variant="success" />);
-  expect(view.find('h2').prop('className')).toContain('pf-m-truncate');
+    expect(screen.getByText('Pod quit unexpectedly')).toHaveClass('pf-m-truncate');
+  });
 });

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

@@ -1,11 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`className is added to the root element 1`] = `"extra-class"`;
-
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
+exports[`NotificationDrawer renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
   <div
     class="pf-c-notification-drawer"
   />
-</div>
+</DocumentFragment>
 `;

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerBody.test.tsx.snap

@@ -1,11 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`className is added to the root element 1`] = `"pf-c-notification-drawer__body extra-class"`;
-
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
+exports[`NotificationDrawerBody renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
   <div
     class="pf-c-notification-drawer__body"
   />
-</div>
+</DocumentFragment>
 `;

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroup.test.tsx.snap

@@ -1,9 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`className is added to the root element 1`] = `"pf-c-notification-drawer__group extra-class"`;
-
-exports[`drawer group with isExpanded applied  1`] = `
-<div>
+exports[`NotificationDrawerGroup drawer group with isExpanded applied  1`] = `
+<DocumentFragment>
   <section
     class="pf-c-notification-drawer__group pf-m-expanded"
   >
@@ -46,11 +44,11 @@ exports[`drawer group with isExpanded applied  1`] = `
       </button>
     </h1>
   </section>
-</div>
+</DocumentFragment>
 `;
 
-exports[`drawer group with isRead applied  1`] = `
-<div>
+exports[`NotificationDrawerGroup drawer group with isRead applied  1`] = `
+<DocumentFragment>
   <section
     class="pf-c-notification-drawer__group"
   >
@@ -93,11 +91,11 @@ exports[`drawer group with isRead applied  1`] = `
       </button>
     </h1>
   </section>
-</div>
+</DocumentFragment>
 `;
 
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
+exports[`NotificationDrawerGroup renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
   <section
     class="pf-c-notification-drawer__group"
   >
@@ -140,5 +138,5 @@ exports[`renders with PatternFly Core styles 1`] = `
       </button>
     </h1>
   </section>
-</div>
+</DocumentFragment>
 `;

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroupList.test.tsx.snap

@@ -1,11 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`className is added to the root element 1`] = `"pf-c-notification-drawer__group-list extra-class"`;
-
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
+exports[`NotificationDrawerGroupList renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
   <div
     class="pf-c-notification-drawer__group-list"
   />
-</div>
+</DocumentFragment>
 `;

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerHeader.test.tsx.snap

@@ -1,15 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`className is added to the root element 1`] = `"pf-c-notification-drawer__header extra-class"`;
-
-exports[`drawer header with count applied 1`] = `
-<div>
+exports[`NotificationDrawerHeader drawer header with count applied 1`] = `
+<DocumentFragment>
   <div
     class="pf-c-notification-drawer__header"
   >
     <h1
       class="pf-c-notification-drawer__header-title"
-      data-ouia-component-id="OUIA-Generated-Text-2"
+      data-ouia-component-id="OUIA-Generated-Text-3"
       data-ouia-component-type="PF4/Text"
       data-ouia-safe="true"
       data-pf-content="true"
@@ -22,17 +20,17 @@ exports[`drawer header with count applied 1`] = `
       2 unread
     </span>
   </div>
-</div>
+</DocumentFragment>
 `;
 
-exports[`drawer header with custom unread text applied 1`] = `
-<div>
+exports[`NotificationDrawerHeader drawer header with custom unread text applied 1`] = `
+<DocumentFragment>
   <div
     class="pf-c-notification-drawer__header"
   >
     <h1
       class="pf-c-notification-drawer__header-title"
-      data-ouia-component-id="OUIA-Generated-Text-4"
+      data-ouia-component-id="OUIA-Generated-Text-5"
       data-ouia-component-type="PF4/Text"
       data-ouia-safe="true"
       data-pf-content="true"
@@ -45,29 +43,29 @@ exports[`drawer header with custom unread text applied 1`] = `
       2 unread alerts
     </span>
   </div>
-</div>
+</DocumentFragment>
 `;
 
-exports[`drawer header with title applied 1`] = `
-<div>
+exports[`NotificationDrawerHeader drawer header with title applied 1`] = `
+<DocumentFragment>
   <div
     class="pf-c-notification-drawer__header"
   >
     <h1
       class="pf-c-notification-drawer__header-title"
-      data-ouia-component-id="OUIA-Generated-Text-3"
+      data-ouia-component-id="OUIA-Generated-Text-4"
       data-ouia-component-type="PF4/Text"
       data-ouia-safe="true"
       data-pf-content="true"
     >
-      Notifications
+      Some Title
     </h1>
   </div>
-</div>
+</DocumentFragment>
 `;
 
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
+exports[`NotificationDrawerHeader renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
   <div
     class="pf-c-notification-drawer__header"
   >
@@ -81,5 +79,5 @@ exports[`renders with PatternFly Core styles 1`] = `
       Notifications
     </h1>
   </div>
-</div>
+</DocumentFragment>
 `;