@patternfly/react-core 4.206.5 → 4.208.0

package/src/components/LoginPage/__tests__/LoginMainFooterLinksItem.test.tsx

@@ -1,27 +1,27 @@
 import * as React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { LoginMainFooterLinksItem } from '../LoginMainFooterLinksItem';
 
 describe('LoginMainFooterLinksItem', () => {
   test('renders with PatternFly Core styles', () => {
-    render(<LoginMainFooterLinksItem href="#" target="" />);
-    expect(screen.getByRole('listitem').outerHTML).toMatchSnapshot();
+    const { asFragment } = render(<LoginMainFooterLinksItem href="#" target="" />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('className is added to the root element', () => {
-    render(<LoginMainFooterLinksItem className="extra-class" />);
-    expect(screen.getByRole('listitem').outerHTML).toMatchSnapshot();
+    const { asFragment } = render(<LoginMainFooterLinksItem className="extra-class" />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('with custom node', () => {
     const CustomNode = () => <div>My custom node</div>;
 
-    render(
+    const { asFragment } = render(
       <LoginMainFooterLinksItem>
         <CustomNode />
       </LoginMainFooterLinksItem>
     );
 
-    expect(screen.getByRole('listitem').outerHTML).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/LoginPage/__tests__/LoginMainHeader.test.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { LoginMainHeader } from '../LoginMainHeader';
 
 describe('LoginMainHeader', () => {
   test('renders with PatternFly Core styles', () => {
-    render(<LoginMainHeader data-testid="test-id" />);
-    expect(screen.getByTestId('test-id').outerHTML).toMatchSnapshot();
+    const { asFragment } = render(<LoginMainHeader />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('className is added to the root element', () => {
-    render(<LoginMainHeader className="extra-class" data-testid="test-id" />);
-    expect(screen.getByTestId('test-id').outerHTML).toMatchSnapshot();
+    const { asFragment } = render(<LoginMainHeader className="extra-class" />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('title and subtitle are rendered correctly', () => {
-    render(<LoginMainHeader title="Log in to your account" subtitle="Use LDAP credentials" data-testid="test-id" />);
-    expect(screen.getByTestId('test-id').outerHTML).toMatchSnapshot();
+    const { asFragment } = render(<LoginMainHeader title="Log in to your account" subtitle="Use LDAP credentials" />);
+    expect(asFragment()).toMatchSnapshot();
   });
 });

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

@@ -11,7 +11,7 @@ const needAccountMesseage = (
 );
 
 test('check loginpage example against snapshot', () => {
-  const view = render(
+  const { asFragment } = render(
     <LoginPage
       footerListVariants={ListVariant.inline}
       brandImgSrc="Brand src"
@@ -25,5 +25,5 @@ test('check loginpage example against snapshot', () => {
       socialMediaLoginContent="Footer"
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/LoginPage/__tests__/__snapshots__/Login.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Check login layout example against snapshot 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-login"
   >
@@ -11,8 +11,7 @@ exports[`Check login layout example against snapshot 1`] = `
       <header
         class="pf-c-login__header"
       >
-        HeaderBrand
-        Header Text
+        HeaderBrandHeader Text
       </header>
       <main
         class="pf-c-login__main"
@@ -26,5 +25,5 @@ exports[`Check login layout example against snapshot 1`] = `
       </footer>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap

@@ -1,7 +1,406 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LoginForm LoginForm with rememberMeLabel 1`] = `"<form novalidate=\\"\\" data-testid=\\"form-test-id\\" class=\\"pf-c-form\\"><p class=\\"pf-c-form__helper-text pf-m-hidden\\"></p><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-username-id\\"><span class=\\"pf-c-form__label-text\\">Username</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-username-id\\" name=\\"pf-login-username-id\\" class=\\"pf-c-form-control\\" type=\\"text\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-9\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-password-id\\"><span class=\\"pf-c-form__label-text\\">Password</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-password-id\\" name=\\"pf-login-password-id\\" class=\\"pf-c-form-control\\" type=\\"password\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-10\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-check\\"><input id=\\"pf-login-remember-me-id\\" class=\\"pf-c-check__input\\" type=\\"checkbox\\" aria-invalid=\\"false\\" data-ouia-component-type=\\"PF4/Checkbox\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Checkbox-4\\"><label class=\\"pf-c-check__label\\" for=\\"pf-login-remember-me-id\\">Remember me</label></div></div></div><div class=\\"pf-c-form__group pf-m-action\\"><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-form__actions\\"><button aria-disabled=\\"false\\" class=\\"pf-c-button pf-m-primary pf-m-block\\" type=\\"submit\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-primary-5\\">Log In</button></div></div></div></form>"`;
+exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
+<DocumentFragment>
+  <form
+    class="pf-c-form"
+    novalidate=""
+  >
+    <p
+      class="pf-c-form__helper-text pf-m-hidden"
+    />
+    <div
+      class="pf-c-form__group"
+    >
+      <div
+        class="pf-c-form__group-label"
+      >
+        <label
+          class="pf-c-form__label"
+          for="pf-login-username-id"
+        >
+          <span
+            class="pf-c-form__label-text"
+          >
+            Username
+          </span>
+          <span
+            aria-hidden="true"
+            class="pf-c-form__label-required"
+          >
+             *
+          </span>
+        </label>
+         
+      </div>
+      <div
+        class="pf-c-form__group-control"
+      >
+        <input
+          aria-invalid="false"
+          class="pf-c-form-control"
+          data-ouia-component-id="OUIA-Generated-TextInputBase-9"
+          data-ouia-component-type="PF4/TextInput"
+          data-ouia-safe="true"
+          id="pf-login-username-id"
+          name="pf-login-username-id"
+          required=""
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="pf-c-form__group"
+    >
+      <div
+        class="pf-c-form__group-label"
+      >
+        <label
+          class="pf-c-form__label"
+          for="pf-login-password-id"
+        >
+          <span
+            class="pf-c-form__label-text"
+          >
+            Password
+          </span>
+          <span
+            aria-hidden="true"
+            class="pf-c-form__label-required"
+          >
+             *
+          </span>
+        </label>
+         
+      </div>
+      <div
+        class="pf-c-form__group-control"
+      >
+        <input
+          aria-invalid="false"
+          class="pf-c-form-control"
+          data-ouia-component-id="OUIA-Generated-TextInputBase-10"
+          data-ouia-component-type="PF4/TextInput"
+          data-ouia-safe="true"
+          id="pf-login-password-id"
+          name="pf-login-password-id"
+          required=""
+          type="password"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="pf-c-form__group"
+    >
+      <div
+        class="pf-c-form__group-control"
+      >
+        <div
+          class="pf-c-check"
+        >
+          <input
+            aria-invalid="false"
+            class="pf-c-check__input"
+            data-ouia-component-id="OUIA-Generated-Checkbox-4"
+            data-ouia-component-type="PF4/Checkbox"
+            data-ouia-safe="true"
+            id="pf-login-remember-me-id"
+            type="checkbox"
+          />
+          <label
+            class="pf-c-check__label"
+            for="pf-login-remember-me-id"
+          >
+            Remember me
+          </label>
+        </div>
+      </div>
+    </div>
+    <div
+      class="pf-c-form__group pf-m-action"
+    >
+      <div
+        class="pf-c-form__group-control"
+      >
+        <div
+          class="pf-c-form__actions"
+        >
+          <button
+            aria-disabled="false"
+            class="pf-c-button pf-m-primary pf-m-block"
+            data-ouia-component-id="OUIA-Generated-Button-primary-5"
+            data-ouia-component-type="PF4/Button"
+            data-ouia-safe="true"
+            type="submit"
+          >
+            Log In
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</DocumentFragment>
+`;
 
-exports[`LoginForm LoginForm with show password 1`] = `"<form novalidate=\\"\\" data-testid=\\"form-test-id\\" class=\\"pf-c-form\\"><p class=\\"pf-c-form__helper-text pf-m-hidden\\"></p><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-username-id\\"><span class=\\"pf-c-form__label-text\\">Username</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-username-id\\" name=\\"pf-login-username-id\\" class=\\"pf-c-form-control\\" type=\\"text\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-11\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-password-id\\"><span class=\\"pf-c-form__label-text\\">Password</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-input-group\\"><input id=\\"pf-login-password-id\\" name=\\"pf-login-password-id\\" class=\\"pf-c-form-control\\" type=\\"password\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-12\\" value=\\"\\"><button aria-disabled=\\"false\\" aria-label=\\"Show password\\" class=\\"pf-c-button pf-m-control\\" type=\\"button\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-control-1\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 576 512\\" aria-hidden=\\"true\\" role=\\"img\\"><path d=\\"M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z\\"></path></svg></button></div></div></div><div class=\\"pf-c-form__group pf-m-action\\"><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-form__actions\\"><button aria-disabled=\\"false\\" class=\\"pf-c-button pf-m-primary pf-m-block\\" type=\\"submit\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-primary-6\\">Log In</button></div></div></div></form>"`;
+exports[`LoginForm LoginForm with show password 1`] = `
+<DocumentFragment>
+  <form
+    class="pf-c-form"
+    novalidate=""
+  >
+    <p
+      class="pf-c-form__helper-text pf-m-hidden"
+    />
+    <div
+      class="pf-c-form__group"
+    >
+      <div
+        class="pf-c-form__group-label"
+      >
+        <label
+          class="pf-c-form__label"
+          for="pf-login-username-id"
+        >
+          <span
+            class="pf-c-form__label-text"
+          >
+            Username
+          </span>
+          <span
+            aria-hidden="true"
+            class="pf-c-form__label-required"
+          >
+             *
+          </span>
+        </label>
+         
+      </div>
+      <div
+        class="pf-c-form__group-control"
+      >
+        <input
+          aria-invalid="false"
+          class="pf-c-form-control"
+          data-ouia-component-id="OUIA-Generated-TextInputBase-11"
+          data-ouia-component-type="PF4/TextInput"
+          data-ouia-safe="true"
+          id="pf-login-username-id"
+          name="pf-login-username-id"
+          required=""
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="pf-c-form__group"
+    >
+      <div
+        class="pf-c-form__group-label"
+      >
+        <label
+          class="pf-c-form__label"
+          for="pf-login-password-id"
+        >
+          <span
+            class="pf-c-form__label-text"
+          >
+            Password
+          </span>
+          <span
+            aria-hidden="true"
+            class="pf-c-form__label-required"
+          >
+             *
+          </span>
+        </label>
+         
+      </div>
+      <div
+        class="pf-c-form__group-control"
+      >
+        <div
+          class="pf-c-input-group"
+        >
+          <input
+            aria-invalid="false"
+            class="pf-c-form-control"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-12"
+            data-ouia-component-type="PF4/TextInput"
+            data-ouia-safe="true"
+            id="pf-login-password-id"
+            name="pf-login-password-id"
+            required=""
+            type="password"
+            value=""
+          />
+          <button
+            aria-disabled="false"
+            aria-label="Show password"
+            class="pf-c-button pf-m-control"
+            data-ouia-component-id="OUIA-Generated-Button-control-1"
+            data-ouia-component-type="PF4/Button"
+            data-ouia-safe="true"
+            type="button"
+          >
+            <svg
+              aria-hidden="true"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              style="vertical-align: -0.125em;"
+              viewBox="0 0 576 512"
+              width="1em"
+            >
+              <path
+                d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="pf-c-form__group pf-m-action"
+    >
+      <div
+        class="pf-c-form__group-control"
+      >
+        <div
+          class="pf-c-form__actions"
+        >
+          <button
+            aria-disabled="false"
+            class="pf-c-button pf-m-primary pf-m-block"
+            data-ouia-component-id="OUIA-Generated-Button-primary-6"
+            data-ouia-component-type="PF4/Button"
+            data-ouia-safe="true"
+            type="submit"
+          >
+            Log In
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</DocumentFragment>
+`;
 
-exports[`LoginForm should render Login form 1`] = `"<form novalidate=\\"\\" data-testid=\\"form-test-id\\" class=\\"pf-c-form\\"><p class=\\"pf-c-form__helper-text pf-m-hidden\\"></p><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-username-id\\"><span class=\\"pf-c-form__label-text\\">Username</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-username-id\\" name=\\"pf-login-username-id\\" class=\\"pf-c-form-control\\" type=\\"text\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-1\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-password-id\\"><span class=\\"pf-c-form__label-text\\">Password</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-password-id\\" name=\\"pf-login-password-id\\" class=\\"pf-c-form-control\\" type=\\"password\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-2\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group pf-m-action\\"><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-form__actions\\"><button aria-disabled=\\"false\\" class=\\"pf-c-button pf-m-primary pf-m-block\\" type=\\"submit\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-primary-1\\">Log In</button></div></div></div></form>"`;
+exports[`LoginForm should render Login form 1`] = `
+<DocumentFragment>
+  <form
+    class="pf-c-form"
+    novalidate=""
+  >
+    <p
+      class="pf-c-form__helper-text pf-m-hidden"
+    />
+    <div
+      class="pf-c-form__group"
+    >
+      <div
+        class="pf-c-form__group-label"
+      >
+        <label
+          class="pf-c-form__label"
+          for="pf-login-username-id"
+        >
+          <span
+            class="pf-c-form__label-text"
+          >
+            Username
+          </span>
+          <span
+            aria-hidden="true"
+            class="pf-c-form__label-required"
+          >
+             *
+          </span>
+        </label>
+         
+      </div>
+      <div
+        class="pf-c-form__group-control"
+      >
+        <input
+          aria-invalid="false"
+          class="pf-c-form-control"
+          data-ouia-component-id="OUIA-Generated-TextInputBase-1"
+          data-ouia-component-type="PF4/TextInput"
+          data-ouia-safe="true"
+          id="pf-login-username-id"
+          name="pf-login-username-id"
+          required=""
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="pf-c-form__group"
+    >
+      <div
+        class="pf-c-form__group-label"
+      >
+        <label
+          class="pf-c-form__label"
+          for="pf-login-password-id"
+        >
+          <span
+            class="pf-c-form__label-text"
+          >
+            Password
+          </span>
+          <span
+            aria-hidden="true"
+            class="pf-c-form__label-required"
+          >
+             *
+          </span>
+        </label>
+         
+      </div>
+      <div
+        class="pf-c-form__group-control"
+      >
+        <input
+          aria-invalid="false"
+          class="pf-c-form-control"
+          data-ouia-component-id="OUIA-Generated-TextInputBase-2"
+          data-ouia-component-type="PF4/TextInput"
+          data-ouia-safe="true"
+          id="pf-login-password-id"
+          name="pf-login-password-id"
+          required=""
+          type="password"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="pf-c-form__group pf-m-action"
+    >
+      <div
+        class="pf-c-form__group-control"
+      >
+        <div
+          class="pf-c-form__actions"
+        >
+          <button
+            aria-disabled="false"
+            class="pf-c-button pf-m-primary pf-m-block"
+            data-ouia-component-id="OUIA-Generated-Button-primary-1"
+            data-ouia-component-type="PF4/Button"
+            data-ouia-safe="true"
+            type="submit"
+          >
+            Log In
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</DocumentFragment>
+`;

package/src/components/LoginPage/__tests__/__snapshots__/LoginMainBody.test.tsx.snap

@@ -1,5 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LoginMainBody className is added to the root element 1`] = `"<div class=\\"pf-c-login__main-body extra-class\\" data-testid=\\"test-id\\"></div>"`;
+exports[`LoginMainBody className is added to the root element 1`] = `
+<DocumentFragment>
+  <div
+    class="pf-c-login__main-body extra-class"
+  />
+</DocumentFragment>
+`;
 
-exports[`LoginMainBody renders with PatternFly Core styles 1`] = `"<div class=\\"pf-c-login__main-body\\" data-testid=\\"test-id\\"></div>"`;
+exports[`LoginMainBody renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
+  <div
+    class="pf-c-login__main-body"
+  />
+</DocumentFragment>
+`;

package/src/components/LoginPage/__tests__/__snapshots__/LoginMainFooter.test.tsx.snap

@@ -1,5 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LoginMainFooter className is added to the root element 1`] = `"<div class=\\"pf-c-login__main-footer extra-class\\" data-testid=\\"test-id\\"></div>"`;
+exports[`LoginMainFooter className is added to the root element 1`] = `
+<DocumentFragment>
+  <div
+    class="pf-c-login__main-footer extra-class"
+  />
+</DocumentFragment>
+`;
 
-exports[`LoginMainFooter renders with PatternFly Core styles 1`] = `"<div class=\\"pf-c-login__main-footer\\" data-testid=\\"test-id\\"></div>"`;
+exports[`LoginMainFooter renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
+  <div
+    class="pf-c-login__main-footer"
+  />
+</DocumentFragment>
+`;

package/src/components/LoginPage/__tests__/__snapshots__/LoginMainFooterLinksItem.test.tsx.snap

@@ -1,7 +1,47 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LoginMainFooterLinksItem className is added to the root element 1`] = `"<li class=\\"pf-c-login__main-footer-links-item extra-class\\"><a class=\\"pf-c-login__main-footer-links-item-link\\" href=\\"\\" target=\\"\\"></a></li>"`;
+exports[`LoginMainFooterLinksItem className is added to the root element 1`] = `
+<DocumentFragment>
+  <li
+    class="pf-c-login__main-footer-links-item extra-class"
+  >
+    <a
+      class="pf-c-login__main-footer-links-item-link"
+      href=""
+      target=""
+    />
+  </li>
+</DocumentFragment>
+`;
 
-exports[`LoginMainFooterLinksItem renders with PatternFly Core styles 1`] = `"<li class=\\"pf-c-login__main-footer-links-item\\"><a class=\\"pf-c-login__main-footer-links-item-link\\" href=\\"#\\" target=\\"\\"></a></li>"`;
+exports[`LoginMainFooterLinksItem renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
+  <li
+    class="pf-c-login__main-footer-links-item"
+  >
+    <a
+      class="pf-c-login__main-footer-links-item-link"
+      href="#"
+      target=""
+    />
+  </li>
+</DocumentFragment>
+`;
 
-exports[`LoginMainFooterLinksItem with custom node 1`] = `"<li class=\\"pf-c-login__main-footer-links-item\\"><a class=\\"pf-c-login__main-footer-links-item-link\\" href=\\"\\" target=\\"\\"><div>My custom node</div></a></li>"`;
+exports[`LoginMainFooterLinksItem with custom node 1`] = `
+<DocumentFragment>
+  <li
+    class="pf-c-login__main-footer-links-item"
+  >
+    <a
+      class="pf-c-login__main-footer-links-item-link"
+      href=""
+      target=""
+    >
+      <div>
+        My custom node
+      </div>
+    </a>
+  </li>
+</DocumentFragment>
+`;

package/src/components/LoginPage/__tests__/__snapshots__/LoginMainHeader.test.tsx.snap

@@ -1,7 +1,39 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LoginMainHeader className is added to the root element 1`] = `"<header class=\\"pf-c-login__main-header extra-class\\" data-testid=\\"test-id\\"></header>"`;
+exports[`LoginMainHeader className is added to the root element 1`] = `
+<DocumentFragment>
+  <header
+    class="pf-c-login__main-header extra-class"
+  />
+</DocumentFragment>
+`;
 
-exports[`LoginMainHeader renders with PatternFly Core styles 1`] = `"<header class=\\"pf-c-login__main-header\\" data-testid=\\"test-id\\"></header>"`;
+exports[`LoginMainHeader renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
+  <header
+    class="pf-c-login__main-header"
+  />
+</DocumentFragment>
+`;
 
-exports[`LoginMainHeader title and subtitle are rendered correctly 1`] = `"<header class=\\"pf-c-login__main-header\\" data-testid=\\"test-id\\"><h2 data-ouia-component-type=\\"PF4/Title\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Title-1\\" class=\\"pf-c-title pf-m-3xl\\">Log in to your account</h2><p class=\\"pf-c-login__main-header-desc\\">Use LDAP credentials</p></header>"`;
+exports[`LoginMainHeader title and subtitle are rendered correctly 1`] = `
+<DocumentFragment>
+  <header
+    class="pf-c-login__main-header"
+  >
+    <h2
+      class="pf-c-title pf-m-3xl"
+      data-ouia-component-id="OUIA-Generated-Title-1"
+      data-ouia-component-type="PF4/Title"
+      data-ouia-safe="true"
+    >
+      Log in to your account
+    </h2>
+    <p
+      class="pf-c-login__main-header-desc"
+    >
+      Use LDAP credentials
+    </p>
+  </header>
+</DocumentFragment>
+`;