Resolve broken unit tests

- Refactor broke snapshots and the logout functionality test

Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I31932b0553a8ca9e6e2a38235b7769fab2061ba6

1 files changed, 65 insertions, 38 deletions

diff --git a/tests/unit/__snapshots__/AppHeader.spec.js.snap b/tests/unit/__snapshots__/AppHeader.spec.js.snap
index f8f22140..712353b0 100644
--- a/tests/unit/__snapshots__/AppHeader.spec.js.snap
+++ b/tests/unit/__snapshots__/AppHeader.spec.js.snap
@@ -18,7 +18,6 @@ exports[`AppHeader.vue should render correctly 1`] = `
     <b-navbar
       aria-label="appHeader.applicationHeader"
       type="dark"
-      variant="dark"
     >
       <b-button
         aria-hidden="true"
@@ -47,18 +46,25 @@ exports[`AppHeader.vue should render correctly 1`] = `
       </b-button>
        
       <b-navbar-nav>
-        <b-nav-text>
-          appHeader.bmcSystemManagement
-        </b-nav-text>
+        <b-nav-item
+          data-test-id="appHeader-container-overview"
+          to="/"
+        >
+          <img
+            alt="undefined logo"
+            class="header-logo"
+            src="@/assets/images/logo-header.svg"
+          />
+        </b-nav-item>
       </b-navbar-nav>
        
       <b-navbar-nav
-        class="ml-auto"
+        class="ml-auto helper-menu"
       >
-        <b-nav-item>
-          
-          appHeader.health
-          
+        <b-nav-item
+          data-test-id="appHeader-container-health"
+          to="/health/event-logs"
+        >
           <span
             class="status-icon secondary"
           >
@@ -82,12 +88,15 @@ exports[`AppHeader.vue should render correctly 1`] = `
               />
             </svg>
           </span>
+          
+          appHeader.health
+        
         </b-nav-item>
          
-        <b-nav-item>
-          
-          appHeader.power
-          
+        <b-nav-item
+          data-test-id="appHeader-container-power"
+          to="/control/server-power-operations"
+        >
           <span
             class="status-icon secondary"
           >
@@ -111,18 +120,19 @@ exports[`AppHeader.vue should render correctly 1`] = `
               />
             </svg>
           </span>
+          
+          appHeader.power
+        
         </b-nav-item>
          
         <li
           class="nav-item"
         >
           <b-button
+            data-test-id="appHeader-button-refresh"
             id="app-header-refresh"
             variant="link"
           >
-            
-            appHeader.refresh
-            
             <svg
               aria-hidden="true"
               focusable="false"
@@ -137,38 +147,55 @@ exports[`AppHeader.vue should render correctly 1`] = `
                 d="M12 10H6.78A11 11 0 0 1 27 16h2A13 13 0 0 0 6 7.68V4H4v8h8zm8 12h5.22A11 11 0 0 1 5 16H3a13 13 0 0 0 23 8.32V28h2v-8h-8z"
               />
             </svg>
+             
+            <span
+              class="responsive-text"
+            >
+              appHeader.refresh
+            </span>
           </b-button>
         </li>
          
-        <li>
-          <b-button
-            id="app-header-logout"
+        <li
+          class="nav-item"
+        >
+          <b-dropdown
+            data-test-id="appHeader-container-user"
+            id="app-header-user"
+            right=""
             variant="link"
           >
+             
+            <b-dropdown-item
+              data-test-id="appHeader-link-profile"
+              to="/profile-settings"
+            >
+              appHeader.profileSettings
             
-            appHeader.logOut
-            
-            <svg
-              aria-hidden="true"
-              focusable="false"
-              height="20"
-              preserveAspectRatio="xMidYMid meet"
-              style="will-change: transform;"
-              viewBox="0 0 32 32"
-              width="20"
-              xmlns="http://www.w3.org/2000/svg"
+            </b-dropdown-item>
+             
+            <b-dropdown-item
+              data-test-id="appHeader-link-logout"
             >
-              <path
-                d="M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2zm-6 24.38v-2A3.22 3.22 0 0 1 13 21h6a3.22 3.22 0 0 1 3 3.39v2a11.92 11.92 0 0 1-12 0zm14-1.46v-.61A5.21 5.21 0 0 0 19 19h-6a5.2 5.2 0 0 0-5 5.31v.59a12 12 0 1 1 16 0z"
-              />
-              <path
-                d="M16 7a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
-              />
-            </svg>
-          </b-button>
+              
+              appHeader.logOut
+            
+            </b-dropdown-item>
+          </b-dropdown>
         </li>
       </b-navbar-nav>
     </b-navbar>
   </header>
+   
+  <b-progress
+    height="0.4rem"
+  >
+    <b-progress-bar
+      animated=""
+      aria-label="global.ariaLabel.progressBar"
+      striped=""
+      value="0"
+    />
+  </b-progress>
 </div>
 `;