Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
A Frontend Web Developer's Guide to Testing
A Frontend Web Developer's Guide to Testing

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

eBook
€17.99 €26.99
Paperback
€32.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning
Table of content icon View table of contents Preview book icon Preview Book

A Frontend Web Developer's Guide to Testing

Chapter 1: Cross-Browser Testing Methodologies

Over the past few years, web technology has advanced significantly. End users are now exposed to a whole new level of mature web apps in the form of responsive and progressive apps such as React and Flutter. With these advancements, developers are challenged more than ever with ensuring the continuous quality of their web apps, regardless of which platforms (mobile, desktop, or both) they are being used on.

This chapter covers the most advanced web technologies and web application types you will come across, including responsive and progressive types. It is specifically designed to cover the main trends that typically impact web application developers, along with the various testing types that are relevant for such applications. The web landscape offers developers a wide range of web application types across different application frameworks. Applications such as responsive web, progressive web, Flutter, React Native, and more are only a subset of the range of such applications. In this chapter, we will outline the main application types and what they mean as well as how they differ from each other to help frontend developers consider different testing activities.

This chapter will cover the following main topics:

  • An overview of the web landscape
  • Understanding web application types
  • Testing types for web applications
  • Understanding headed and headless browsers within app development and testing
Left arrow icon Right arrow icon
Download code icon Download Code

Key benefits

  • 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

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.

Who is this book 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.

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

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Mar 29, 2022
Length: 304 pages
Edition : 1st
Language : English
ISBN-13 : 9781803249674
Languages :

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning

Product Details

Publication date : Mar 29, 2022
Length: 304 pages
Edition : 1st
Language : English
ISBN-13 : 9781803249674
Languages :

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total 138.97
React and React Native
€37.99
Solutions Architect's Handbook
€67.99
A Frontend Web Developer's Guide to Testing
€32.99
Total 138.97 Stars icon

Table of Contents

18 Chapters
Part 1 – Frontend Web Testing Overview Chevron down icon Chevron up icon
Chapter 1: Cross-Browser Testing Methodologies Chevron down icon Chevron up icon
Chapter 2: Challenges Faced by Frontend Web Application Developers Chevron down icon Chevron up icon
Chapter 3: Top Web Test Automation Frameworks Chevron down icon Chevron up icon
Chapter 4: Matching Personas and Use Cases to Testing Frameworks Chevron down icon Chevron up icon
Chapter 5: Introducing the Leading Frontend Web Development Frameworks Chevron down icon Chevron up icon
Part 2 – Continuous Testing Strategy for Web Application Developers Chevron down icon Chevron up icon
Chapter 6: Map the Pillars of a Dev Testing Strategy for Web Applications Chevron down icon Chevron up icon
Chapter 7: Core Capabilities of the Leading JavaScript Test Automation Frameworks Chevron down icon Chevron up icon
Chapter 8: Measuring Test Coverage of the Web Application Chevron down icon Chevron up icon
Part 3 – Frontend JavaScript Web Test Automation Framework Guides Chevron down icon Chevron up icon
Chapter 9: Working with the Selenium Framework Chevron down icon Chevron up icon
Chapter 10: Working with the Cypress Framework Chevron down icon Chevron up icon
Chapter 11: Working with the Playwright Framework Chevron down icon Chevron up icon
Chapter 12: Working with the Puppeteer Framework Chevron down icon Chevron up icon
Chapter 13: Complementing Code-Based Testing with Low-Code Test Automation Chevron down icon Chevron up icon
Chapter 14: Wrapping Up Chevron down icon Chevron up icon
Other Books You May Enjoy Chevron down icon Chevron up icon

Customer reviews

Most Recent
Rating distribution
Full star icon Full star icon Full star icon Full star icon Half star icon 4.9
(17 Ratings)
5 star 94.1%
4 star 0%
3 star 5.9%
2 star 0%
1 star 0%
Filter icon Filter
Most Recent

Filter reviews by




