Some of the more advanced Cypress testing concepts that take your tests to the next level.

Similar to how you need a testing strategy to determine what to test, you need a data strategy for how to work with testing data.

Database Initialization and Seeding

How to run your Cypress tests in your favorite Continuous Integration providers.

Running in Continuous Integration (CI)

In this lesson you will learn how to use cy.intercept() to manipulate and test network http requests and responses.

Intercepting HTTP Requests

How to use Cypress for your API and integration tests.

API and Integration Tests

Best practices and methods for writing Cypress custom commands.

Building Custom Commands

How to run your Cypress tests in different browsers and various viewports.

Viewport and Browser Testing

Some of the most useful Cypress testing methods available that few people know about.

Cypress Methods You Need to Know

How to use real data to drive your dynamic tests.

Using Data for Dynamic Tests

Advanced Cypress Testing Concepts

The fundamentals of Cypress you must know.

How to write tests using the Arrange, Act and Assert pattern.

How to Write a Test

Cypress's architecture runs inside of the browser. This means that your tests are being executed in the same environment as your application.

Cypress Runs Tests in the Browser

It's important to understand the mechanism Cypress uses to chain commands together. This lesson will teach you how.

Command Chaining

How Cypress handles things asynchronously is often misunderstood by developers and can lead to issues later on. Find out more in this lesson.

The Asynchronous Nature of Cypress

Cypress will automatically wait until an element becomes visible, becomes enabled, or when another element is no longer covering an element.

Waiting and Retry-ability

Best practices and tips on how to debug failing tests.

How to Debug Failing Tests

Cypress is just JavaScript which means you can leverage 3rd party libraries and other language features within your tests.

Cypress is just JavaScript

Cypress Fundamentals

The fundamentals and testing basics you need to write great tests.

Understand the testing mindset that is necessary before you begin writing tests.

Testing is a Mindset

How to test user journeys, new features and bugs within your application.

Identifying What to Test

The differences between automated testing and manual testing.

Manual vs Automated Testing

To ship reliable software, testing should be everyone's responsibility and involve the entire team at the start of a project.

Who should be responsible for testing?

The difference between unit, integration and end to end tests.

The Testing Pyramid

Testing Foundations

How to test your first application with Cypress.

How to install the course application and get it up and running.

App Install and Overview

How to install Cypress and write your first end to end test.

Installing Cypress and writing your first test

How to test forms and create custom Cypress commands.

How to test forms and custom Cypress commands

How to test multiple pages

Learn what user journey's are and how to write tests for them.

How to test user journeys

Testing Your First Application

Users can signup, login and logout. Errors are displayed and handled correctly.

Understand what is happening beforeEach() test is run

Authentication Overview and Setup

Verifies that unauthenticated users cannot access the app.

Unauthenticated Users

Verifies that the login form validation works and renders the correct error messages

Login Errors

Verifies users with an incorrect username and/or password cannot access the app.

Invalid Users

A User Journey Test. This single test ensures a user can sign up for an account, log in to that account, add their bank account, and log out.

Sign-up, Login, Create Bank Account and Logout

Authentication

Bank Accounts Overview and Setup

Verifies that users are able to add and create new bank accounts

Creating a New Bank Account

Verifies that the UI displays the correct content when a user does not have a bank account

Users Without Bank Accounts

Bank Accounts

Users can send and receive payments. Transactions can be filtered and searched.

New Transaction Overview and Setup

Verifies that users are able to send payments to one another

Submitting a Payment to Another User

Verifies that a payment sent to another user updates that users account in the app and also in the database

Verifying the Deposit of a Payment

Verifies that users can seach and filter transactions by attributes

Searching by Attributes

New Transactions

Notifications and their relationships with users.

Notifications Overview and Setup

Verifies that there are no notifications by default

Renders an Empty Notifications State

Verifies that notifications are triggered and displayed between three different users

Notifications between several users

Notifications

What you need to know to understand the examples below

A general overview of what the Real World App is and how to use it

Cypress Real World App Overview

Our recommended approach to testing web applications

Our Approach to Testing the Real World App

A detailed explanation of all the custom Cypress Commands used in the app

Custom Cypress Command Examples

Real World App Overview

The application UI renders the correct transactions in different states.

Transaction Feeds Overview and Setup

Verifies the UI displays the correct components and layout between desktop and mobile

App Layout and Responsiveness

Verfifies the correct transaction and is rendered dependent upon its state and status

Renders Transactions Item Variations in Feed

Verifies that users can filter transactions using a date range picker

Filters Transaction Feeds by Date Range

Verifies that the personal tab only displays transactions for the currently logged in user

Mine Feed Only Shows Personal Transactions

Transaction Feeds

Transaction details display the correct information in various states.

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Transaction View Overview and Setup

Verifies that the navigation tabs are hidden by default on the transaction view page

Transactions Navigation Tabs are Hidden on a Transaction View Page

Verifies that comments for transactions work correctly

Comments on a Transaction

Verifies that the reject request button does in fact reject the transaction

Rejects a Transaction Request

Verfies that completed requests do not display the accept or reject buttons

Does not Display Accept or Reject Buttons on Completed Request

Transaction View

Users can update their account settings. Errors are displayed and handled correctly.

User Settings Overview and Setup

Verifies that the user settings form validation works and renders the correct error messages

User Setting Form Errors

Verifies that a user is able to update their peronsal info and settings

Real World Examples

About these examples

What You Will Learn