Cypress: Web Automation Testing from Zero to Hero

Cypress: Web Automation Testing from Zero to Hero

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 8.5 Hours | 4.98 GB


Quick and easy Web UI Automation from scratch with Cypress – a modern JavaScript-based framework

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. 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 to 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

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


+ Table of Contents

Introduction
1 Introduction
2 Cypress vs Selenuim
3 Quick Note

Setting up development environment
4 Preparation of development environment
5 Clone application under test
6 Cypress Installation
7 Cypress Configuration

Interaction with Web Elements
8 DOM Terminology
9 Tests Structure
10 Types of Locators
11 Finding Web Elements
12 Saving Subject of the Command
13 Invoke Command
14 Checkboxes and Radio Buttons
15 Lists and Dropdowns
16 Web Tables
17 Web Datepickers
18 PopUps and ToolTips
19 Cypress Assertions

Page Object Design Pattern
20 First Page Object
21 End-to-End Flow With Page Objects
22 Custom Commands

Working with APIs
23 What is API
24 JSON Objects
25 New Project Overview
26 Verification of the Browser API Calls
27 Mocking API Response
28 Cy.Intercept() in Cypress 6
29 API Calls Using Cypress
30 Headless Authorization

Advanced Features
31 NPM Scripts and Cypress CLI
32 Cypress Plugin Retries
33 Retries Feature (Cypress 5)
34 Environment Variables
35 Multiple Test Reports
36 Cypress With Docker Container
37 Login With OKTA
38 Cross Browser Testing
39 Shadow DOM (Cypress 5.2)
40 Cypress Dashboard and Parallel test execution
41 FREE Dashboard for Cypress
42 Visual Testing
43 Where to Find More Information

Final Words
44 Final Words