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

Understanding the console debug output

In this section, we will understand how to leverage Cypress' console debug output to understand application state changes. We will open and interact with the console output in the browser's console. Understanding the output in the browser's console will allow us to debug tests even better, since we can investigate issues that are thrown as errors by Cypress and resolve them quickly.

Cypress is excellent at providing debugging information. Since all the information that's provided by the snapshots might not be enough, Cypress provides an additional step so that you can view the information of a specific step and its impact on elements. To view the console debug output, we will need to open our DevTools. To open the DevTools console of our Cypress test browsers, we need to follow certain steps, all of which will be discussed in the following sections.