Cypress E2E Testing

Overview

This project demonstrates End-to-End (E2E) Web Automation Testing using Cypress on the OrangeHRM Demo application.

The project covers authentication testing, navigation testing, session management, automated reporting, screenshot capturing, and video recording.

Application Under Test

Website:

https://opensource-demo.orangehrmlive.com/

Demo Credentials

Username	Password
Admin	admin123

---

Features Covered

Authentication

• Login with valid credentials
• Login with invalid credentials
• Verify successful login
• Verify error message validation

Dashboard

• Verify Dashboard page visibility
• Verify successful redirection after login

Navigation

• Navigate to Admin Module
• Navigate to PIM Module

Session Management

• Logout successfully
• Verify redirection to Login page

---

Tech Stack

Technology	Purpose
Cypress	E2E Test Automation
JavaScript	Test Script Development
Node.js	Runtime Environment
Mochawesome Reporter	HTML Test Reporting
GitHub	Source Code Management

---

Project Structure

cypress-orangehrm-e2e-testing/
│
├── cypress/
│   ├── e2e/
│   │   ├── login.cy.js
│   │   ├── dashboard.cy.js
│   │   └── logout.cy.js
│   │
│   ├── fixtures/
│
├── reports/
│   └── mochawesome/
│       ├── index.html
│       ├── screenshots/
│       ├── videos/
│       └── assets/
│
├── cypress.config.js
├── package.json
├── package-lock.json
├── README.md
└── .gitignore

---

Installation

Clone repository:

git clone https://github.com/your-username/cypress-orangehrm-e2e-testing.git

Navigate into project:

cd cypress-orangehrm-e2e-testing

Install dependencies:

npm install

---

Running Tests

Open Cypress Test Runner

npx cypress open

Run All Tests

npx cypress run

Run Using Chrome

npx cypress run --browser chrome

Run With Visible Browser

npx cypress run --headed --browser chrome

Run Specific Test

npx cypress run --spec "cypress/e2e/login.cy.js"

---

HTML Report

This project uses Mochawesome Reporter.

After test execution:

npx cypress run

Generated report:

reports/mochawesome/index.html

Screenshots

Screenshots are automatically captured when a test fails.

reports/mochawesome/screenshots/

---

Video Recording

Video recording is automatically generated when running:

npx cypress run

Generated location:

reports/mochawesome/videos/

Note: Videos are not generated when using:

npx cypress open

---

Sample Test Scenarios

Login Success

• Open Login Page
• Enter valid username
• Enter valid password
• Click Login
• Verify Dashboard page

Login Failed

• Open Login Page
• Enter invalid password
• Click Login
• Verify error message

Logout

• Login successfully
• Open user menu
• Click Logout
• Verify Login page

Only the generated Mochawesome report is kept for portfolio purposes.
This project is intended for educational and portfolio purposes only.