You're reading from End-to-End Web Testing with Cypress Explore techniques for automated frontend web testing with Cypress and JavaScript

Product type Paperback

Published in Jan 2021

Publisher Packt

ISBN-13 9781839213854

Length 240 pages

Edition 1st Edition

Languages

JavaScript

Tools

Cypress

Concepts

Test Driven Development

Author (1):

Waweru Mwaura

View More author details

Table of Contents (17) Chapters

Preface

1. Section 1: Cypress as an End-to-End Testing Solution for Frontend Applications

2. Chapter 1: Installing and Setting Up Cypress FREE CHAPTER

3. Chapter 2: Differences between Selenium WebDriver and Cypress

4. Chapter 3: Working with Cypress Command-Line Tools

5. Chapter 4: Writing Your First Test

6. Chapter 5: Debugging Cypress Tests

7. Section 2: Automated Tests with the TDD Approach

8. Chapter 6: Writing Cypress Tests Using the TDD approach

9. Chapter 7: Understanding Element Interaction in Cypress

10. Chapter 8: Understanding Variables and Aliases in Cypress

11. Chapter 9: Advanced Uses of Cypress Test Runner

12. Section 3: Automated Testing for Your Web Application

13. Chapter 10: Exercise – Navigation and Network Requests

14. Chapter 11: Exercise – Stubbing and Spying XHR Requests

15. Chapter 12: Visual Testing in Cypress

16. Other Books You May Enjoy

Writing TDD tests in Cypress

In this section, we will focus on writing TDD tests using Cypress. Throughout this section, we will build a Todo application and apply the TDD principles. First, we need to have a design in mind so that we can write proper tests and also critically think about the features of our application. The goal of this chapter will be to create an application that will add todo items, delete todo items, show added todo items, and show the count of the added todo items. A mockup of the final application is shown in the following screenshot. Every step we follow will help us achieve the mockup we desire:

Figure 6.1 – Todo application mockup

The preceding screenshot shows a mockup of our Todo application that we will be building. We will use a TDD approach with tests written in Cypress. The application will have the following features: