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

Cypress' auto-reload feature

By default, Cypress watches for file changes and reloads the tests immediately when a file change is detected. This only happens if Cypress is running. The Cypress auto-reload feature comes in handy because you do not need to rerun the tests once you've made changes to their test files.

With the auto-reload feature, it is possible to have instant feedback and understand whether their changes were successful or whether their tests are failing. Due to this, this feature allows you to save time that would have otherwise been used for debugging tests or checking whether the changes that were made fixed the problem.

While Cypress' auto-reload feature is enabled by default, you may opt to turn it off and manually rerun the tests after making a change. Cypress allows you to stop watching for file changes. This can either be done by configuring the cypress.json file or by using Cypress' command-line configuration options. When using the...