Automation · Beginner – Intermediate · 💎 Premium
Cypress End-to-End Testing — From Zero to Framework
Go from JavaScript basics to a CI-ready Cypress 14 framework with UI, API and component tests — built on real practice apps.
10Lessons
69Lab tasks
13h 45mDuration
1Capstone + certificate
About this course
A practical, lab-first Cypress course from QA Jobs India that takes you from JavaScript essentials to a complete, CI-ready automation framework. Every lesson is built on public practice apps such as SauceDemo, the-internet, Restful Booker and Automation Exercise, with interview questions and quizzes mapped to what Indian service and product companies ask. You finish with a published E2E + API capstone for your portfolio.
What you will be able to do
- Write modern JavaScript confidently and set up a Node.js Cypress project from scratch.
- Automate real web flows with resilient data-cy selectors and retrying assertions — no fixed waits.
- Handle forms, dropdowns, file uploads, iframes, alerts and new-tab links in Cypress.
- Stub, spy and modify network traffic with cy.intercept and write API tests with cy.request.
- Design a maintainable framework with page objects, app actions, custom commands, fixtures, cy.session and multi-environment config.
- Produce Mochawesome HTML reports, diagnose flaky tests and stabilise them with burn-in runs.
- Run suites in GitHub Actions with parallelisation, Docker and Cypress Cloud, and write component tests.
- Publish a portfolio-grade E2E + API capstone on GitHub that you can demo in interviews.
Syllabus
-
▶
1. JavaScript (ES6+) Essentials for Testers & Node.js Setup Learn exactly the modern JavaScript a Cypress tester needs and set up a Node.js LTS workspace with npm scripts that you will grow into a framework.
-
🔒
2. Cypress Install, Folder Structure & First Spec on SauceDemo Install Cypress 14, understand its architecture and folders, and automate the SauceDemo login flow using the Test Runner, time travel and headless runs.
-
🔒
3. Selectors, data-cy Attributes, Assertions & Retry-ability Choose resilient selectors, write retrying should/expect assertions and understand exactly which Cypress commands retry, using the SauceDemo inventory page.
-
🔒
4. Interactions: Forms, Dropdowns, File Upload, iframes & New Tabs Automate real-world widgets — forms, checkboxes, dropdowns, file uploads, iframes, new-tab links, alerts and hover menus — on the-internet practice site.
-
🔒
5. Fixtures, Custom Commands, Environment Config & cy.session Login Refactor specs into a maintainable framework with fixtures, custom commands, multi-environment configuration and fast cached logins using cy.session.
-
🔒
6. Network Control with cy.intercept & API Testing with cy.request Spy on, stub and modify browser network calls with cy.intercept, and build a CRUD API test suite for Restful Booker with cy.request.
-
🔒
7. Page Objects vs App Actions & Test Data Strategies Build the same checkout test with Page Objects and with App Actions, compare trade-offs, and adopt a test data strategy with Faker builders and API or storage seeding.
-
🔒
8. Reporting with Mochawesome, Screenshots/Videos & Flaky Test Handling Produce shareable HTML reports with embedded screenshots and videos, configure retries, and use burn-in runs to find and fix flaky tests at their root cause.
-
🔒
9. CI with GitHub Actions, Parallelisation, Cypress Cloud & Component Testing Run your suite on every push and pull request with GitHub Actions, parallelise it with a matrix or Cypress Cloud, run it in Docker, and write your first React component tests.
-
🔒
10. Capstone: E2E + API Framework for AutomationExercise with CI & Portfolio Build, run in CI and publish a complete Cypress framework for automationexercise.com covering 11 UI and API requirements, graded with a professional rubric.
