https://github.com/rajatt95/testautomationframework_yt_rajat_web_cypress_js
This repository contains a Test Automation Framework built using Cypress and Javascript for automated testing of web applications.
https://github.com/rajatt95/testautomationframework_yt_rajat_web_cypress_js
chrome cypress cypress-mochawesome-reporter edge electron firefox github-actions javascript nodejs page-object-model vscode
Last synced: about 1 month ago
JSON representation
This repository contains a Test Automation Framework built using Cypress and Javascript for automated testing of web applications.
- Host: GitHub
- URL: https://github.com/rajatt95/testautomationframework_yt_rajat_web_cypress_js
- Owner: rajatt95
- Created: 2023-11-14T18:11:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-27T10:07:51.000Z (about 1 year ago)
- Last Synced: 2025-03-24T04:35:17.332Z (about 2 months ago)
- Topics: chrome, cypress, cypress-mochawesome-reporter, edge, electron, firefox, github-actions, javascript, nodejs, page-object-model, vscode
- Language: JavaScript
- Homepage: https://www.youtube.com/@rajatt95
- Size: 516 KB
- Stars: 3
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# 💻 Test Automation Framework | WEB
[](https://www.cypress.io/)
[](https://js.org/index.html)
[](https://code.visualstudio.com/)
[](https://www.npmjs.com/package/cypress-mochawesome-reporter)
[](https://github.com/features/actions)
## 📑 Table of Contents
- [Introduction](#introduction)
- [Video Tutorial](#video-tutorial)
- [Prerequisites](#prerequisites)
- [Getting Started](#getting-started)
- [Running Tests](#running-tests)
- [Project Structure](#project-structure)
- [Configuration](#configuration)
- [Continuous Integration](#continuous-integration)
- [Reporting](#reporting)
- [Other Projects](#other-projects)
- [Technical Documents](#technical-documents)
- [Contacts](#contacts)
## 📖 Introduction
This repository contains a Test Automation Framework built using Cypress and Javascript for automated testing of web applications.
## 🎥 Video Tutorial
Click on the image above to watch the tutorials.
## 🛠️ Prerequisites
- [](https://nodejs.org/) (v18.16.1 or higher recommended)
- [](https://www.npmjs.com/) (v9.5.1 or higher recommended)
## ▶️ Getting Started
1. Clone the repository:
```bash
git clone https://github.com/rajatt95/TestAutomationFramework_YT_Rajat_Web_Cypress_JS.git
```
2. Navigate to the project directory:
```bash
cd TestAutomationFramework_YT_Rajat_Web_Cypress_JS
```
3. Install dependencies:
```bash
npm install
```
## 🚀 Running Tests
- Open Cypress Test Runner:
```bash
npm run cy:open
```
- Run tests in different browsers:
- [](https://www.google.com/chrome/)
[](https://www.mozilla.org/firefox/)
[](https://www.microsoft.com/edge/)
[](https://www.electronjs.org/)
```bash
npm run cy:tests:CHROME
```
```bash
npm run cy:tests:FIREFOX
```
```bash
npm run cy:tests:EDGE
```
```bash
npm run cy:tests:ELECTRON
```
- Run tests in different modes (Headless):
```bash
npm run cy:tests:ELECTRON:HEADLESS
```
## 📁 Project Structure
The tests follow a modular and maintainable structure:
```
|-- .github
| |-- workflows
| |-- 01_ui_tests_chrome.yml
| |-- 02_ui_tests_select_one.yml.yml
| |-- 03_ui_tests_ALL.yml
|-- cypress
| |-- e2e
| |-- Sauce_Demo
| |-- components.cy.js
| |-- login.cy.js
| |-- fixtures
| |-- login_credentials.json
| |-- reports
| |-- support
| |-- pages
| |-- BasePage.js
| |-- CartPage.js
| |-- Components.js
| |-- LoginPage.js
| |-- ProductsPage.js
| |-- utils
| |-- VerificationUtils.js
| |-- WaitUtils.js
| |-- commands.js
| |-- e2e.js
|-- .gitignore
|-- cypress.config.js
|-- package.json
```
- `cypress/e2e`: Contains the actual test files. You can organize your tests into subdirectories as needed.
- `cypress/fixtures`: Contains external fixtures (e.g., login credentials data) that can be used to mock data during tests.
- `cypress/support`: Contains custom commands and global configuration.
- `cypress/support/pages`: Contains the Page Object Model (POM) classes representing web pages and their elements.
- `cypress/support/utils`: Contains the Utilities that provides methods for asserting different conditions on web elements, waits.
- `cypress/reports`: Contains the report for tests.
## ⚙️ Configuration
- Modify `cypress.config.json` for Cypress configuration settings.
- Customize `commands.js` and other files in `cypress/support` for reusable commands.
## 🔄 Continuous Integration
This project is configured for CI using Github Actions. Check the configuration in `.github/workflows/*.yml`
- `01_ui_tests_chrome.yml`
- `02_ui_tests_select_one.yml`
- `03_ui_tests_ALL.yml`
## 📊 Reporting
Mochawesome report (Screenshots and Videos are attached by default on test failure) is stored in the `cypress/reports` directory.
## 🔭 Other Projects
- [](https://github.com/stars/rajatt95/lists/programming-language-java) -
[](https://github.com/stars/rajatt95/lists/selenium-automation-frameworks)
[](https://github.com/stars/rajatt95/lists/appium-automation-frameworks)
[](https://github.com/stars/rajatt95/lists/restassured-automation-framework)
- [](https://github.com/stars/rajatt95/lists/programming-language-javascript) -
[](https://github.com/stars/rajatt95/lists/cypress-automation-frameworks)
[](https://github.com/stars/rajatt95/lists/playwright-automation-frameworks)
- [](https://github.com/stars/rajatt95/lists/programming-language-python) -
[](https://github.com/stars/rajatt95/lists/requests-automation-framework)
## 📄 Technical Documents
- [](https://drive.google.com/drive/folders/1tne9pZjgWvfrS0l9tVHs6k1jnQHpTLoA?usp=sharing)
- [](https://github.com/rajatt95/Documents)
## 📧 Contacts
- [](mailto:[email protected])
- [](https://github.com/rajatt95)
- [](https://rajatt95.github.io/)
- [](https://www.linkedin.com/in/rajatt95)
- [](https://topmate.io/rajatt95)
- [](https://t.me/rajatt95)
- [](https://www.instagram.com/rajattvermaa95/)
- [](https://www.youtube.com/@rajatt95)
- [](https://chat.whatsapp.com/LP20xMGvxnEL88GoB58bo1)
- [](https://whatsapp.com/channel/0029Va9XXMhJ93waOU5Xer3r)
Feel free to reach out if you have any questions, or suggestions, or just want to chat!
Thanks for visiting my GitHub profile! 😊
