Merge pull request #2122 from ChainSafe/mnt/add-sign-out-test-storage…

…-2121 [Storage] Add sign out test
ChainSafe · May 10, 2022 · 58cdd65 · 58cdd65
2 parents 82741b1 + e074f00
commit 58cdd65
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 6 deletions.
diff --git a/packages/storage-ui/cypress/support/page-objects/navigationMenu.ts b/packages/storage-ui/cypress/support/page-objects/navigationMenu.ts
@@ -9,5 +9,5 @@ export const navigationMenu = {
   spaceUsedLabel: () => cy.get("[data-cy=label-space-used]"),
   spaceUsedProgressBar: () => cy.get("[data-cy=progress-bar-space-used]"),
   // mobile view only
-  signOutButton: () => cy.get("[data-cy=container-signout-nav]")
+  signOutButton: () => cy.get("[data-cy=button-sign-out]")
 }
diff --git a/packages/storage-ui/cypress/tests/main-navigation-spec.ts b/packages/storage-ui/cypress/tests/main-navigation-spec.ts
@@ -1,25 +1,34 @@
 import { navigationMenu } from "../support/page-objects/navigationMenu"
 import { cidsPage } from "../support/page-objects/cidsPage"
+import { authenticationPage } from "../support/page-objects/authenticationPage"
 
 describe("Main Navigation", () => {
 
   context("desktop", () => {
-    before(() => {
+    beforeEach(() => {
       cy.web3Login()
     })
 
     it("can navigate to the cids page", () => {
       navigationMenu.cidsNavButton().click()
       cy.url().should("include", "/cids")
     })
-  })
 
-  context("mobile", () => {
-    before(() => {
-      cy.web3Login()
+    it("can sign out from the navigation bar", () => {
+      navigationMenu.signOutDropdown().click()
+      navigationMenu.signOutMenuOption()
+        .should("be.visible")
+        .click()
+      authenticationPage.web3Button().should("be.visible")
+      cy.url().should("not.include", "/drive")
+      cy.url().should("not.include", "/bin")
+      cy.url().should("not.include", "/settings")
     })
+  })
 
+  context("mobile", () => {
     beforeEach(() => {
+      cy.web3Login()
       cy.viewport("iphone-6")
       cidsPage.hamburgerMenuButton().click()
     })
@@ -28,5 +37,15 @@ describe("Main Navigation", () => {
       navigationMenu.cidsNavButton().click()
       cy.url().should("include", "/cids")
     })
+
+    it("can sign out from the navigation bar", () => {
+      navigationMenu.signOutButton()
+        .should("be.visible")
+        .click()
+      authenticationPage.web3Button().should("be.visible")
+      cy.url().should("not.include", "/drive")
+      cy.url().should("not.include", "/bin")
+      cy.url().should("not.include", "/settings")
+    })
   })
 })
diff --git a/packages/storage-ui/src/Components/Layouts/AppNav.tsx b/packages/storage-ui/src/Components/Layouts/AppNav.tsx
@@ -337,6 +337,7 @@ const AppNav: React.FC<IAppNav> = ({ navOpen, setNavOpen }: IAppNav) => {
 
               <div style={{ display: "flex" }}>
                 <Button
+                  data-cy="button-sign-out"
                   variant='secondary'
                   onClick={() => {
                     handleOnClick()