Learn Cypress Framework for End to End UI Testing
3.9 (91 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
343 students enrolled

Learn Cypress Framework for End to End UI Testing

UI Automation, Testing, and QA
3.9 (91 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
343 students enrolled
Created by Learning District
Last updated 8/2019
English [Auto]
Current price: $107.99 Original price: $154.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3.5 hours on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • How to setup and get started with cypress
  • How to write UI tests for frontend and use built in assertion
  • How to write and run UI end to end tests for web apps
Course content
Expand all 34 lectures 03:21:15
+ Introduction
2 lectures 06:35

What we will cover in this course

Preview 01:58

Introduction to Cypress and why we might want to use it and embed it into our project

Preview 04:37
+ Creating a new UI application
8 lectures 36:13

This lecture covers the simple UI app we are going to build. We will then use this app later to write our UI tests using Cypress

Preview 01:01

This lectures shows you how to initialize our project and install the dependencies we need to move forward with building our app.

Please ensure you have the latest version of Node.js (LTS) installed on your computer before you proceed

Preview 05:15

We will start building the back-end part of our simple application

Create the backend portion of our app

In this  lecture we will begin to build the front-end portion of our application

Create the front end portion of our app

Continuing on with our front end portion of our application, we will be a simple login page form in this lecture.

Front end part 2

Here, we will build a home page after the user has logged in. we will also build a page where the user is redirected once they logout

Front end part 3

We will modify the backend of our app to return the correct static html file to the front end given a specific request

Adding to our backend

Now that we have finished building a simple app, we will test it to ensure correct functionality

Testing our application functionality end to end
+ Up and running with cypress
2 lectures 15:11

Here, we will do a quick recap of what we have covered so far up to this point.

I have also attached the source code to this lecture. You can download the source code and start from here if you were not able to follow

Quick recap and source code up to this point

We will now install and initialize the cypress testing framework into our project

Installing cypress framework
+ Learning DOM Operations and Commonly Used Assertions
8 lectures 01:08:19

In this lecture we will create our first test file. We will also configure autocomplete to work for cypress.

Creating our first test file

We will begin by writing a simple test. Then we will run the test and I will walk you through different tools that you can use to help with writing your automated UI tests

Writing and running our first UI test

This lecture will walk you through best practices for assigning IDs to  your elements and using cypress in order to locate them before performing operations or assertions

Best Practices for locating DOM elements on the UI

In this lecture we will learn how to type inside input fields and how to click buttons within our application. we will also begin to cover simple assertions to verify what we expect to happen.

DOM Operations and Assertions

Continuing on with writing more tests and assertions. We will learn how to check for visibility of certain elements and also how to check whether an element has or does not have a given class

Tests and Assertions Part 2

Covering has value and does not have value assertion types in this section

Tests and Assertions Part 3

Covering assertions that check if element contains certain text. Also will learn about assertions that check if certain element exists on the DOM or not

Tests and Assertions Part 4

Briefly covers test setup and test teardown within our test suite

Test setup and Teardown
+ Running Tests
2 lectures 12:04

Here, we will cover how to run tests using the command "cypress open" and i will walk you guys through cypress' interactive mode.

Next, we will run the test using headless browser Electron using the command "cypress run"

Running a Singal Test File using Cypress Commands

With a very simple change, you will learn how to run multiple tests files within your project

Running Multiple Tests Files
+ Cypress Features
2 lectures 14:50

This lecture will cover how cypress can handle waits and sleeps in UI tests

Delays, Waits, and Sleeps

After this section you will be able to leverage Cypress's ability to take videos and screenshots to help troubleshoot failing tests

Videos and Screenshots
+ More DOM Operations and Interacting with Web Elements
8 lectures 38:32

We will cover some more DOM operations in Cypress that will help us interact with web elements in our tests

Commonly used DOM operations

This lecture will show you how to clear text input fields

Clearing input fields

This lecture will show you how to double click an element

Double click action

This lecture will show you how to check and un-check checkbox elements

Checking and un-checking checkbox elements

This lecture will show you how to select a radio button element

Radio button selection

This lecture will show you how to select an option from a drop-down menu

Dropdown menu selection

In this lecture I will discuss different ways of uploading files and attachments

Uploading files and attachments

This lecture will go over how to interact with elements that have no IDs or classes

Elements with no IDs or Classes
+ Cypress Limitations
1 lecture 05:59

You will gain the knowledge of what are some of cypress' limitations and what are some of the things you can not do with the cypress framework. This can help you decide if cypress is a suitable framework for your project

Limitations and Tradeoffs
+ Conclusion
1 lecture 03:32

We will cover what we learned and accomplished in this course. Please find the finished code attached to this section

Recap of the Course
  • simple knowledge of node, express(not required), html, css and bootstrap, selenium webdriver, UI testing
  • Install the latest Nodejs LTS on your machine before starting the course

This course will teach you how to install and get started with the Cypress framework. Cypress is a very powerful framework for writing end to end tests for your applications. Getting up and running with Cypress is fast and very easy. We will cover cypress and how you can write end to end UI tests to help test your application and catch any defects as result of new code or changes to existing code.

Who this course is for:
  • Front end developers
  • Backed developers
  • Fullstack developers
  • QA engineers
  • Software engineer in test