0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Simplify Testing with React Testing Library

You're reading from Simplify Testing with React Testing Library Create maintainable tests using RTL that do not break with changes

Product type Paperback

Published in May 2021

Publisher Packt

ISBN-13 9781800564459

Length 246 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Test Driven Development

Author (1):

Scottie Crump

View More author details

Table of Contents (10) Chapters

Preface

1. Chapter 1: Exploring React Testing Library

2. Chapter 2: Working with React Testing Library FREE CHAPTER

3. Chapter 3: Testing Complex Components with React Testing Library

4. Chapter 4: Integration Testing and Third-Party Libraries in Your Application

5. Chapter 5: Refactoring Legacy Applications with React Testing Library

6. Chapter 6: Implementing Additional Tools and Plugins for Testing

7. Chapter 7: End-to-End UI Testing with Cypress

8. Answers

9. Other Books You May Enjoy

Selecting the best queries with Testing Playground

In this section, we will learn how to use Testing Playground. This is a tool that makes it easier for you to determine the right DOM Testing Library query selector. Testing Playground allows you to paste HTML into an interactive website, which allows you to click on elements as they appear rendered in the browser. This enables you to learn which DOM Testing Library queries can be used to select a particular element.

The tool always suggests queries in order, based on the DOM Testing Library query recommendations for elements that offer multiple ways of selection. Furthermore, the tool allows you to copy the selector to use in your test code. We will look at two ways of using Testing Playground: first, via the website, and second, via a Chrome extension.

Selecting queries using the Testing Playground website

In this section, we will learn how to use Testing Playground via its website. In previous examples throughout the book...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Scottie Crump

Scottie Crump

Scottie Crump is a senior test engineer with over four years' experience as a consultant working with clients from a variety of sectors, including automotive, retail, telecommunications, and healthcare, among others. Scottie has also worked with numerous students looking to break into the software industry at Coding Bootcamp settings. His background in quality and software engineering and education enables him to be a crucial cog in any client's project. Scottie has helped bring industry best practices and data-driven insights to support key business objectives.

See other products by Scottie Crump

Other recommended products

Related to this chapter

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

React 16 Tooling

React 16 Tooling

React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know — in detail. These will make your development life simpler and happier, enabling you to create better and more performant apps.

Apr 2018 9h 56m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m