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

Using React Developer Tools with Cypress

In the previous section, we learned how to write tests using Cucumber. In this section, we will learn how to install React Developer Tools for development. React Developer Tools is a great tool to have while developing React applications. It enables you to inspect the hierarchy of components rendered in the DOM and do things such as viewing and editing component props and state. There are Chrome and Firefox extensions available to install React Developer Tools. There is also a standalone Electron app version, which is useful, such as when you want to debug React applications in Safari or mobile browsers. We will also learn how to use the standalone version with Cypress.

Use the following command to install via the command line:

npm install --save-dev react-devtools

The preceding command will install react-devtools as a development dependency in your project. Next, we need to add a script that will connect react-devtools to your application...

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