Merge pull request #1338 from Ekep-Obasi/feat/update-redirects-on-login-and-logout-actions

update redirects on login and logout actions

Author: humansinstitute

cypress/e2e/34_signoutPostBounty.cy.ts

@@ -23,6 +23,9 @@ describe('Signed Out Post Bounty Flow ', () => {
     cy.haves_phinx_login(activeUser);
     cy.wait(1000);
 
+    cy.visit('http://localhost:3007/bounties');
+    cy.wait(1000);
+
     cy.create_bounty(bounty);
     cy.wait(1000);
 

cypress/e2e/63_auth_redirects.cy.ts

@@ -0,0 +1,80 @@
+describe('Authentication Redirects', () => {
+  beforeEach(() => {
+    cy.clearCookies();
+    cy.clearLocalStorage();
+  });
+
+  it('should redirect to profile page after login', () => {
+    cy.visit('http://localhost:3007');
+    cy.wait(3000);
+
+    cy.contains('Sign in').click();
+
+    let user;
+    let challenge;
+    let token;
+    let info;
+
+    cy.fixture('nodes.json').then((json) => {
+      user = json[0];
+      const userAlias = user.alias;
+
+      cy.get('[data-challenge]')
+        .invoke('attr', 'data-challenge')
+        .then((value) => {
+          const array = value?.split('&');
+          if (array && array.length === 4) {
+            challenge = array[2].substring(10);
+          }
+        });
+
+      cy.request({
+        method: 'POST',
+        url: `${user.external_ip}/verify_external`,
+        headers: {
+          'x-user-token': `${user.authToken}`
+        }
+      }).then((response) => {
+        ({ token } = response.body.response);
+        ({ info } = response.body.response);
+      });
+
+      cy.request({
+        method: 'GET',
+        url: `${user.external_ip}/signer/U98BoaW54IFZlcmlmaWNhdGlvbg==`,
+        headers: {
+          'x-user-token': `${user.authToken}`
+        }
+      }).then((response) => {
+        info.url = `${user.external_ip}`;
+        info['verification_signature'] = response.body.response.sig;
+
+        cy.request({
+          method: 'POST',
+          url: `http://localhost:13000/verify/${challenge}?token=${token}`,
+          body: info
+        });
+
+        cy.url().should('include', '/p/').and('include', '/workspaces');
+        cy.contains(userAlias).should('exist');
+      });
+    });
+  });
+
+  it('should redirect to homepage after logout', () => {
+    cy.fixture('nodes.json').then((json) => {
+      const user = json[0];
+      cy.login(user.alias);
+
+      cy.visit(`http://localhost:3007/p/${user.pubkey}/workspaces`);
+
+      cy.contains(user.alias).click();
+
+      cy.contains('Sign out').click();
+
+      cy.url().should('eq', 'http://localhost:3007/');
+
+      cy.contains('Sign in').should('be.visible');
+    });
+  });
+});

cypress/support/commands.ts

@@ -97,6 +97,8 @@ Cypress.Commands.add('login', (userAlias: string) => {
     });
 
     cy.contains(userAlias).eq(0);
+
+    cy.visit('http://localhost:3007/bounties');
   });
 });
 

src/components/BountyComponents/BountyNavBar.tsx

@@ -462,7 +462,7 @@ const BountyNavBar: React.FC = () => {
           onSuccess={() => {
             ui.setShowSignIn(false);
             setShowWelcome(true);
-            window.location.reload();
+            goToEditSelf();
           }}
         />
       </StyledModal>

src/people/main/Header.tsx

@@ -613,8 +613,7 @@ function Header() {
           onSuccess={() => {
             ui.setShowSignIn(false);
             setShowWelcome(true);
-            // if page is not /p, go to /p (people)
-            window.location.reload();
+            goToEditSelf();
           }}
         />
       </Modal>

src/people/userInfo/hooks.ts

@@ -37,7 +37,7 @@ export const useUserInfo = () => {
     ui.setMeInfo(null);
     main.getPeople({ resetPage: true });
     main.setLnToken('');
-    goBack();
+    history.push('/');
   }
 
   const onEdit = () => {