Cypress: Web Automation Testing from Zero to Hero

10h 39m 49s
English
Paid

Course description

This class will give you a complete understanding of what is Cypress framework and you will learn how to use all key framework capabilities. Cypress is a very modern JavaScript-based framework. It has everything you need right out of the box: Test Runner, Assertion libraries, reporters and so on. It s very nicely and easily can be integrated into the front end application (this is what we will do) and your tests will be executed in the same run loop as your application. That's why this framework is very fast!  And don't worry if you never used JavaScript before.

Read more about the course

Writing automation tests in Cypress looks more like knowing what sequence of the Cypress commands you should call to perform certain actions in the browser. It s not really programming. It's a kind of scripting following Cypress rules.

We will start with the very basic concepts of Web UI Automation so you will have the right foundation from the beginning (From Zero). Even if you will use any other framework for web automation in the future, the basics from this class will remain with you forever and will be very useful. I promise that you will be a GURU in building locators for any web element on the page. This is one of the most important parts of UI Automation and I have spent a lot of time on a detailed explanation of that.

Unlike many other Automation frameworks, Cypress can interact with APIs as well and you can automate API testing with Cypress actually. So again, if you don't know what API is about, we will start with Zero and learn everything you need to know about Cypress capabilities for API interaction.

And we definitely go through Page Objects, which is very important to use! When you have 10-20 tests, you can maintain your code as is, but when you have 200-300 tests, the maintainability of the test framework is a number one priority. The right structure of page objects is a key for the code reusability (no copy/paste your code) and maintainability.

Also, we will go thought different advanced topics such as environment variables, setting up multiple reporters, cypress retry plugin for failed tests and eventually we will run tests in Docker Container. If that will be your first experience with Docker, no worries, we will talk about basic Docker concepts as well.

By the end of the class, trust me, you will be a Cypress Hero :)

Requirements:
  • No prerequisites required. Some experience with Selenium or JavaScript will be a plus but not necessary
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

What you'll learn:

  • 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 and Headless user authentication
  • 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, Cross Browser and Visual testing

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 55 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Cypress: Web Automation Testing from Zero to Hero

0:00
/
#1: Introduction

All Course Lessons (55)

#Lesson TitleDurationAccess
1
Introduction Demo
02:38
2
Cypress vs Selenuim
05:56
3
Quick Note
00:51
4
Preparation of development environment
07:41
5
Module overview
02:33
6
Hello World
04:48
7
Variables, Constants and Data Types
11:23
8
Concatenation and Interpolation
06:23
9
Objects and Arrays
09:08
10
Relational and Equality operators
08:07
11
Logical operators
09:46
12
Conditional statement
08:27
13
Loops
09:36
14
Functions
15:26
15
Class and methods
07:03
16
Clone application under test
06:17
17
Cypress Installation
09:17
18
Cypress Configuration
06:02
19
Cypress 9 vs Cypress 10
06:43
20
DOM Terminology
08:51
21
Tests Structure
05:37
22
Types of Locators
18:37
23
Finding Web Elements
17:17
24
Saving Subject of the Command
21:43
25
Invoke Command
19:43
26
Checkboxes and Radio Buttons
14:16
27
Web Datepickers
20:39
28
Lists and Dropdowns
23:40
29
Web Tables
28:54
30
PopUps and ToolTips
12:31
31
Cypress Assertions
09:03
32
First Page Object
15:09
33
End-to-End Flow With Page Objects
22:33
34
Custom Commands
04:02
35
What is API?
07:30
36
JSON Objects
09:27
37
New Project Overview
08:16
38
Verification of the Browser API Calls
16:24
39
Mocking API Response
27:10
40
Cy.Intercept() in details
11:34
41
API Calls Using Cypress
21:23
42
Headless Authorization
06:54
43
NPM Scripts and Cypress CLI
12:08
44
Environment Variables
25:14
45
Test Retries
07:53
46
Multiple Test Reports
15:50
47
Cypress With Docker Container
14:30
48
Login With OKTA
06:56
49
Cross Browser Testing
12:55
50
Shadow DOM
04:52
51
Cypress Dashboard and Parallel test execution
15:49
52
FREE Dashboard for Cypress
08:08
53
Visual Testing
20:19
54
Where to Find More Information?
05:05
55
Final Words
00:52

Unlock unlimited learning

Get instant access to all 54 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Testing JavaScript with Kent C. Dodds

Testing JavaScript with Kent C. Dodds

Sources: Kent C. Dodds
This course will apply the four-layer testing method to a React application, but this foundational strategy can be applied across any JavaScript framework: Angular, Vue, legacy ...
14 hours 11 minutes 26 seconds
Cypress V6- UI Automation Testing + API Testing + Frameworks

Cypress V6- UI Automation Testing + API Testing + Frameworks

Sources: udemy
Cypress is a JavaScript End to End Testing Framework that is popular and still growing in popularity due to the great features and how easy it is to write tests.
36 hours 56 minutes 3 seconds
Automated Software Testing with Cypress

Automated Software Testing with Cypress

Sources: udemy
Learn web automation and testing using world most popular non selenium framework called Cypress. This course is designed to be as practical as possible. We will be coding straig...
15 hours 55 minutes
Testing Next.js Apps with Jest, Testing Library and Cypress

Testing Next.js Apps with Jest, Testing Library and Cypress

Sources: udemy
Learn to test a real-world serverless React app with routes, authentication, database and more! Learn how to test your Next.js app from top to bottom! Tests pro
7 hours 35 minutes 24 seconds
Cypress End-to-End Testing - Getting Started

Cypress End-to-End Testing - Getting Started

Sources: Academind Pro
Automated testing is a vital part of modern application development. Of course, website development is no exception - you must be able to run automated tests to efficiently dete...
6 hours 17 minutes 7 seconds