@patternfly/react-core 4.236.5 → 4.236.8

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

@@ -1,5 +1,129 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Dropdown Renders in strict mode 1`] = `
+<DocumentFragment>
+  <div
+    class="pf-c-dropdown pf-m-expanded"
+    data-ouia-component-id="OUIA-Generated-Dropdown-10"
+    data-ouia-component-type="PF4/Dropdown"
+    data-ouia-safe="true"
+  >
+    <button
+      aria-expanded="true"
+      aria-haspopup="true"
+      class="pf-c-dropdown__toggle"
+      data-ouia-component-id="OUIA-Generated-DropdownToggle-10"
+      data-ouia-component-type="PF4/DropdownToggle"
+      data-ouia-safe="true"
+      id="Dropdown Toggle"
+      type="button"
+    >
+      <span
+        class="pf-c-dropdown__toggle-text"
+      >
+        Dropdown
+      </span>
+      <span
+        class="pf-c-dropdown__toggle-icon"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="1em"
+          role="img"
+          style="vertical-align: -0.125em;"
+          viewBox="0 0 320 512"
+          width="1em"
+        >
+          <path
+            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+          />
+        </svg>
+      </span>
+    </button>
+    <ul
+      aria-labelledby="Dropdown Toggle"
+      class="pf-c-dropdown__menu"
+      role="menu"
+    >
+      <li
+        role="none"
+      >
+        <a
+          class="pf-c-dropdown__menu-item"
+          role="none"
+        >
+          Link
+        </a>
+      </li>
+      <li
+        role="none"
+      >
+        <button
+          class="pf-c-dropdown__menu-item"
+          role="none"
+          type="button"
+        >
+          Action
+        </button>
+      </li>
+      <li
+        role="none"
+      >
+        <a
+          aria-disabled="true"
+          class="pf-m-disabled pf-c-dropdown__menu-item"
+          role="none"
+        >
+          Disabled Link
+        </a>
+      </li>
+      <li
+        role="none"
+      >
+        <button
+          aria-disabled="true"
+          class="pf-m-disabled pf-c-dropdown__menu-item"
+          role="none"
+          type="button"
+        >
+          Disabled Action
+        </button>
+      </li>
+      <li
+        role="none"
+      >
+        <div
+          class="pf-c-divider"
+          role="separator"
+        />
+      </li>
+      <li
+        role="none"
+      >
+        <a
+          class="pf-c-dropdown__menu-item"
+          role="none"
+        >
+          Separated Link
+        </a>
+      </li>
+      <li
+        role="none"
+      >
+        <button
+          class="pf-c-dropdown__menu-item"
+          role="none"
+          type="button"
+        >
+          Separated Action
+        </button>
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`Dropdown alignment breakpoints 1`] = `
 <DocumentFragment>
   <div
@@ -531,7 +655,7 @@ exports[`KebabToggle basic 1`] = `
 <DocumentFragment>
   <div
     class="pf-c-dropdown pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-Dropdown-15"
+    data-ouia-component-id="OUIA-Generated-Dropdown-17"
     data-ouia-component-type="PF4/Dropdown"
     data-ouia-safe="true"
   >
@@ -572,7 +696,7 @@ exports[`KebabToggle dropup + right aligned 1`] = `
 <DocumentFragment>
   <div
     class="pf-c-dropdown pf-m-top pf-m-align-right"
-    data-ouia-component-id="OUIA-Generated-Dropdown-12"
+    data-ouia-component-id="OUIA-Generated-Dropdown-14"
     data-ouia-component-type="PF4/Dropdown"
     data-ouia-safe="true"
   >
@@ -606,7 +730,7 @@ exports[`KebabToggle dropup 1`] = `
 <DocumentFragment>
   <div
     class="pf-c-dropdown pf-m-top"
-    data-ouia-component-id="OUIA-Generated-Dropdown-11"
+    data-ouia-component-id="OUIA-Generated-Dropdown-13"
     data-ouia-component-type="PF4/Dropdown"
     data-ouia-safe="true"
   >
@@ -641,7 +765,7 @@ exports[`KebabToggle expanded 1`] = `
   <div
     aria-label="Dropdown button"
     class="pf-c-dropdown pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-Dropdown-13"
+    data-ouia-component-id="OUIA-Generated-Dropdown-15"
     data-ouia-component-type="PF4/Dropdown"
     data-ouia-safe="true"
   >
@@ -754,7 +878,7 @@ exports[`KebabToggle plain 1`] = `
 <DocumentFragment>
   <div
     class="pf-c-dropdown"
-    data-ouia-component-id="OUIA-Generated-Dropdown-14"
+    data-ouia-component-id="OUIA-Generated-Dropdown-16"
     data-ouia-component-type="PF4/Dropdown"
     data-ouia-safe="true"
   >
