A Frontend Web Developer's Guide to Testing

Discover expert tips and best practices for maximizing the efficacy of various test automation frameworks and gain a better understanding of their capabilities for your web projects

Key Features

• Explore the progressive features of the most advanced cross-browser test automation frameworks
• Formulate a solid testing strategy and strengthen your test coverage by selecting the right tools
• Realize the future of cross-browser test automation and the use of AI and low-code in testing

Book Description

Testing web applications during a sprint poses a challenge for frontend web app developers, which can be overcome by harnessing the power of new, open source cross-browser test automation frameworks. This book will introduce you to a range of leading, powerful frameworks, such as Selenium, Cypress, Puppeteer, and Playwright, and serve as a guide to leveraging their test coverage capability. You’ll learn essential concepts of web testing and get an overview of the different web automation frameworks in order to integrate them into your frontend development workflow. Throughout the book, you'll explore the unique features of top open source test automation frameworks, as well as their trade-offs, and learn how to set up each of them to create tests that don't break with changes in the app.

By the end of this book, you'll not only be able to choose the framework that best suits your project needs but also create your initial JavaScript-based test automation suite. This will enable fast feedback upon code changes and increase test automation reliability. As the open source market for these frameworks evolves, this guide will help you to continuously validate your project needs and adapt to the changes.

What you will learn

• Choose the ideal tool or combination of tools for testing your app
• Continuously monitor the market and ensure that your developers are using the right tools
• Advance test automation for your web app with sophisticated capabilities
• Measure both code coverage and test coverage to assess your web application quality
• Measure the success and maturity of web application quality
• Understand the trade-offs in tool selection and the associated risks
• Build Cypress, Selenium, Playwright, and Puppeteer projects from scratch
• Explore low-code testing tools for web apps

Who this book is for

If you are a frontend developer working with popular frameworks, such as Vue or React, and want to develop testing skills by learning the essentials of test automation, this book is for you. An intermediate-level understanding of JavaScript and frontend development is assumed.

Table of Contents

1. Cross-Browser Testing Methodologies
2. Challenges Faced by Frontend Web Application Developers
3. Top Web Test Automation Frameworks
4. Matching Personas and Use Cases to Testing Frameworks
5. Introducing the Leading Frontend Web Development Frameworks
6. Map the Pillars of a Dev Testing Strategy for Web Applications
7. Core Capabilities of the Leading JavaScript Test Automation Frameworks
8. Measuring Test Coverage of the Web Application
9. Working with the Selenium Framework
10. Working with the Cypress Framework
11. Working with the Playwright Framework
12. Working with the Puppeteer Framework
13. Complementing Code-Based Testing with Low-Code Test Automation
14. Wrapping Up

Eran Kinsbruner is a bestselling author and the Chief Evangelist and Senior Director at Perforce Software. He has been listed as one of the top 30 test automation leaders to follow on Twitter (TechBeacon).

Along with over 21 years of experience in development and testing at companies such as Sun Microsystems, Neustar, Texas Instruments, and General Electric, Eran holds various industry certifications such as ISTQB and CMMI.

Eran is a recognized influencer on continuous testing and DevOps thought leadership, an international speaker, blogger, and a patent-holding inventor (test exclusion automated mechanisms for mobile J2ME testing). Eran is active in the community and has his own blog.