tests for Sign in developed

cypress.config.js

@@ -3,6 +3,9 @@ const { defineConfig } = require('cypress');
 module.exports = defineConfig({
   e2e: {
     setupNodeEvents(on, config) {
-    }
+    },
+    baseUrl: 'https://the-internet.herokuapp.com',
+    viewportWidth: 1000,
+    viewportHeight: 650
   }
 });

cypress/e2e/signIn.cy.js

@@ -1,11 +1,40 @@
 /// <reference types="cypress" />
+import SignInPage from '../pageObjects/signInObjects';
+import SecurePage from '../pageObjects/secureObjects';
+const signInPage = new SignInPage();
+
+const securePage = new SecurePage();
+
+const username = 'tomsmith';
+const password = 'SuperSecretPassword!';
 
 describe('Sign In page', () => {
   beforeEach(() => {
+    cy.visit('/login');
+  });
 
+  it('should login with valid credentials', () => {
+    signInPage.typeInUsernameField(username);
+    signInPage.typeInPasswordField(password);
+    signInPage.clickLogin();
+    signInPage.assertNotification('You logged into a secure area!');
+    cy.assertUrl('/secure');
   });
 
-  it('', () => {
+  it('should not login with invalid credentials', () => {
+    signInPage.typeInUsernameField('myusername');
+    signInPage.typeInPasswordField('jhHJu9=_');
+    signInPage.clickLogin();
+    signInPage.assertNotification('Your username is invalid!');
+    cy.assertUrl('/login');
+  });
 
+  it('should logout', () => {
+    signInPage.typeInUsernameField(username);
+    signInPage.typeInPasswordField(password);
+    signInPage.clickLogin();
+    securePage.logOutButton.click();
+    signInPage.assertNotification('You logged out of the secure area!');
+    cy.assertUrl('/login');
   });
 });

cypress/pageObjects/secureObjects.js

@@ -0,0 +1,7 @@
+/// <reference types="cypress" />
+
+export default class SecurePage {
+  get logOutButton() {
+    return cy.get('[class="button secondary radius"]');
+  }
+}

cypress/pageObjects/signInObjects.js

@@ -0,0 +1,19 @@
+/// <reference types="cypress" />
+
+export default class SignInPage {
+  typeInUsernameField(username) {
+    cy.get('#username').type(username);
+  }
+
+  typeInPasswordField(password) {
+    cy.get('#password').type(password);
+  }
+
+  clickLogin() {
+    cy.get('.radius').click();
+  }
+
+  assertNotification(text) {
+    cy.get('#flash').assertNotifText(text);
+  }
+}

cypress/support/commands.js

@@ -23,3 +23,28 @@
 //
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+
+// Cypress.Commands.add('logInUser', (username, password) => {
+//   return cy.request('POST', 'https://the-internet.herokuapp.com/authenticate', {
+//     username,
+//     password
+//   }).then((response) => {
+//     console.log('Hooooraaaay!!!!');
+//     const returnedCookes = response.headers['set-cookie'];
+
+//     if(returnedCookes) {
+//       const authCookie = returnedCookes[0].split(';')[0].split('=')[1];
+//       // cy.setCookie('rack.session', authCookie, { path: '/', httpOnly: true })
+
+//     }
+//   });
+// })
+
+const parent = { prevSubject: 'element' };
+Cypress.Commands.add('assertNotifText', parent, (subject, text) => {
+  cy.wrap(subject).should('contain.text', text);
+});
+
+Cypress.Commands.add('assertUrl', (url) => {
+  cy.url().should('equal', `${Cypress.config().baseUrl}${url}`);
+});