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

JavaScript code coverage tools for web application developers

As identified in the previous section, to measure code coverage, frontend web application developers should use tools that can measure the depth of testing done by the testing types during the test execution phase. To do so, frontend developers use tools that instrument their website source code by adding different counters and analyzers that in return report back the percentage of lines of code covered by testing and the percentage of statements and branches, and with that, they can assess the overall coverage and quality of their product.

For the JavaScript development language, the most used tool is Istanbul, which also uses the Babel plugin. Most leading test automation frameworks have a plugin for Istanbul, making it the most recommended tool for measuring code coverage.

The Cypress Istanbul plugin can be obtained here: https://www.npmjs.com/package/cypress-istanbul. If you're using Jest, it comes with a...