feat: design applications and first api calls

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

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 🤔.'
+    )
+  })
+})