book

A Frontend Web Developer's Guide to Testing

by Eran Kinsbruner

March 2022

Intermediate to advanced

304 pages

6h 18m

English

Packt Publishing

Read now

Unlock full access

ContributorsAbout the authorAbout the reviewerForeword
Who this book is forWhat this book coversTo get the most out of this bookDownload the example code filesDownload the color imagesConventions usedGet in touchShare Your Thoughts
An overview of the web landscape Understanding web application types Traditional web applications Responsive web applicationsPWAsTesting types for web applicationsFunctional testing of web applicationsThe non-functional testing of web applicationsUnderstanding headless and headed browsers within app development and testingChoosing between headed browsers and headless browsersHeadless browser testing frameworksSummary
Web application development challengesQuality vs velocityCoverage challenges for web application developersNon-functional challenges in web application development Performance challengesAccessibility challengesCompliance challenges for web applicationsSummary
An overview of the web testing market Getting started with the Selenium WebDriver frameworkSetting up Selenium WebDriverSelenium GridGetting started with the Cypress frameworkImportant features of CypressGetting started with the Google Puppeteer frameworkGetting started with the Microsoft Playwright frameworkSummary
Technical requirementsWeb testing personas overview Use cases and considerations for picking a solid test automation frameworkCommunity considerationsScale testing capabilitiesTool stack integrations and pluginsEase of use and adoptionReusability and maintainabilityReporting, test analysis, and intelligenceTesting automation evaluation matrixSummary
Technical requirementsIntroduction to the leading web development frameworksGuidelines for picking a web development frameworkReactJSAngularJSVue.jsEmber.jsSvelteSummary
The key pillars of a web application testing plan and strategyKnow your target usersBuilding a test planPrep your tool stack and environments Set quality criteria and objectivesBuild a timeline and a scheduleExecute, monitor, measure, and documentMeasuring the success of your continuous testing strategyA case study – a real-life web application testing strategySummary

Comparing the test automation framework capabilitiesVisual testingAPI testingSupported development languagesMobile device testingPerformance testingAccessibility testingNetwork control testing and mock servicesWorking with elementsA re-evaluation of test automation frameworks due to compelling eventsSummary
Introduction to code coverage and test coverage Test coverageCode coverageJavaScript code coverage tools for web application developersMeasuring JavaScript code coverage using Istanbul and CypressComplementing code coverage with test coverageSummary
Technical requirementsUnderstanding the Selenium framework and its componentsSelenium WebDriverThe advanced features of SeleniumVarious testing methods with SeleniumThe future of the Selenium frameworkSummary
Technical requirementsGetting started with Cypress The Cypress GUICypress IDE and command-line executionsCypress's advanced test automation capabilitiesCypress test retriesUsing stubs, spies, and clocks with CypressRunning Cypress within CIComponent testingCypress StudioCypress pluginsCypress API testingThe future of the Cypress frameworkSummary
Technical requirementsGetting started with Playwright Playwright's advanced test automation capabilitiesPlaywright InspectorEmulating mobile devicesPlaywright test annotationsPlaywright API testingPlaywright assertionsPlaywright network mockingPlaywright POM (Page Object Model) Playwright test reportingPlaywright test runnersPlaywright trace viewerPlaywright advanced configurationsPlaywright integration with CIThe future of the Playwright frameworkSummary
Technical requirementsGetting started with Puppeteer Learning about Puppeteer's advanced test automation capabilitiesPuppeteer namespacesPuppeteer working with elementsPuppeteer load test optionPuppeteer and Cucumber BDDPuppeteer accessibility testingPuppeteer web app tracingPuppeteer for API testingPuppeteer with Google DevToolsPuppeteer and CodeceptJS integrationPuppeteer testing within CIThe future of the Puppeteer frameworkSummary
Fundamental features of low-code/codeless testing toolsCodeless tool overview within the open source landscapeOpen source codeless tool lineupLeading commercial codeless testing tools for web applicationsPerfecto scriptless web overviewTestim codeless web tool overviewMabl codeless web testing tool overviewSummary
Major takeaways from the bookUseful references and bookmarksCypress framework-specificPlaywright framework-specificSelenium framework-specificPuppeteer framework-specific
Other Books You May EnjoyPackt is searching for authors like you

Overview

In "A Frontend Web Developer's Guide to Testing", you'll discover how to incorporate test automation into your development workflow using advanced frameworks like Selenium, Cypress, Playwright, and Puppeteer. Learn to evaluate and set up testing tools effectively while gaining insights into low-code and AI-driven solutions for reliable, future-proof web application testing.

What this Book will help me do

Identify and set up the most suitable testing framework for your web applications to improve test automation.
Understand the benefits and limitations of various frameworks like Cypress, Selenium, and Playwright for test strategies.
Develop comprehensive web testing skills, including measuring code and test coverage metrics.
Utilize low-code testing tools to efficiently automate web application tests and reduce maintenance overhead.
Stay updated on the evolving landscape of AI-driven test automation to keep your skills contemporary.

Author(s)

Eran Kinsbruner is a renowned developer advocate and author with extensive experience in testing and quality assurance for web technologies. He has contributed to multiple open source testing projects and helps developers adopt modern test automation practices. In this book, Kinsbruner combines his technical expertise and passion for education to provide a practical guide to frontend testing.

Who is it for?

This book is ideal for frontend developers proficient in JavaScript and frameworks like React or Vue, looking to enhance their knowledge of test automation. If you're seeking to deepen your understanding of testing frameworks or integrate reliable testing strategies into your workflow, this resource is for you. It's most suited for those interested in staying ahead in the evolving field of automated web testing.