This is the code repository for Simplify Testing with React Testing Library, published by Packt.
Create maintainable tests using RTL that do not break with changes
React Testing Library (RTL) is a lightweight and easy-to-use tool for testing the document object model (DOM) output of components. This book will show you how to use this modern, user-friendly tool to test React components, reducing the risk that your application will not work as expected in production. The book demonstrates code snippets that will allow you to implement RTL easily, helping you to understand the guiding principles of the DOM Testing Library to write tests from the perspective of the user. You'll explore the advantages of testing components from the perspective of individuals who will actually use your components, and use test-driven development (TDD) to drive the process of writing tests. As you advance, you'll discover how to add RTL to React projects, test components using the Context API, and also learn how to write user interface (UI) end-to-end tests using the popular Cypress library. Throughout this book, you’ll work with practical examples and useful explanations to be able to confidently create tests that don't break when changes are made. By the end of this React book, you will have learned all you need to be able to test React components confidently.
This book covers the following exciting features:
- Explore React Testing Library and its use cases
- Get to grips with the RTL ecosystem
- Apply jest-dom to enhance your tests using RTL
- Gain the confidence you need to create tests that don't break with changes using RTL
- Integrate Cucumber and Cypress into your test suite
- Use TDD to drive the process of writing tests
- Apply your existing React knowledge for using RTL
If you feel this book is for you, get your copy today!
All of the code is organized into folders. For example, Chapter02.
The code will look like the following:
if (test expression)
{
Statement upon condition is true
}
Following is what you need for this book: This book is for software engineers, quality engineers and React developers who want to learn about modern practices used for testing React components using the latest testing tool, RTL. Basic knowledge of React development is required to get the most out of this book.
With the following software and hardware list you can run all code files present in the book (Chapter 1-7).
| Chapter | Software required | OS required |
|---|---|---|
| 1 to 7 | React 17 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | React Testing Library 11.2.5 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | Jest-dom 5.11.9 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | user-event 13.0.7 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | Material-UI 4.11.3 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | Mock-Service Worker 0.27.1 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | Apollo Client 3.3.12 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | Redux Toolkit 1.5.0 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | Cypress 6.8.0 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | Cypress Testing Library 7.0.4 | Windows, Mac OS X, and Linux (Any) |
| 1 to 7 | Cypress Cucumber Preprocessor 4.0.3 | Windows, Mac OS X, and Linux (Any) |
We also provide a PDF file that has color images of the screenshots/diagrams used in this book. Click here to download it.
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.