Teach on Udemy

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

Learn More

Your cart is empty.

Keep shopping

The Complete Cypress Course: From Zero to Expert!

Name: The Complete Cypress Course: From Zero to Expert!
Rating: 4.3 (449 reviews)

Write Automated UI & API test scripts using JavaScript or TypeScript(E2E Testing Type).

Created byJoan Esquivel Montero

Last updated 10/2025

English

What you'll learn

Learn Cypress from scratch based on official documentation
Automatic Waiting Functionality Explained
UI Testing & Selector Strategies
Patterns: Page Object Model, and UI Custom Commands
API Testing with Token & Recommend Assertion Types
Github Actions & Parallel Execution + Cypress Dashboard
Cypress Origin & Cypress Session
Cucumber BDD Template Project + Reports
More content soon!

Course content

18 sections • 147 lectures • 10h 34m total length

Welcome! Let's start learning Cypress.1:41
Let me introduce myself.
Source Code0:04
What is Cypress?1:08
Cypress components explained. Is it free?
Cypress Features2:22
Cypress pros explained.
Cypress Tread-offs2:24
Cypress cons explained.
Javascript or Typescript? Disclaimer1:36
Can I take the course even if I don´t know Typescript? YES, this is about Cypress and just knowing JavaScript is enough
Node JS & Visual Studio Code2:16
Install development environment.
VS Code overview1:06
How to manage your project with VSCode
NPM & Package.json3:06
What is Node Package Manager & Package.json file?
Install Typescript(OPTIONAL)1:33
If you want to work with Typescript, this dependency needs to be installed.
Install Cypress2:26
Install Cypress step by step.
Configuring Cypress for E2E Testing5:44
Configuring the E2E testing type.
First Hello World2:54
Print in the test runner a "hello world" message!
Testing Javascript using Typescript + Cypress1:04
Can Javascript code be executed in my standard Cypress TS Framework? YES!
Test Runner - E2E time saving tip1:10
Configure your script to open the E2E testing type and desired browser.
Conclusions0:36
We are set up.
Let's evaluate what you have learned!

Get or visit a website using Cypress3:24
Visit a website using Cypress.io
Base URL: A must concept7:29
Learn how to set a base url for your framework.
Cy.visit with hooks1:54
Using the mocha hook to visit a website in every each it.
Subject Management in Cypress4:52
Does Cypress return values? No, they yield the subject.
cy.url and BDD assertion6:15
Getting the URL and validate it with a BDD assertion. (Not using .should(), will check why later)
cy.title and its validation2:40
Getting the HTML title and validate it with a BDD assertion. (Not using .should(), will check why later)
Challenge: Input & Button Scenario1:02
Let's review our first challenge.
Locators Introduction and cy.get()5:36
How to find an element using Cypress? Cy.get () explained
.type()2:39
Typing text using cy.type()
.click() and TDD Assertion4:59
Clicking on a button using cy.click()
.should() vs .then()2:22
Use SHOULD when only need to make assertions instead of cy.then()
All the assertions available!0:02
Keep it up!1:04
You are closer to master Cypress!
Let's evaluate what you have learned!

Introduction0:48
Why is it important to know about Locators?
cy.contains()2:58
Using Cy.Contains() with an example.
cy.get() & cy.find()2:28
cy.get(), and cy.find() together.
attribute locator - CSS Selectors2:34
Find an element by attribute using CSS selectors
class locator - CSS Selector1:55
Find an element by class using CSS selectors
MORE CSS SELECTORS0:54
Check more css selectors, it is essential.
XPath Overview1:28
What is an XPath in simple terms?
How to install de XPath Dependency?0:11
Text locator - XPath Locator3:46
Find an element by its text using an XPath
Attribute locator - XPath Locator2:47
Find an element by attribute using XPath.
XPath Challenge1:25
Can you solve this challenge? In the next video, will see the solution.
XPath Concat + Contains Trick for Classes1:47
XPath trick.
Running the challenge completed2:17
Running the challenge using Cypress and making an assertion.
Final Thoughts1:10
Keep it up!
Let's evaluate what you have learned!

Introduction0:59
Why is it important this concept?
Visit loading times with example5:11
Handle visit automatic waiting time using different approaches.
Element loading times with example5:18
Handle elements automatic waiting time using different approaches.
Progress bar challenge3:32
Wait until a progress bar reaches 100%.
Best Practices Review2:49
Cypress best practices & advices.
Let's evaluate what you have learned!

