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

Creating test files

All tests within Cypress must be within a test file for them to run. For a test to be considered useful, it must validate all the conditions that we have defined in the test and return a response stating whether the conditions have been met. Cypress tests are no exception to the process of writing tests, and all the tests that are written in a test file must have a set of conditions to be validated.

In this section, we will go through the process of writing a test file, starting from where a test file should be located in Cypress, different extensions that Cypress supports, and the file structures that test files written in Cypress should follow.

Testfiles location

Cypress creates test files by default when it is initialized in the cypress/integration/examples directory. However, these can be deleted as they are intended to show the proper format of utilizing different Cypress test types and assertions. Cypress allows you to be flexible when it comes to...