Bladimir Ventura Nov 30, 2023
Full star icon Full star icon Full star icon Empty star icon Empty star icon 3
I am still waiting for my physical books. It has passed almost a month since I bought them.
Feefo Verified review Feefo
P. Daye Dec 26, 2022
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I pre-ordered "A Front-End Web Developer's Guide to Testing" on the strength of the author's previous works, but its arrival couldn't have been timelier as I joined a new team and one of the first tasks was to select a Web test automation framework. While the book focuses on four popular frameworks (Cypress, Playwright, Puppeteer, and Selenium), it is much more than a recitation of each framework's capabilities. This book is about how to go about the process of selecting the best framework for your needs.The book opens discussing front-end testing in general. It discusses common testing methodologies, including both functional and non-functional testing. It introduces some of the more popular frameworks used in front-end development and the different challenges these pose when attempting to automate tests.The second section of the book deals with the quality needs of the team and mapping these to the core capabilities of the frameworks under discussion. This begins to build a decision-making model used throughout the rest of the book. This may be the real value of the book. Learning to make the decision lasts well past the current selection.And, of course, the book looks deeply at each of the four frameworks. More than a recitation of the READ.ME page for each framework, the author peels back the cover to give an in-depth view of the capabilities. Even more important, he calls out shortcomings of the frameworks and where the focus should be for the future.In the closing section, there is a brief discussion of a handful of commercial low-code/no-code tools.So, who should read this book? The obvious answer is anyone involved in the selection of an end-to-end Web testing framework. However, this is a great read for anyone involved in software testing - whether you have the word "test" in their title or not. Leads, managers, and architects will benefit from the decision making framework. I have recommended it to the testers I work with and the development leads of the teams we serve.
Amazon Verified review Amazon
Marco Rapaccini Aug 18, 2022
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Eran clearly explains why and how to apply a frontend testing strategy to your codebase and to adopt a testing mindset in your organisation.I think the code examples are easy to understand for anyone who has at least 2 years of experience with JavaScript, but I am sure that even a beginner wouldn't struggle.I strongly believe that a Test Driven Development (TDD) approach is more than ever necessary to build web applications that can scale and that can be maintanable for a long time: this book offers a good starting point for moving to a TDD culture.From a practical point of view, the book covers the top Web Test automation frameworks: Selenium WebDriver, Cypress, Puppeteer and Microsoft Playwright.From a 'philosophical' point of view, I am sure Eran will convince you to start writing tests as soon as possible for your code (I personally loved chapter 6!).What can I say? As a Senior Software Engineer who has spent a lot of his professional career dealing with browsers, web technologies and cloud I would highly recommend "A Frontend Web Developer's Guide to Testing" to all my Front End colleagues!
Amazon Verified review Amazon
AR Aug 02, 2022
Full star icon Full star icon Full star icon Full star icon Full star icon 5
This book offers a comprehensive perspective of the modern web development tooling and approach needed to delivery a high-quality application to users with high velocity. The book sets the scene with the latest in web development frameworks, and how they differ. Then, it turns to detail the challenges facing web developers and test teams. Then, it dives into great depths into common test frameworks, from the fundamentals all the way to extensions, integrations and future potential improvements. Last, it touches on the modern low/no code set of solutions.In my experience, many organizations, from startups to mature enterprises, either do not have a solid strategy for web testing at scale, or are struggling with modernization decisions needed to facilitate growth of the business. Every dev and/or test leader are asking themselves what should be the tooling, staffing and process. In my view, this book should be part of informed decision making in many of those teams.
Amazon Verified review Amazon
Roy N Aug 01, 2022
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I’ve learned so much about the most advanced test automation frameworks that can serve as great tools for frontend web developers and test engineers as they develop modern web apps. Covering RWD, PWA and leading web development frameworks like Vue, react, and angular for which the covered test frameworks can asses their quality is a perfect guide.
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How do I buy and download an eBook? Chevron down icon Chevron up icon

Where there is an eBook version of a title available, you can buy it from the book details for that title. Add either the standalone eBook or the eBook and print book bundle to your shopping cart. Your eBook will show in your cart as a product on its own. After completing checkout and payment in the normal way, you will receive your receipt on the screen containing a link to a personalised PDF download file. This link will remain active for 30 days. You can download backup copies of the file by logging in to your account at any time.

If you already have Adobe reader installed, then clicking on the link will download and open the PDF file directly. If you don't, then save the PDF file on your machine and download the Reader to view it.

Please Note: Packt eBooks are non-returnable and non-refundable.

Packt eBook and Licensing When you buy an eBook from Packt Publishing, completing your purchase means you accept the terms of our licence agreement. Please read the full text of the agreement. In it we have tried to balance the need for the ebook to be usable for you the reader with our needs to protect the rights of us as Publishers and of our authors. In summary, the agreement says:

  • You may make copies of your eBook for your own use onto any machine
  • You may not pass copies of the eBook on to anyone else
How can I make a purchase on your website? Chevron down icon Chevron up icon

If you want to purchase a video course, eBook or Bundle (Print+eBook) please follow below steps:

  1. Register on our website using your email address and the password.
  2. Search for the title by name or ISBN using the search option.
  3. Select the title you want to purchase.
  4. Choose the format you wish to purchase the title in; if you order the Print Book, you get a free eBook copy of the same title. 
  5. Proceed with the checkout process (payment to be made using Credit Card, Debit Cart, or PayPal)
Where can I access support around an eBook? Chevron down icon Chevron up icon
  • If you experience a problem with using or installing Adobe Reader, the contact Adobe directly.
  • To view the errata for the book, see www.packtpub.com/support and view the pages for the title you have.
  • To view your account details or to download a new copy of the book go to www.packtpub.com/account
  • To contact us directly if a problem is not resolved, use www.packtpub.com/contact-us
What eBook formats do Packt support? Chevron down icon Chevron up icon

Our eBooks are currently available in a variety of formats such as PDF and ePubs. In the future, this may well change with trends and development in technology, but please note that our PDFs are not Adobe eBook Reader format, which has greater restrictions on security.

You will need to use Adobe Reader v9 or later in order to read Packt's PDF eBooks.

What are the benefits of eBooks? Chevron down icon Chevron up icon
  • You can get the information you need immediately
  • You can easily take them with you on a laptop
  • You can download them an unlimited number of times
  • You can print them out
  • They are copy-paste enabled
  • They are searchable
  • There is no password protection
  • They are lower price than print
  • They save resources and space
What is an eBook? Chevron down icon Chevron up icon

Packt eBooks are a complete electronic version of the print edition, available in PDF and ePub formats. Every piece of content down to the page numbering is the same. Because we save the costs of printing and shipping the book to you, we are able to offer eBooks at a lower cost than print editions.

When you have purchased an eBook, simply login to your account and click on the link in Your Download Area. We recommend you saving the file to your hard drive before opening it.

For optimal viewing of our eBooks, we recommend you download and install the free Adobe Reader version 9.