feat: design applications and first api calls

Co-authored-by: Walid <87608619+WalidKorchi@users.noreply.github.com>

cypress/integration/pages/application/[guildId]/[channelId].spec.ts

@@ -0,0 +1,17 @@
+import { authenticationHandlers } from '../../../../fixtures/handler'
+
+describe('Pages > /application/[guildId]/[channelId]', () => {
+  beforeEach(() => {
+    cy.task('stopMockServer')
+  })
+
+  it('should redirect the user to `/application` if `guildId` or `channelId` are not numbers', () => {
+    cy.task('startMockServer', authenticationHandlers).setCookie(
+      'refreshToken',
+      'refresh-token'
+    )
+    cy.visit('/application/abc/abc')
+      .location('pathname')
+      .should('eq', '/application')
+  })
+})

cypress/integration/pages/application/index.spec.ts

@@ -0,0 +1,35 @@
+import { authenticationHandlers } from '../../../fixtures/handler'
+
+const applicationPaths = [
+  '/application',
+  '/application/users/0',
+  '/application/guilds/create',
+  '/application/guilds/join',
+  '/application/0/0'
+]
+
+describe('Pages > /application', () => {
+  beforeEach(() => {
+    cy.task('stopMockServer')
+  })
+
+  it('should redirect the user to `/authentication/signin` if not signed in', () => {
+    for (const applicationPath of applicationPaths) {
+      cy.visit(applicationPath)
+        .location('pathname')
+        .should('eq', '/authentication/signin')
+    }
+  })
+
+  it('should not redirect the user if signed in', () => {
+    cy.task('startMockServer', authenticationHandlers).setCookie(
+      'refreshToken',
+      'refresh-token'
+    )
+    for (const applicationPath of applicationPaths) {
+      cy.visit(applicationPath)
+        .location('pathname')
+        .should('eq', applicationPath)
+    }
+  })
+})

cypress/integration/pages/authentication/forgot-password.spec.ts

@@ -0,0 +1,37 @@
+import { postUsersResetPasswordHandler } from '../../../fixtures/users/reset-password/post'
+import { user } from '../../../fixtures/users/user'
+
+describe('Pages > /authentication/forgot-password', () => {
+  beforeEach(() => {
+    cy.task('stopMockServer')
+    cy.visit('/authentication/forgot-password')
+  })
+
+  it('should succeeds and sends a password-reset request', () => {
+    cy.task('startMockServer', [postUsersResetPasswordHandler])
+    cy.get('#message').should('not.exist')
+    cy.get('[data-cy=input-email]').type(user.email)
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should(
+      'have.text',
+      'Success: Password-reset request successful, please check your emails!'
+    )
+  })
+
+  it('should fails with unreachable api server', () => {
+    cy.get('#message').should('not.exist')
+    cy.get('[data-cy=input-email]').type(user.email)
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should('have.text', 'Error: Internal Server Error.')
+  })
+
+  it('should fails with wrong email format', () => {
+    cy.get('#message').should('not.exist')
+    cy.get('[data-cy=input-email]').type('test')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should(
+      'have.text',
+      'Error: Mmm… It seems that this email is not valid 🤔.'
+    )
+  })
+})

cypress/integration/pages/authentication/reset-password.spec.ts

@@ -0,0 +1,45 @@
+import {
+  putUsersResetPasswordHandler,
+  putUsersResetPasswordInvalidTemporaryTokenHandler
+} from '../../../fixtures/users/reset-password/put'
+
+describe('Pages > /authentication/reset-password', () => {
+  beforeEach(() => {
+    cy.task('stopMockServer')
+  })
+
+  it('should succeeds and redirect user to sign in page', () => {
+    cy.task('startMockServer', [putUsersResetPasswordHandler])
+    cy.visit('/authentication/reset-password?temporaryToken=abcdefg')
+    cy.get('#message').should('not.exist')
+    cy.get('[data-cy=input-password]').type('somepassword')
+    cy.get('[data-cy=submit]').click()
+    cy.location('pathname').should('eq', '/authentication/signin')
+  })
+
+  it('should fails with invalid `temporaryToken`', () => {
+    cy.task('startMockServer', [
+      putUsersResetPasswordInvalidTemporaryTokenHandler
+    ])
+    cy.visit('/authentication/reset-password')
+    cy.get('#message').should('not.exist')
+    cy.get('[data-cy=input-password]').type('somepassword')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should('have.text', 'Error: Invalid value.')
+  })
+
+  it('should fails with unreachable api server', () => {
+    cy.visit('/authentication/reset-password')
+    cy.get('#message').should('not.exist')
+    cy.get('[data-cy=input-password]').type('randompassword')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should('have.text', 'Error: Internal Server Error.')
+  })
+
+  it('should fails with empty password value', () => {
+    cy.visit('/authentication/reset-password')
+    cy.get('#message').should('not.exist')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should('have.text', 'Error: Invalid value.')
+  })
+})

cypress/integration/pages/authentication/signin.spec.ts

