WebRitual2 - Full Stack Test Automation

Sandbox for building, testing, and automating a Web2 application.

Table of Contents

• Running Locally
  • Backend
  • Frontend
• Test the API with Postman
  • Run test with Newman CLI
• Run Cypress GUI
  • Run Cypress Headless

---

• Backend: Node.js / Express (served via backend/)

• Frontend: HTML/CSS/JS with login form (served via frontend/)

• API Testing: Postman + Newman (CLI)

• E2E Testing: Cypress (headless + UI)

• Dockerized execution: (WIP) Backend + Frontend + Test Runner integrated

• CI/CD pipelines: (WIP )Jenkins / GitHub Actions ready

This project is an example of real-world testing flows: API tests → frontend E2E tests → combined Docker automation.

WebRitual2/
│
├── backend/
│   ├── db.json
│   ├── server.js
│   ├── Dockerfile
│   └── package.json
│
├── frontend/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│   ├── cypress/
│   │   ├── e2e/
│   │   │   └── login.cy.js
│   │   └── cypress.config.js
│   └── Dockerfile
│
├── postman/
│   └── postman_collection.json
│
├── docker-compose.yml
├── package.json        ← root test runner (npm run test:all)
└── README.md

Running Locally

Backend

cd backend
npm install
npm start

Backend runs on:

http://localhost:3000

Frontend

cd frontend
npm install
npm start

Frontend runs on:

http://localhost:8080

Test the API in Postman

Import:

postman/postman_collection.json

Run → All requests should return 200 if backend is running.

Run Postman Tests in CLI (Newman)

newman run postman/postman_collection.json

Run Cypress GUI

cd frontend
npx cypress open

Select browser → Run login.cy.js.

Run Cypress Headless

cd frontend
npx cypress run --browser chrome

Run all tests together At the project root:

npm run test:all

This performs:

1. Newman API tests

2. Cypress headless UI tests

Running With Docker (WIP)