Merge pull request #60 from ndouop/feature/front-end-testing-with-cypress

Feature/front end testing with cypress

Author: nguyenk

README.md

@@ -148,6 +148,18 @@ exit
 make consume
 ```
 
+## Cypress
+
+We have added cypress for front-end testing, for now it is in webapp directory.
+It is recommended to remove it went deploy in production for security reasons:
+
+### Open cypress for testing
+In the main directory
+```
+cd src/webapp
+./node_modules/.bin/cypress open
+```
+
 ## What's next?
 
 ### Configuring Git

src/webapp/cypress.config.js

@@ -0,0 +1,10 @@
+const { defineConfig } = require("cypress");
+
+module.exports = defineConfig({
+  e2e: {
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+    baseUrl: 'http://symfony-boilerplate.localhost',
+  },
+});

src/webapp/cypress/e2e/createUser.cy.js

@@ -0,0 +1,37 @@
+describe('Create new user', () => {
+  it('login as admin and create new user', () => {
+    // go to login page
+    cy.visit('/login')
+    cy.get('#input-email').type('admin@admin.com')
+    cy.get('#input-password').type('admin')
+    cy.get('button[type=submit]').click()
+
+    // we should be redirected to /dashboard
+    cy.url()
+      .should('include', '/dashboard')
+      .then(() => {
+        // click on users menu
+        cy.get('.pt-3 > .nav > :nth-child(6) > .nav-item > .nav-link')
+          .should('have.attr', 'href', '/dashboard/admin/users')
+          .click()
+          .then(() => {
+            // click on create button
+            cy.get('.m-auto > .btn-primary')
+              .should('have.attr', 'href', '/dashboard/admin/users/create')
+              .click()
+
+            // field all required fields
+            cy.get('#input-first-name').type('new-user')
+            cy.get('#input-last-name').type('test')
+            cy.get('#input-email').type('newuser@test.com')
+            cy.get('#input-locale').select('FR')
+            cy.get('#input-role').select('USER')
+            cy.get('form > .btn')
+              .click() // submit the form
+              .then(() => {
+                cy.url().should('match', /(\/dashboard\/admin\/users\/)/)
+              })
+          })
+      })
+  })
+})

src/webapp/cypress/e2e/login.cy.js

@@ -0,0 +1,25 @@
+describe('login process', () => {
+
+  it('login as simple user', () => {
+    // go to login page
+    cy.visit('/login')
+    cy.get('#input-email').type('user@user.com')
+    cy.get('#input-password').type('user')
+    cy.get('button[type=submit]').click()
+
+    // we should be redirected to /dashboard
+    cy.url().should('include', '/dashboard')
+  })
+
+
+  it('login as admin', () => {
+    // go to login page
+    cy.visit('/login')
+    cy.get('#input-email').type('admin@admin.com')
+    cy.get('#input-password').type('admin')
+    cy.get('button[type=submit]').click()
+
+    // we should be redirected to /dashboard
+    cy.url().should('include', '/dashboard')
+  })
+})

src/webapp/cypress/e2e/logout.cy.js

@@ -0,0 +1,23 @@
+describe('Log out process', () => {
+  it('Log out', () => {
+    // go to login page
+    cy.visit('/login')
+    cy.get('#input-email').type('admin@admin.com')
+    cy.get('#input-password').type('admin')
+    cy.get('button[type=submit]').click()
+
+    // we should be redirected to /dashboard
+    cy.url()
+      .should('include', '/dashboard')
+      .then(() => {
+        // dropdown user menu
+        cy.get('li.nav-item.b-nav-dropdown a[role=button]')
+          .first()
+          .click()
+          .then(() => {
+            // click on log out button
+            cy.get(':nth-child(2) > .dropdown-item').click()
+          })
+      })
+  })
+})

src/webapp/cypress/e2e/passwordReset.cy.js

@@ -0,0 +1,12 @@
+describe('Submit ', () => {
+  it('login as simple user', () => {
+    // go to login page
+    cy.visit('/reset-password')
+    cy.get('#input-email').type('user@user.com')
+    cy.get('button[type=submit]').click()
+
+    // check form the message of email sent
+    cy.get('h5').contains('user@user.com')
+    cy.get('.card-body .text-center p').should('have.length', 2)
+  })
+})