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.

Related Content you might be interested in

Current Title:

Small book image
End-to-End Web Testing with Cypress
Waweru Mwaura
Jan, 2021 | 240 pages
Small book image
A Frontend Web Developer’s Guide to Testing
Eran Kinsbruner
Mar, 2022 | 304 pages
Small book image
Modern Web Testing with TestCafe
Dmytro Shpakovskyi
Sep, 2020 | 168 pages
Small book image
Test Automation Engineering Handbook
Manikandan Sambamurthy
Jan, 2023 | 276 pages
Table of Contents (17 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Conventions used
Get in touch
Reviews
1
Section 1: Cypress as an End-to-End Testing Solution for Frontend Applications
Section 1: Cypress as an End-to-End Testing Solution for Frontend Applications
Free Chapter
2
Chapter 1: Installing and Setting Up Cypress
Chapter 1: Installing and Setting Up Cypress
Technical requirements
Installing Cypress on Windows
Installing Cypress on MacOS
Opening Cypress
Switching browsers
Adding npm scripts
Running Cypress tests
Summary
3
Chapter 2: Differences between Selenium WebDriver and Cypress
Chapter 2: Differences between Selenium WebDriver and Cypress
Why choose Cypress?
Comparing Cypress and Selenium WebDriver
Cypress for frontend applications
Summary
4
Chapter 3: Working with Cypress Command-Line Tools
Chapter 3: Working with Cypress Command-Line Tools
Technical requirements
Running Cypress commands
Understanding basic Cypress commands
Cypress debugging on the command line
Summary
5
Chapter 4: Writing Your First Test
Chapter 4: Writing Your First Test
Technical requirements
Creating test files
Writing your first test
Writing practical tests
Cypress' auto-reload feature
Cypress assertions
Summary
6
Chapter 5: Debugging Cypress Tests
Chapter 5: Debugging Cypress Tests
Technical requirements
Understanding page events
Understanding errors on a test runner
Understanding time travel on executed tests
Understanding test snapshots
Understanding the console debug output
Special debugging commands
Summary
7
Section 2: Automated Tests with the TDD Approach
Section 2: Automated Tests with the TDD Approach
8
Chapter 6: Writing Cypress Tests Using the TDD approach
Chapter 6: Writing Cypress Tests Using the TDD approach
Technical requirements
Understanding TDD
Writing TDD tests in Cypress
Setting up the application
Recap – setting up the application
Modifying TDD tests
Summary
9
Chapter 7: Understanding Element Interaction in Cypress
Chapter 7: Understanding Element Interaction in Cypress
Technical requirements
Understanding actionability
Forcing actionability
Summary
10
Chapter 8: Understanding Variables and Aliases in Cypress
Chapter 8: Understanding Variables and Aliases in Cypress
Technical requirements
Understanding Cypress variables
Understanding Cypress aliases
Summary
11
Chapter 9: Advanced Uses of Cypress Test Runner
Chapter 9: Advanced Uses of Cypress Test Runner
Technical requirements
Understanding the instrument panel
Understanding the Selector Playground
Test Runner keyboard shortcuts
Summary
12
Section 3: Automated Testing for Your Web Application
Section 3: Automated Testing for Your Web Application
13
Chapter 10: Exercise – Navigation and Network Requests
Chapter 10: Exercise – Navigation and Network Requests
Technical requirements
Implementing navigation requests
Implementing network requests
Advanced navigation request configuration
Summary
14
Chapter 11: Exercise – Stubbing and Spying XHR Requests
Chapter 11: Exercise – Stubbing and Spying XHR Requests
Technical requirements
Understanding XHR requests
Understanding how to stub requests
Understanding how to spy on methods in a test
Summary
15
Chapter 12: Visual Testing in Cypress
Chapter 12: Visual Testing in Cypress
Technical requirements
Visual testing
Understanding viewports
Automated visual testing tools
Summary
16
Other Books You May Enjoy
Other Books You May Enjoy
Packt is searching for authors like you
Leave a review - let other readers know what you think

To get the most out of this book

You will need some understanding of JavaScript and you will need Node.js and the Yarn and npm package managers installed on your machine. All the code examples given have been tested on macOS and should work okay with all Linux OSes too. For Windows OSes, especially for the last three chapters, kindly read the additional notes in the callout box, in the Technical requirements section on how to run the commands on Windows. At the time of writing, all the examples have been tested with Cypress version 6.2.1.

Important note

At the time of publication, this book was written with Cypress version 6.2.1, and some features may have been broken or deprecated. Kindly check our GitHub repository for the latest code updates and changes.

If you are using the digital version of this book, we advise you to type the code yourself or access the code via the GitHub repository (link available in the next section). Doing so will help you avoid any potential errors related to the copying and pasting of code.

Always try out the exercises; they are not just for fun but are crafted to help you learn and grasp the content of the chapters.

Previous Section
Next Section