e2e register-login-out and login-out journeys

Author: Jeddf

README.md

@@ -27,6 +27,17 @@ To run the tests
 docker-compose run --rm cypress
 ```
 
+### E2E Tests
+The tests in the `/cypress/integration_e2e` folder that are not run as part of the main test in CI.
+
+They are designed to be run manually & locally with the full stack, no endpoints are stubbed.
+
+> NOTE: the register test includes a 5 second pause where you are required to click the recaptcha.
+
+```
+yarn cypress:e2e:open
+```
+
 ## wdio tests
 The selenium-based wdio tests are legacy tests, waiting to be migrated to cypress. They are not actively maintained and are there only for reference until migrated.
 To run the tests

cypress-e2e.json

@@ -0,0 +1,5 @@
+{
+  "integrationFolder": "cypress/integration_e2e",
+  "baseUrl": "http://localhost:8000",
+  "video": false
+}

cypress/integration_e2e/authentication/login_out_journey_spec.js

@@ -0,0 +1,40 @@
+import page from '../../pages/login';
+import homePage from '../../pages/home';
+
+describe('Login & out Smoke', () => {
+  describe('Successful Login & out', () => {
+    it('should login successfully without a referrer query param', () => {
+      cy.visit('/login');
+      cy.get(page.email).type('[email protected]');
+      cy.get(page.password).type('test');
+      cy.get(page.login).click();
+
+      cy.url().should('include', '/home');
+      cy.get(homePage.menuUserName).first().invoke('text').should('eq', 'Namey McNameFace');
+    });
+
+    it('should login successfully with a referrer query param', () => {
+      cy.visit('/login?referrer=%2Fdashboard%2Ftickets');
+      cy.get(page.email).type('[email protected]');
+      cy.get(page.password).type('test');
+      cy.get(page.login).click();
+
+      cy.url().should('include', '/dashboard/tickets');
+      cy.get(homePage.menuUserName).first().invoke('text').should('eq', 'Namey McNameFace');
+    });
+
+    it('should logout successfully', () => {
+      cy.visit('/login');
+      cy.get(page.email).type('[email protected]');
+      cy.get(page.password).type('test');
+      cy.get(page.login).click();
+
+      cy.url().should('include', '/home');
+      cy.get(homePage.menuUserName).first().click();
+      cy.get(homePage.menuLogout).first().click();
+
+      cy.get(homePage.menuUserName).should('not.be.visible');
+    });
+  });
+});
+

cypress/integration_e2e/authentication/register_login_out_journey_spec copy.js

@@ -0,0 +1,51 @@
+import userPage from '../../pages/register-user';
+import profilePage from '../../pages/register-profile';
+import loginPage from '../../pages/login';
+import homePage from '../../pages/home';
+
+const uniqueEmail = `smoke_${String(Math.random()).slice(2)}@test.com`;
+const password = 't3stt3st';
+
+describe('Register, login & out Smoke', () => {
+  it('should register', () => {
+    cy.visit('/register/user');
+
+    cy.get(userPage.firstName).type('Namey');
+    cy.get(userPage.surname).type('McNameFace');
+    cy.get(userPage.emailAddress).type(uniqueEmail);
+    cy.get(userPage.password).type(password);
+    cy.get(userPage.passConfirmField).type(password);
+    cy.get(userPage.termsConditionsAccepted).check();
+    cy.get(userPage.submit).click();
+    cy.url().should('include', '/register/profile');
+
+    cy.get(profilePage.dobCalendarBtn).click();
+    cy.get(profilePage.yearButton).first().click();
+    cy.get(profilePage.monthButton).first().click();
+    cy.get(profilePage.dayButton).first().click();
+    cy.get(profilePage.countrySelectOpen).click();
+    cy.get(profilePage.countryInput).type('united kingdom');
+    cy.get(profilePage.countryOption).first().click();
+    cy.wait(5000); // Click the recaptcha!
+    cy.get(profilePage.submit).click();
+
+    cy.url().should('include', '/home');
+    cy.get(homePage.menuUserName).first().invoke('text').should('eq', 'Namey McNameFace');
+  });
+  it('should logout', () => {
+    cy.get(homePage.menuUserName).first().click();
+    cy.get(homePage.menuLogout).first().click();
+
+    cy.get(homePage.menuUserName).should('not.be.visible');
+  });
+  it('should login', () => {
+    cy.visit('/login');
+    cy.get(loginPage.email).type(uniqueEmail);
+    cy.get(loginPage.password).type(password);
+    cy.get(loginPage.login).click();
+
+    cy.url().should('include', '/home');
+    cy.get(homePage.menuUserName).first().invoke('text').should('eq', 'Namey McNameFace');
+  });
+});
+

cypress/pages/home.js

@@ -21,6 +21,8 @@ export default {
   statsYouthGenderChart: '.cd-dashboard-stats__circle',
   statsUseZenMessage: '.cd-dashboard-stats p',
   statsYouthGirlsHint: '.cd-dashboard-stats__chart-pie-hint',
+  menuUserName: '.cd-menu__profile-name',
+  menuLogout: '.cd-menu__referer-link',
   comms: {
     anniversaryLink: '.cd-dashboard__anniversary',
   },

cypress/pages/register-profile.js

@@ -0,0 +1,11 @@
+export default {
+  dobCalendarBtn: 'button.btn-default',
+  yearButton: '.uib-year button',
+  monthButton: '.uib-month button',
+  dayButton: '.uib-day button',
+  countrySelectOpen: 'i[role=button]',
+  countryInput: '.ui-select-container input[type=search]',
+  countryOption: '.ui-select-choices-row',
+  recaptcha: 'iframe[role=presentation]',
+  submit: 'button[type=submit]',
+};

cypress/pages/register-user.js

@@ -0,0 +1,9 @@
+export default {
+  firstName: 'input[name=firstName]',
+  surname: 'input[name=surname]',
+  emailAddress: 'input[name=emailAddress]',
+  password: 'input[name=password]',
+  passConfirmField: 'input[name=passConfirmField]',
+  termsConditionsAccepted: 'input[name=termsConditionsAccepted]',
+  submit: 'button[type=submit]',
+};

package.json

@@ -18,6 +18,7 @@
     "mock-server": "node ./json-server/server.js",
     "cypress": "yarn build && concurrently --kill-others --success first \"http-server dist/ --push-state > /dev/null\" \"cypress run --browser chrome\"",
     "cypress:open": "cypress open",
+    "cypress:e2e": "cypress open --config-file cypress-e2e.json",
     "cypress:install": "cypress install"
   },
   "dependencies": {
@@ -68,7 +69,7 @@
     "copy-webpack-plugin": "^4.0.1",
     "cross-env": "^4.0.0",
     "css-loader": "^0.28.0",
-    "cypress": "^3.1.5",
+    "cypress": "^3.7.0",
     "eslint": "^3.19.0",
     "eslint-config-airbnb-base": "^11.1.3",
     "eslint-friendly-formatter": "^2.0.7",