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

Length: 304 pages
Edition: 1
Language: English
Publisher: Packt Publishing
Publication Date: 2022-03-29
ISBN-10: 1803238313
ISBN-13: 9781803238319
Sales Rank: #1129365 (See Top 100 Books)

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.

A Frontend Web Developer's Guide to Testing
Contributors
About the author
About the reviewer
Foreword
Preface
    Who this book is for
    What this book covers
    To get the most out of this book
    Download the example code files
    Download the color images
    Conventions used
    Get in touch
    Share Your Thoughts
Part 1 – Frontend Web Testing Overview
Chapter 1: Cross-Browser Testing Methodologies
    An overview of the web landscape 
    Understanding web application types 
        Traditional web applications 
        Responsive web applications
        PWAs
    Testing types for web applications
        Functional testing of web applications
        The non-functional testing of web applications
    Understanding headless and headed browsers within app development and testing
        Choosing between headed browsers and headless browsers
        Headless browser testing frameworks
    Summary
Chapter 2: Challenges Faced by Frontend Web Application Developers
    Web application development challenges
        Quality vs velocity
    Coverage challenges for web application developers
    Non-functional challenges in web application development 
        Performance challenges
        Accessibility challenges
    Compliance challenges for web applications
    Summary
Chapter 3: Top Web Test Automation Frameworks
    An overview of the web testing market 
    Getting started with the Selenium WebDriver framework
        Setting up Selenium WebDriver
        Selenium Grid
    Getting started with the Cypress framework
        Important features of Cypress
    Getting started with the Google Puppeteer framework
    Getting started with the Microsoft Playwright framework
    Summary
Chapter 4: Matching Personas and Use Cases to Testing Frameworks
    Technical requirements
    Web testing personas overview 
    Use cases and considerations for picking a solid test automation framework
        Community considerations
        Scale testing capabilities
        Tool stack integrations and plugins
        Ease of use and adoption
        Reusability and maintainability
        Reporting, test analysis, and intelligence
    Testing automation evaluation matrix
    Summary
Chapter 5: Introducing the Leading Frontend Web Development Frameworks 
    Technical requirements
    Introduction to the leading web development frameworks
    Guidelines for picking a web development framework
        ReactJS
        AngularJS
        Vue.js
        Ember.js
        Svelte
    Summary
Part 2 – Continuous Testing Strategy for Web Application Developers
Chapter 6: Map the Pillars of a Dev Testing Strategy for Web Applications
    The key pillars of a web application testing plan and strategy
        Know your target users
        Building a test plan
        Prep your tool stack and environments 
        Set quality criteria and objectives
        Build a timeline and a schedule
        Execute, monitor, measure, and document
    Measuring the success of your continuous testing strategy
    A case study – a real-life web application testing strategy
    Summary
Chapter 7: Core Capabilities of the Leading JavaScript Test Automation Frameworks
    Comparing the test automation framework capabilities
        Visual testing
        API testing
        Supported development languages
        Mobile device testing
        Performance testing
        Accessibility testing
        Network control testing and mock services
        Working with elements
    A re-evaluation of test automation frameworks due to compelling events
    Summary
Chapter 8: Measuring Test Coverage of the Web Application
    Introduction to code coverage and test coverage 
        Test coverage
        Code coverage
    JavaScript code coverage tools for web application developers
        Measuring JavaScript code coverage using Istanbul and Cypress
    Complementing code coverage with test coverage
    Summary
Part 3 – Frontend JavaScript Web Test Automation Framework Guides
Chapter 9: Working with the Selenium Framework
    Technical requirements
    Understanding the Selenium framework and its components
        Selenium WebDriver
        The advanced features of Selenium
        Various testing methods with Selenium
    The future of the Selenium framework
    Summary
Chapter 10: Working with the Cypress Framework
    Technical requirements
    Getting started with Cypress 
        The Cypress GUI
        Cypress IDE and command-line executions
    Cypress's advanced test automation capabilities
        Cypress test retries
        Using stubs, spies, and clocks with Cypress
        Running Cypress within CI
        Component testing
        Cypress Studio
        Cypress plugins
        Cypress API testing
    The future of the Cypress framework
    Summary
Chapter 11: Working with the Playwright Framework
    Technical requirements
    Getting started with Playwright 
    Playwright's advanced test automation capabilities
        Playwright Inspector
        Emulating mobile devices
        Playwright test annotations
        Playwright API testing
        Playwright assertions
        Playwright network mocking
        Playwright POM (Page Object Model) 
        Playwright test reporting
        Playwright test runners
        Playwright trace viewer
        Playwright advanced configurations
        Playwright integration with CI
    The future of the Playwright framework
    Summary
Chapter 12: Working with the Puppeteer Framework
    Technical requirements
    Getting started with Puppeteer 
    Learning about Puppeteer's advanced test automation capabilities
        Puppeteer namespaces
        Puppeteer working with elements
        Puppeteer load test option
        Puppeteer and Cucumber BDD
        Puppeteer accessibility testing
        Puppeteer web app tracing
        Puppeteer for API testing
        Puppeteer with Google DevTools
        Puppeteer and CodeceptJS integration
        Puppeteer testing within CI
    The future of the Puppeteer framework
    Summary
Chapter 13: Complementing Code-Based Testing with Low-Code Test Automation 
    Fundamental features of low-code/codeless testing tools
    Codeless tool overview within the open source landscape
        Open source codeless tool lineup
    Leading commercial codeless testing tools for web applications
        Perfecto scriptless web overview
        Testim codeless web tool overview
        Mabl codeless web testing tool overview
    Summary
Chapter 14: Wrapping Up
    Major takeaways from the book
    Useful references and bookmarks
        Cypress framework-specific
        Playwright framework-specific
        Selenium framework-specific
        Puppeteer framework-specific
    Why subscribe?
Other Books You May Enjoy
    Packt is searching for authors like you

To access the Link, solve the captcha.

How to download source code?

1. Go to: https://github.com/PacktPublishing

2. In the Find a repository… box, search the book title: A Frontend Web Developer’s Guide to Testing: Explore leading web test automation frameworks and their future driven by low-code and AI, sometime you may not get the results, please search the main title.