Environment Variables: Setup and CLI example6:12
Use environment variables to have dynamic values depending on your needs
Test websites disclaimer1:26
Public web sites we are going to use.
Global Viewport Configuration1:01
Setup an standard view for your viewport & framework.
Viewport Challenge Proposal3:55
Resolving the Viewport Challenge3:45
Set different viewport sizes using a couple of secret configurations.
Handling a Checkbox/Input not displayed(WEIRD SCENARIO)4:46
Checkboxes Challenge #1
Checkbox Challenge & doing the "be.checked" assertion3:51
Checkboxes Challenge #2
Let's evaluate what you have learned!

Double, and Right Click4:34
Learn how to emulate a double click and a right click with real buttons.
Link Challenges - Introduction1:08
Let's review the scenarios we are going to cover in the next videos.
Link that opens a new tab - #1 approach4:36
How to handle a link that opens in a new tab?
Link that opens a new tab - #2 approach5:07
Remove target attribute.
Spying an API request after clicking a link14:36
Check if after clicking on a link that sends an API request, it has the response you are expecting.
Backup & another website to test those scenarios0:45
Check this backup test site for more tests!
Let's evaluate what you have learned!

Broken Images. How to test them?11:09
How to check if an image is broken or not?
Challenge: Broken Images & first() + last() review.2:45
Extra tips.
Upload a file(Select Dialog Box)7:40
How to select a local file to upload it then? Check it out and learn how to do it.
Download a file8:20
You'll learn if your file was downloaded or not after clicking on a button
Accesing Parent & Child IFrames(Nested)8:26
How to handle iframes with Cypress?
Typing inside an Iframe ({selectall}+{del}) secret.5:32
Type in an iframe could be a tricky task. Review how to handle it.
Let's evaluate what you have learned!

Requirements

Basic understanding of Javascript or a related programming language.
Typescript is optional. You will learn the very basics in the process.

Description

Up to date with Cypress 13.0.0 (the most recent versions are basically the same)

You will learn Cypress Automation Basics(E2E testing type only) from scratch with multiple scenarios and good practices.

Just JavaScript basic knowledge is necessary. I will develop examples using TypeScript, but If you understand JavaScript, you'll be capable to understand and develop your first TypeScript scripts with my support.

What is Cypress io?

Cypress test framework is becoming one of the BEST web automation frameworks to setup your test automation scripts for E2E testing and Component testing. It is a great tool because is pretty easy to install, maintain, and write test scripts. Also, you can easily configure it with the most known CI/CD tools in the market. Learn Cypress Test Automation Today!

Cypress overview & feature highlight:

Cypress comes with a beautiful test runner that is going to help you as a QA Engineer to debug your test scripts, travel back in time to see what happened during the execution, and is perfect to change between your scripts with a friendly UI.

But also, you do not need the test runner, you only need to run command to run a full suite and get an HTML report.

Cypress is changing fast, and part of my objetive is bring to my students the newest features, and good practices to the course.

Here are some high level topics that you will understand if you take this course:

Introduction: What is Cypress?
Installation and recommendations
What is Mocha? What is Chai?
How to get or visit a website
Find web elements by CSS or XPath locators
Retryability: No need of wait type configurations (as we used to do in Selenium WebDriver)
Actions(Click, hover, tables)
Real UI Scenarios: Viewport, Checkboxes, Buttons, Links, Broken Images, Download a file, Upload a File, Iframes, autocomplete,and so on.
Page Object Model vs Actions(Custom Commands)
Advanced scenarios: Cookies, Fixtures, Aliases, Share Context, Excel Handling, Database Testing(MySQL), debugging, etc)
Cypress dashboard integration and CI/CD parallel execution with GitHub Actions.

New content will be added with your requests. I am planning to also cover Docker, CI/CD, and Cucumber in the near future.

Note: Recording the course I was a bit nervous, and I made some English mistakes during the explanations. Hope you understand it, and check the notes with the corrections.

Who this course is for:

QA Manual Testers
Automation Engineers
Software Developers
Project Managers
QA Leads
Test Engineers
Software Developers in Test
Web Developers
Testers

The Complete Cypress Course: From Zero to Expert!

What you'll learn

Explore related topics

Course content

Introduction & Installation Process16 lectures • 31min

Test Framework - Mocha JS4 lectures • 7min

Typescript Basics for THIS Course4 lectures • 8min

Visit a website using Base URL & Cypress Subject Management13 lectures • 44min

CSS & XPath Selectors14 lectures • 26min

Automatic Waits (Retry-ability explained)5 lectures • 18min

Click, Hover, and Dynamic Table Challenges3 lectures • 26min

Environment Variables, Viewport, and Checkboxes challenges.7 lectures • 25min

Double/Right Click, & Links(Spying requests)6 lectures • 31min

Broken Images, Upload/Download Files, & Iframes6 lectures • 44min

Requirements

Description

Who this course is for: