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

A case study – a real-life web application testing strategy

Let's take a specific website and design a testing strategy that will fit end user expectations. For this exercise, I used the Miro tool to create a mind map of the E2E website application flows and scoping of the tests.

The following illustration is based on the Barclays website application, serving mainly the UK. I placed the major testing types with some real-life navigation options that are available for the customers of this bank from any mobile device or desktop OS:

Figure 6.4– A mind map example of web testing for the Barclays website, drawn with Miro boards

As you can see from the preceding mind map, the website testing plan covers all types of test categories to ensure the high quality and performance of the web application. The mind map focuses on tests such as API testing, functional testing broken by the navigation flows within the website, the usability of the web...