@@ -0,0 +1,55 @@
+import { authenticationHandlers } from '../../../fixtures/handler'
+import {
+  postUsersSigninHandler,
+  postUsersSigninInvalidCredentialsHandler
+} from 'cypress/fixtures/users/signin/post'
+import { user } from '../../../fixtures/users/user'
+
+describe('Pages > /authentication/signin', () => {
+  beforeEach(() => {
+    cy.task('stopMockServer')
+    cy.visit('/authentication/signin')
+  })
+
+  it('should succeeds and sign in the user', () => {
+    cy.task('startMockServer', [
+      ...authenticationHandlers,
+      postUsersSigninHandler
+    ])
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+    cy.get('[data-cy=input-email]').type(user.email)
+    cy.get('[data-cy=input-password]').type('randompassword')
+    cy.get('[data-cy=submit]').click()
+    cy.location('pathname').should('eq', '/application')
+  })
+
+  it('should fails with unreachable api server', () => {
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+    cy.get('[data-cy=input-email]').type(user.email)
+    cy.get('[data-cy=input-password]').type('randompassword')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should('have.text', 'Error: Internal Server Error.')
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+  })
+
+  it('should fails with invalid credentials', () => {
+    cy.task('startMockServer', [
+      ...authenticationHandlers,
+      postUsersSigninInvalidCredentialsHandler
+    ])
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+    cy.get('[data-cy=input-email]').type(user.email)
+    cy.get('[data-cy=input-password]').type('randompassword')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should(
+      'have.text',
+      'Error: Invalid credentials. Please try again.'
+    )
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+  })
+})

cypress/integration/pages/authentication/signup.spec.ts

@@ -0,0 +1,85 @@
+import { user } from '../../../fixtures/users/user'
+import {
+  postUsersSignupHandler,
+  postUsersSignupAlreadyUsedHandler
+} from '../../../fixtures/users/signup/post'
+
+describe('Pages > /authentication/signup', () => {
+  beforeEach(() => {
+    cy.task('stopMockServer')
+    cy.visit('/authentication/signup')
+  })
+
+  it('should succeeds and sign up the user', () => {
+    cy.task('startMockServer', [postUsersSignupHandler])
+    cy.get('#error-name').should('not.exist')
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+    cy.get('[data-cy=input-name]').type(user.name)
+    cy.get('[data-cy=input-email]').type(user.email)
+    cy.get('[data-cy=input-password]').type('randompassword')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should(
+      'have.text',
+      "Success: You're almost there, please check your emails to confirm registration."
+    )
+  })
+
+  it('should fails with name or email already used', () => {
+    cy.task('startMockServer', [postUsersSignupAlreadyUsedHandler])
+    cy.get('#error-name').should('not.exist')
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+    cy.get('[data-cy=input-name]').type(user.name)
+    cy.get('[data-cy=input-email]').type(user.email)
+    cy.get('[data-cy=input-password]').type('randompassword')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should('have.text', 'Error: Name or Email already used.')
+    cy.get('#error-name').should('not.exist')
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+  })
+
+  it('should fails with unreachable api server', () => {
+    cy.get('#error-name').should('not.exist')
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+    cy.get('[data-cy=input-name]').type(user.name)
+    cy.get('[data-cy=input-email]').type(user.email)
+    cy.get('[data-cy=input-password]').type('randompassword')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#message').should('have.text', 'Error: Internal Server Error.')
+    cy.get('#error-name').should('not.exist')
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+  })
+
+  it('should fails with all inputs as required with error messages and update error messages when updating language (translation)', () => {
+    const requiredErrorMessage = {
+      en: 'Error: Oops, this field is required 🙈.',
+      fr: 'Erreur: Oups, ce champ est obligatoire 🙈.'
+    }
+    cy.get('#error-name').should('not.exist')
+    cy.get('#error-email').should('not.exist')
+    cy.get('#error-password').should('not.exist')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#error-name').should('have.text', requiredErrorMessage.en)
+    cy.get('#error-email').should('have.text', requiredErrorMessage.en)
+    cy.get('#error-password').should('have.text', requiredErrorMessage.en)
+    cy.get('[data-cy=language-click]').click()
+    cy.get('[data-cy=languages-list] > li:first-child').contains('FR').click()
+    cy.get('#error-name').should('have.text', requiredErrorMessage.fr)
+    cy.get('#error-email').should('have.text', requiredErrorMessage.fr)
+    cy.get('#error-password').should('have.text', requiredErrorMessage.fr)
+  })
+
+  it('should fails with wrong email format', () => {
+    cy.get('#error-email').should('not.exist')
+    cy.get('[data-cy=input-email]').type('test')
+    cy.get('[data-cy=submit]').click()
+    cy.get('#error-email').should(
+      'have.text',
+      'Error: Mmm… It seems that this email is not valid 🤔.'
+    )
+  })
+})

cypress/integration/pages/index.spec.ts

@@ -0,0 +1,12 @@
+describe('Page > /', () => {
+  beforeEach(() => {
+    cy.visit('/')
+  })
+
+  it('should redirect the user to signup page when clicking "Get started"', () => {
+    cy.get('[data-cy=get-started]')
+      .click()
+      .location('pathname')
+      .should('eq', '/authentication/signup')
+  })
+})