You're reading from A Frontend Web Developer's Guide to Testing Explore leading web test automation frameworks and their future driven by low-code and AI

Product type Paperback

Published in Mar 2022

Publisher Packt

ISBN-13 9781803238319

Length 304 pages

Edition 1st Edition

Languages

JavaScript

Tools

Selenium

Concepts

Front End Web Development

Author (1):

Eran Kinsbruner

View More author details

Table of Contents (19) Chapters

Preface

1. Part 1 – Frontend Web Testing Overview

2. Chapter 1: Cross-Browser Testing Methodologies FREE CHAPTER

3. Chapter 2: Challenges Faced by Frontend Web Application Developers

4. Chapter 3: Top Web Test Automation Frameworks

5. Chapter 4: Matching Personas and Use Cases to Testing Frameworks

6. Chapter 5: Introducing the Leading Frontend Web Development Frameworks

7. Part 2 – Continuous Testing Strategy for Web Application Developers

8. Chapter 6: Map the Pillars of a Dev Testing Strategy for Web Applications

9. Chapter 7: Core Capabilities of the Leading JavaScript Test Automation Frameworks

10. Chapter 8: Measuring Test Coverage of the Web Application

11. Part 3 – Frontend JavaScript Web Test Automation Framework Guides

12. Chapter 9: Working with the Selenium Framework

13. Chapter 10: Working with the Cypress Framework

14. Chapter 11: Working with the Playwright Framework

15. Chapter 12: Working with the Puppeteer Framework

16. Chapter 13: Complementing Code-Based Testing with Low-Code Test Automation

17. Chapter 14: Wrapping Up

18. Other Books You May Enjoy

Packt is searching for authors like you

Getting started with Cypress

As explained in Chapter 3, Top Web Test Automation Frameworks, to get started with the Cypress (https://www.cypress.io/) framework, you need to install the node package through the following command line:

npm install cypress -D

After the installation is complete, you can use both the Cypress GUI and the IDE (in our case, we will use Visual Studio Code) to run your Cypress tests.

Launching the Cypress GUI is done by running the following command:

npx cypress open

The Cypress GUI

After launching the Cypress GUI using the preceding command, you will be presented with three windows:

Tests: This gives an overview of scripts and execution. In this window, you can either launch a single JavaScript or TypeScript test against any of your local browsers.
Runs: In this window, a user can log in to the dashboard and run tests in parallel, identify test flakiness and debug failures, manage multiple users and organizations, integrate...