@@ -789,7 +913,7 @@ exports[`KebabToggle regular 1`] = `
   <div
     aria-label="Dropdown button"
     class="pf-c-dropdown"
-    data-ouia-component-id="OUIA-Generated-Dropdown-9"
+    data-ouia-component-id="OUIA-Generated-Dropdown-11"
     data-ouia-component-type="PF4/Dropdown"
     data-ouia-safe="true"
   >
@@ -823,7 +947,7 @@ exports[`KebabToggle right aligned 1`] = `
 <DocumentFragment>
   <div
     class="pf-c-dropdown pf-m-align-right"
-    data-ouia-component-id="OUIA-Generated-Dropdown-10"
+    data-ouia-component-id="OUIA-Generated-Dropdown-12"
     data-ouia-component-type="PF4/Dropdown"
     data-ouia-safe="true"
   >

package/src/components/Nav/NavItem.tsx

@@ -32,6 +32,8 @@ export interface NavItemProps extends Omit<React.HTMLProps<HTMLAnchorElement>, '
   flyout?: React.ReactElement;
   /** Callback when flyout is opened or closed */
   onShowFlyout?: () => void;
+  /** @beta Opt-in for updated popper that does not use findDOMNode. */
+  removeFindDomNode?: boolean;
 }
 
 export const NavItem: React.FunctionComponent<NavItemProps> = ({
@@ -49,6 +51,7 @@ export const NavItem: React.FunctionComponent<NavItemProps> = ({
   onShowFlyout,
   ouiaId,
   ouiaSafe,
+  removeFindDomNode = false,
   ...props
 }: NavItemProps) => {
   const { flyoutRef, setFlyoutRef } = React.useContext(NavContext);
@@ -217,6 +220,7 @@ export const NavItem: React.FunctionComponent<NavItemProps> = ({
       placement="right-start"
       isVisible={flyoutVisible}
       onDocumentKeyDown={handleFlyout}
+      removeFindDomNode={removeFindDomNode}
     />
   );
 

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

@@ -41,6 +41,25 @@ describe('Nav', () => {
     expect(asFragment()).toMatchSnapshot();
   });
 
+  test('Renders nav list in strict mode', () => {
+    const consoleError = jest.spyOn(console, 'error');
+    const { asFragment } = renderNav(
+      <React.StrictMode>
+        <Nav className="test-nav-class">
+          <NavList className="test-nav-list-class">
+            {props.items.map(item => (
+              <NavItem removeFindDomNode to={item.to} key={item.to} className="test-nav-item-class">
+                {item.label}
+              </NavItem>
+            ))}
+          </NavList>
+        </Nav>
+      </React.StrictMode>
+    );
+    expect(consoleError).not.toHaveBeenCalled();
+    expect(asFragment()).toMatchSnapshot();
+  });
+
   test('Dark Nav List', () => {
     const { asFragment } = renderNav(
       <Nav className="test=nav-class" theme="dark">

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

@@ -5,7 +5,7 @@ exports[`Nav Dark Nav List 1`] = `
   <nav
     aria-label="Global"
     class="pf-c-nav test=nav-class"
-    data-ouia-component-id="OUIA-Generated-Nav-2"
+    data-ouia-component-id="OUIA-Generated-Nav-4"
     data-ouia-component-type="PF4/Nav"
     data-ouia-safe="true"
   >
@@ -14,7 +14,7 @@ exports[`Nav Dark Nav List 1`] = `
     >
       <li
         class="pf-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-5"
+        data-ouia-component-id="OUIA-Generated-NavItem-13"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -27,7 +27,7 @@ exports[`Nav Dark Nav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-6"
+        data-ouia-component-id="OUIA-Generated-NavItem-14"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -40,7 +40,7 @@ exports[`Nav Dark Nav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-7"
+        data-ouia-component-id="OUIA-Generated-NavItem-15"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -53,7 +53,7 @@ exports[`Nav Dark Nav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-8"
+        data-ouia-component-id="OUIA-Generated-NavItem-16"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -74,7 +74,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
   <nav
     aria-label="Global"
     class="pf-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-3"
+    data-ouia-component-id="OUIA-Generated-Nav-5"
     data-ouia-component-type="PF4/Nav"
     data-ouia-safe="true"
   >
@@ -83,7 +83,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
     >
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-9"
+        data-ouia-component-id="OUIA-Generated-NavItem-17"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -96,7 +96,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-10"
+        data-ouia-component-id="OUIA-Generated-NavItem-18"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -109,7 +109,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-11"
+        data-ouia-component-id="OUIA-Generated-NavItem-19"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -122,7 +122,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-12"
+        data-ouia-component-id="OUIA-Generated-NavItem-20"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -326,7 +326,7 @@ exports[`Nav Expandable Nav List 1`] = `
   <nav
     aria-label="Global"
     class="pf-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-4"
+    data-ouia-component-id="OUIA-Generated-Nav-6"
     data-ouia-component-type="PF4/Nav"
     data-ouia-safe="true"
   >
@@ -377,7 +377,7 @@ exports[`Nav Expandable Nav List 1`] = `
           >
             <li
               class="pf-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-13"
+              data-ouia-component-id="OUIA-Generated-NavItem-21"
               data-ouia-component-type="PF4/NavItem"
               data-ouia-safe="true"
             >
@@ -390,7 +390,7 @@ exports[`Nav Expandable Nav List 1`] = `
             </li>
             <li
               class="pf-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-14"
+              data-ouia-component-id="OUIA-Generated-NavItem-22"
               data-ouia-component-type="PF4/NavItem"
               data-ouia-safe="true"
             >
@@ -403,7 +403,7 @@ exports[`Nav Expandable Nav List 1`] = `
             </li>
             <li
               class="pf-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-15"
+              data-ouia-component-id="OUIA-Generated-NavItem-23"
               data-ouia-component-type="PF4/NavItem"
               data-ouia-safe="true"
             >
@@ -416,7 +416,7 @@ exports[`Nav Expandable Nav List 1`] = `
             </li>
             <li
               class="pf-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-16"
+              data-ouia-component-id="OUIA-Generated-NavItem-24"
               data-ouia-component-type="PF4/NavItem"
               data-ouia-safe="true"
             >
@@ -440,7 +440,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
   <nav
     aria-label="Test"
     class="pf-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-6"
+    data-ouia-component-id="OUIA-Generated-Nav-8"
     data-ouia-component-type="PF4/Nav"
     data-ouia-safe="true"
   >
@@ -496,7 +496,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
           >
             <li
               class="pf-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-21"
+              data-ouia-component-id="OUIA-Generated-NavItem-29"
               data-ouia-component-type="PF4/NavItem"
               data-ouia-safe="true"
             >
@@ -509,7 +509,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
             </li>
             <li
               class="pf-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-22"
+              data-ouia-component-id="OUIA-Generated-NavItem-30"
               data-ouia-component-type="PF4/NavItem"
               data-ouia-safe="true"
             >
@@ -522,7 +522,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
             </li>
             <li
               class="pf-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-23"
+              data-ouia-component-id="OUIA-Generated-NavItem-31"
               data-ouia-component-type="PF4/NavItem"
               data-ouia-safe="true"
             >
@@ -535,7 +535,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
             </li>
             <li
               class="pf-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-24"
+              data-ouia-component-id="OUIA-Generated-NavItem-32"
               data-ouia-component-type="PF4/NavItem"
               data-ouia-safe="true"
             >
@@ -587,7 +587,7 @@ exports[`Nav Horizontal Nav List 1`] = `
     >
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-33"
+        data-ouia-component-id="OUIA-Generated-NavItem-41"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -600,7 +600,7 @@ exports[`Nav Horizontal Nav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-34"
+        data-ouia-component-id="OUIA-Generated-NavItem-42"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -613,7 +613,7 @@ exports[`Nav Horizontal Nav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-35"
+        data-ouia-component-id="OUIA-Generated-NavItem-43"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -626,7 +626,7 @@ exports[`Nav Horizontal Nav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-36"
+        data-ouia-component-id="OUIA-Generated-NavItem-44"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -694,7 +694,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
     >
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-37"
+        data-ouia-component-id="OUIA-Generated-NavItem-45"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -707,7 +707,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-38"
+        data-ouia-component-id="OUIA-Generated-NavItem-46"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -720,7 +720,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-39"
+        data-ouia-component-id="OUIA-Generated-NavItem-47"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -733,7 +733,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-40"
+        data-ouia-component-id="OUIA-Generated-NavItem-48"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -773,7 +773,7 @@ exports[`Nav Nav Grouped List 1`] = `
   <nav
     aria-label="Global"
     class="pf-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-7"
+    data-ouia-component-id="OUIA-Generated-Nav-9"
     data-ouia-component-type="PF4/Nav"
     data-ouia-safe="true"
   >
@@ -795,7 +795,7 @@ exports[`Nav Nav Grouped List 1`] = `
         >
           <li
             class="pf-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-25"
+            data-ouia-component-id="OUIA-Generated-NavItem-33"
             data-ouia-component-type="PF4/NavItem"
             data-ouia-safe="true"
           >
@@ -808,7 +808,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-26"
+            data-ouia-component-id="OUIA-Generated-NavItem-34"
             data-ouia-component-type="PF4/NavItem"
             data-ouia-safe="true"
           >
@@ -821,7 +821,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-27"
+            data-ouia-component-id="OUIA-Generated-NavItem-35"
             data-ouia-component-type="PF4/NavItem"
             data-ouia-safe="true"
           >
@@ -834,7 +834,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-28"
+            data-ouia-component-id="OUIA-Generated-NavItem-36"
             data-ouia-component-type="PF4/NavItem"
             data-ouia-safe="true"
           >
@@ -866,7 +866,7 @@ exports[`Nav Nav Grouped List 1`] = `
         >
           <li
             class="pf-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-29"
+            data-ouia-component-id="OUIA-Generated-NavItem-37"
             data-ouia-component-type="PF4/NavItem"
             data-ouia-safe="true"
           >
@@ -879,7 +879,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-30"
+            data-ouia-component-id="OUIA-Generated-NavItem-38"
             data-ouia-component-type="PF4/NavItem"
             data-ouia-safe="true"
           >
@@ -892,7 +892,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-31"
+            data-ouia-component-id="OUIA-Generated-NavItem-39"
             data-ouia-component-type="PF4/NavItem"
             data-ouia-safe="true"
           >
@@ -905,7 +905,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-32"
+            data-ouia-component-id="OUIA-Generated-NavItem-40"
             data-ouia-component-type="PF4/NavItem"
             data-ouia-safe="true"
           >
@@ -956,7 +956,7 @@ exports[`Nav Nav List with custom item nodes 1`] = `
     >
       <li
         class="pf-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-45"
+        data-ouia-component-id="OUIA-Generated-NavItem-53"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -990,6 +990,75 @@ exports[`Nav Nav List with custom item nodes 1`] = `
 </DocumentFragment>
 `;
 
+exports[`Nav Renders nav list in strict mode 1`] = `
+<DocumentFragment>
+  <nav
+    aria-label="Global"
+    class="pf-c-nav test-nav-class"
+    data-ouia-component-id="OUIA-Generated-Nav-3"
+    data-ouia-component-type="PF4/Nav"
+    data-ouia-safe="true"
+  >
+    <ul
+      class="pf-c-nav__list test-nav-list-class"
+    >
+      <li
+        class="pf-c-nav__item test-nav-item-class"
+        data-ouia-component-id="OUIA-Generated-NavItem-6"
+        data-ouia-component-type="PF4/NavItem"
+        data-ouia-safe="true"
+      >
+        <a
+          class="pf-c-nav__link test-nav-item-class"
+          href="#link1"
+        >
+          Link 1
+        </a>
+      </li>
+      <li
+        class="pf-c-nav__item test-nav-item-class"
+        data-ouia-component-id="OUIA-Generated-NavItem-8"
+        data-ouia-component-type="PF4/NavItem"
+        data-ouia-safe="true"
+      >
+        <a
+          class="pf-c-nav__link test-nav-item-class"
+          href="#link2"
+        >
+          Link 2
+        </a>
+      </li>
+      <li
+        class="pf-c-nav__item test-nav-item-class"
+        data-ouia-component-id="OUIA-Generated-NavItem-10"
+        data-ouia-component-type="PF4/NavItem"
+        data-ouia-safe="true"
+      >
+        <a
+          class="pf-c-nav__link test-nav-item-class"
+          href="#link3"
+        >
+          Link 3
+        </a>
+      </li>
+      <li
+        class="pf-c-nav__item test-nav-item-class"
+        data-ouia-component-id="OUIA-Generated-NavItem-12"
+        data-ouia-component-type="PF4/NavItem"
+        data-ouia-safe="true"
+      >
+        <a
+          class="pf-c-nav__link test-nav-item-class"
+          href="#link4"
+        >
+          Link 4
+        </a>
+      </li>
+    </ul>
+  </nav>
+</DocumentFragment>
+`;
+
 exports[`Nav Tertiary Nav List 1`] = `
 <DocumentFragment>
   <nav
@@ -1023,7 +1092,7 @@ exports[`Nav Tertiary Nav List 1`] = `
     >
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-41"
+        data-ouia-component-id="OUIA-Generated-NavItem-49"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -1036,7 +1105,7 @@ exports[`Nav Tertiary Nav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-42"
+        data-ouia-component-id="OUIA-Generated-NavItem-50"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -1049,7 +1118,7 @@ exports[`Nav Tertiary Nav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-43"
+        data-ouia-component-id="OUIA-Generated-NavItem-51"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >
@@ -1062,7 +1131,7 @@ exports[`Nav Tertiary Nav List 1`] = `
       </li>
       <li
         class="pf-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-44"
+        data-ouia-component-id="OUIA-Generated-NavItem-52"
         data-ouia-component-type="PF4/NavItem"
         data-ouia-safe="true"
       >