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

Understanding the Selector Playground

The Selector Playground is an interactive feature of the Cypress Test Runner. The Selector Playground gives you the ability to determine unique selectors, check elements that match a specific selector, and check the elements that match a specific text in the Cypress application. In this section, we will look at different strategies that Cypress uses to select elements and how from the Test Runner we can identify the selectors that we can use in our tests. By the end of this section, you will learn how to use Cypress to uniquely select elements using the Selector Playground and also how to use the selector strategies that Cypress utilizes to run tests.

Selecting unique elements

The Selector Playground could be one of the most underutilized features in the Cypress Test Runner, but also one of the most useful for anyone who wants to write tests that have meaningful selectors. The Selector Playground enables us to identify valid selectors and...