Book Image

End-to-End Web Testing with Cypress

By : Waweru Mwaura
1 (1)
Book Image

End-to-End Web Testing with Cypress

1 (1)
By: Waweru Mwaura

Overview of this book

Cypress is a modern test automation framework for web-based frontend apps. Learning Cypress will help you overcome the shortcomings of conventional testing solutions such as dependency graph problems, the steep learning curve in setting up end-to-end testing packages, and difficulties in writing explicit time waits for your tests. In End-to-End Web Testing with Cypress, you’ll learn how to use different Cypress tools, including time travel, snapshots, errors, and console output, to write fail-safe and non-flaky tests. You’ll discover techniques for performing test-driven development (TDD) with Cypress and write cross-browser tests for your web applications. As you advance, you’ll implement tests for a sample application and work with a variety of tools and features within the Cypress ecosystem. Finally, this Cypress book will help you grasp advanced testing concepts such as visual testing and networking. By the end of this book, you’ll have the skills you need to be able to set up Cypress for any web app and understand how to use it to its full potential.
Table of Contents (17 chapters)
1
Section 1: Cypress as an End-to-End Testing Solution for Frontend Applications
7
Section 2: Automated Tests with the TDD Approach
12
Section 3: Automated Testing for Your Web Application

Setting up the application

To avoid any further complexity in this section, we will not focus on how we will build the application but on how we will be implementing the tests as we build the application. For background context, the application we will be building will be using the ReactJS library, which is written in JavaScript.

Having understood what our application looks like, we will take a step-by-step approach to writing our tests before we begin the process of developing our application. As we mentioned previously, we have written the application features that we will be building toward. We will start by writing TDD tests so that we can add new todo items.

Adding new todo items

The first TDD tests that we will focus on are tests that will be responsible for checking that new todo items have been added to our todo list. To follow these steps, navigate to the tests directory that you cloned from GitHub with the following command:

 cd chapter-6/tdd-todo-app/integration...