Search icon CANCEL
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
$24.99 $35.99
Paperback
$43.99
Subscription
Free Trial
Renews at $19.99p/m

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
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
Estimated delivery fee Deliver to South Africa

Standard delivery 10 - 13 business days

$12.95

Premium delivery 3 - 6 business days

$34.95
(Includes tracking information)

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 : 9781803238319
Languages :
Tools :

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
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
Estimated delivery fee Deliver to South Africa

Standard delivery 10 - 13 business days

$12.95

Premium delivery 3 - 6 business days

$34.95
(Includes tracking information)

Product Details

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

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.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
$199.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
$279.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 $ 183.97
React and React Native
$49.99
Solutions Architect's Handbook
$89.99
A Frontend Web Developer's Guide to Testing
$43.99
Total $ 183.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

What is the delivery time and cost of print book? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela
What is custom duty/charge? Chevron down icon Chevron up icon

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order? Chevron down icon Chevron up icon

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges? Chevron down icon Chevron up icon

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

  • If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
  • Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.
How can I cancel my order? Chevron down icon Chevron up icon

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy? Chevron down icon Chevron up icon

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

  1. If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
  2. Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
  3. You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
  4. Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
  5. If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
  6. Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged? Chevron down icon Chevron up icon

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use? Chevron down icon Chevron up icon

You can pay with the following card types:

  1. Visa Debit
  2. Visa Credit
  3. MasterCard
  4. PayPal
What is the delivery time and cost of print books? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela