LoginDetails alignment when a user is unverified (#984)

* Fix LoginDetails alignment when unverified user is login * Fix cypress component test for Navbar * Use data-testid in cypress test for Navbar component
datalab-org · Nov 14, 2024 · 5dc4e2c · 5dc4e2c
1 parent 24bb0f9
commit 5dc4e2c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/webapp/cypress/component/NavbarTest.cy.jsx b/webapp/cypress/component/NavbarTest.cy.jsx
@@ -71,7 +71,7 @@ describe("Navbar", () => {
       },
     });
 
-    cy.get(".row")
+    cy.get("[data-testid=navbar-logindetails]")
       .should("exist")
       .within(() => {
         cy.contains("Login").should("exist");

diff --git a/webapp/src/components/Navbar.vue b/webapp/src/components/Navbar.vue
@@ -15,7 +15,10 @@
     <img v-else class="logo-banner" :src="logo_url" />
   </div>
 
-  <div class="row justify-content-center pt-3">
+  <div
+    class="container d-flex flex-column align-items-center pt-3"
+    data-testid="navbar-logindetails"
+  >
     <LoginDetails />
   </div>