Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Cypress: Web Automation Testing from Zero to Hero

Name: Cypress: Web Automation Testing from Zero to Hero
Rating: 4.7 (10927 reviews)

E2E Web UI Automation from scratch. Fully Updated in August 2025.

Bestseller

Highest Rated

Created byArtem Bondar

Last updated 5/2026

English

What you'll learn

JavaScript fundamentals for beginners in the programming
How to set up and configure Cypress
How to build locators for any Web Elements using powerful jQuery Selector Engine built-in Cypress (forget about X-Path)
How to interact and automate any kind of web components
What is API. How to interact with APIs, mock API response and make assertions. Also how to create test data precondition using API calls
How to organize and reuse code with Page Object design pattern.
How to configure multiple custom reporters, retry logic for failed tests and run tests in Docker container
Parallel test execution, Cypress Dashboard, Cross Browser and Visual testing

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

Course content

9 sections • 72 lectures • 10h 54m total length

Introduction2:48
Introduction to this class with quick overview
Cypress Limitations3:13
Review of Cypress framework limitations
Development Environment Setup5:44
This lecture covers the installation of all required components to prepare your environment for writing Cypress tests
Test Applications Overview5:13
Test applications overview that will be used in this course

Module overview2:22
Overview of what will be covered in the module JavaScript fundamentals
Hello World4:37
The first run of JavaScript code "Hello World"
Variables, Constants and Data Types11:13
How to create variables and constants, what are the differences between those and data types in JavaScript
Concatenation and Interpolation6:12
Two ways how to combine several values together into a new desired value
Objects and Arrays8:57
How to create objects and arrays. What is the difference between those. Syntax rules. How to read data from an object or array. How to update/replace data in an object or array.
Relational and Equality operators7:57
Introduction to different types of relational (comparison) and equality operators. How do they work.
These operators are often used in building the logic of the execution flow
Logical operators9:35
Logical "AND", "OR" and "NOT" operators. How to use them in the execution flow with examples.
Conditional statement8:17
The flow control of the code execution with if/else conditional statement
Loops9:26
How to repeat the code execution based on the desired condition. This is what the "loops" are for.
Functions15:15
Create reusable components of your code using functions. Declarative functions, anonymous functions, and arrow functions. How to parametrize functions and pass an argument into a function. How to return the result of the function. How to export/import functions.
Class and methods6:52
An alternative way of abstraction (code reusability) using classes and methods in JavaScript
JavaScript practice test

Cypress Framework Setup7:09
Installation of the Cypress framework
Framework Structure Overview4:51
Overview of the Cypress Framework and folder structure
Initial Configuration5:34
Cypress framework configuration
Cypress Runner8:40
Overview of the Cypress runner interface
Test Execution with CLI5:29
How to execute tests with the command line interface
Tests Structure8:10
How tests are organized in Cypress

DOM Terminology8:37
A detailed explanation of DOM terminology. Required basics which need to clearly understand before moving forward
What is Locator3:44
Explanation of the different types of locators in Cypress
Locator Syntax Rules12:16
Variety of technics how to find web elements on the web page using Cypress.
Cypress Locator Methods14:03
What Cypress methods are used to find web elements on the page
Child Elements9:33
How to find child elements and what are the syntax rules around it.
Parent Elements9:56
How to find a parent web element and the syntax rules around it
Cypress Command Chains6:14
How the Cypress chaining interface works. It's unique and important to understand.
Reusing Locators15:19
How to store locators in Cypress and use it later in the script.
Extracting Values From Page12:54
Different examples of how to use Cypress "invoke()" command to get values of attributes, text valuaes and browser properties
Assertions and Retry8:18
How Cypress assertions work and their retry-ability mechanism
Timeouts7:53
How to configure the timeout in Cypress and how it works.

Input Fields15:08
How to interact with Input Fields in Cypress and make assertions of input fields values
Radio Buttons11:42
How to interact with Radio Buttons in Cypress.
Checkboxes4:39
How to interact with checkboxes in Cypress. The difference between click() and check() commands
Lists and Dropdowns15:58
How to work with Lists and Dropdowns. Looping through the list of web elements.
Tooltips4:52
How to automate the tooltips
Dialog Boxes8:15
How to interact with Dialog boxes in Cypress
Web Tables (part 1)14:05
Different methods of how conveniently interact with Web Tables. Get table rows by text and by index value.
Web Tables (part 2)10:11
How too loop through the table rows to validate table cells information in each row
Datepickers (part 1)10:32
Automation of Web Datepicker. How to select date in the calendar dynamically using JavaScript Date() object
Datepickers (part 2)11:16
Implementation of the logic flow, how based on the desired month, automatically flip the month selector for the desired date.
Sliders5:01
How to automate sliders.
Drag & Drop3:33
How to automate Drag and Drops
iFrames8:01
Automating iFrames in Cypress. The workaround to work with this type of web element.
Knowledge Check

