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):

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

Adding npm scripts

scripts is a package.json property that gives a user the ability to run commands via the command line in JavaScript applications. npm scripts can be used to add environment variables to the properties of an application, package applications into production-ready bundles, run tests, or automate any other activity in JavaScript applications. npm scripts can either be used as defined by npmjs.com or customized based on the user's preferences and applications. In this section, we will learn how to write npm scripts to run our Cypress tests, to open our Cypress tests, and even to combine different npm scripts to achieve different results.

Opening a Cypress command script

To create a scripts command to open Cypress, you need to write the script name then add the command that npm will run when the script is executed. In this case, our command to open Cypress will be embedded in a script called open. We can achieve this by adding the following command to the scripts...