What is Page Objects9:02
What is page objects and why do we need it?
First Page Object10:14
Definition of Page Object. Creation of first Page Object for navigation across the application.
Conditional Object Function8:27
Creation of the helper function that will help to manage the conditional behavior of UI element
Parametrized Object Method15:25
Adding more Page Objects, refactoring existing code base and reorganizing the end-to-end flow re-using page objects
Methods Annotations5:09
How to make page object methods more meaningful and descriptive
Custom Commands8:29
Explanation of the Cypress Custom Commands. Creation of Login Custom Command.

What is API?15:07
Explanation of what is API (Application Programming Interface) and how does it work.
New Project Setup9:28
Review of the test project and setting up the new Cypress framework
API Mocking15:28
How to intercept browser API request using Cypress Server and provide a mock response on that
Modify API Response6:56
How to intercept API response, modify, and send back tothe application
Router Matcher5:07
What is a router matcher, and how to use properties of the router matcher object
Waiting for Browser API Calls11:56
How to dynamically wait for API response to make UI tests more stable
Using Postman17:03
How to use Postman for exploratory testing of APIs
Test Data Setup Using APIs14:43
How to set up test data for the UI test using APIs
End-to-End API Testing9:26
Interaction with API using Cypress. Running end-to-end test using just APIs.
API Headless Authorization8:31
How to make headless user authorization bypassing the login page with a user credentials.

NPM Scripts8:05
Writing custom NPM scripts to build the application and run tests with a single command
Environment Variables20:10
Review of the few different options how to work with environment variables in Cypress
Test Retries7:33
Configuration or Test Retries in "runMode", "openMode", and on the spec level.
Test Data Generator6:47
How to easily generate a lot of random test data.
Data-Driven Testing9:08
How run the same test with a different test data in the loop
Multiple Test Reports23:45
Adding JUnit XML reporter and Mochawesome HTML report. Both reports generated at the same time.
Cypress With Docker Container14:35
Configuring Dockerfile and Docker-Compose files to run Cypress tests in Docker container and getting test results back to the host machine
Reusing Logged In State6:47
How to use cy.session() method to reuse logged in state across multiple tests.
Test Tags5:51
How to use tags to target execution of different tests across spec files.

Requirements

No prerequisites are required. This course teaches from the ground up even for the very beginners
Don't be shy to ask instructor a question when something is not clear or does not work

Description

This comprehensive course provides complete mastery of the Cypress testing framework, a modern JavaScript-based automation tool that includes everything you need out of the box: Test Runner, assertion libraries, reporters, and seamless integration capabilities. Cypress executes tests in the same run loop as your application, delivering exceptional performance and speed.

Who This Course Is For

Beginners welcome - No prior JavaScript experience required
Testing professionals seeking modern automation skills
Developers looking to integrate testing into their workflow

Note: For programming newcomers, we include a dedicated JavaScript fundamentals section.

What You'll Learn

Foundation Skills

Build strong foundational concepts from zero
Master locator strategies for any web element
Develop skills transferable to any automation framework
Become proficient in element identification and interaction

Core Cypress Capabilities

Understand Cypress architecture and modern JavaScript-based approach
Learn the sequence of Cypress commands for browser automation
Master the scripting approach that makes Cypress accessible to all skill levels

API Testing Integration

Learn API fundamentals from the ground up
Explore Cypress's API interaction capabilities
Understand practical use cases for API testing in end-to-end scenarios
Apply API testing effectively within E2E test suites

Code Organization and Maintainability

Implement Page Object patterns for scalable test architecture
Structure code for reusability and maintainability
Transition from small test suites (10-20 tests) to enterprise-scale frameworks (200-300 tests)
Eliminate code duplication through proper design patterns

Advanced Topics

Configure environment variables for different testing environments
Set up multiple reporters for comprehensive test reporting
Deploy and run tests in Docker containers

Course Methodology

This course follows a "From Zero to Hero" approach, ensuring every concept is thoroughly explained regardless of your starting point. The curriculum emphasizes practical application over theoretical knowledge, focusing on real-world scenarios and best practices.

By course completion, you will have developed comprehensive Cypress expertise, enabling you to:

Build robust, maintainable automation frameworks
Implement both UI and API testing strategies
Apply professional development practices to testing
Deploy tests in modern containerized environments

Who this course is for:

Manual QA Engineers who willing to pick up first automation framework
Automation Engineers who switching from Selenium to Cypress
Developers who want quickly pick up automation with Cypress
Cypress begginers

Cypress: Web Automation Testing from Zero to Hero

What you'll learn

Explore related topics

Coding Exercises

Course content

Preparation4 lectures • 17min

JavaScript Fundamentals11 lectures • 1hr 31min

Cypress Hands-On Overview6 lectures • 40min

Interaction with Web Elements11 lectures • 1hr 49min

Automation of User Interfaces13 lectures • 2hr 3min

Page Object Design Pattern6 lectures • 57min

Working with APIs10 lectures • 1hr 54min

Advanced Features9 lectures • 1hr 43min

Final Words2 lectures • 2min

Requirements

Description

Who this course is for: