Mastering React Test-Driven Development: Build rock-solid, well-tested web apps with React, Redux and GraphQL

Book Description

Many programmers are aware of test-driven development (TDD), but struggle to apply it beyond basic examples. This React book teaches you how to build complex, real-world applications using TDD. It takes a first-principles approach to the TDD process using plain Jest, and includes test-driving the integration of libraries including React Router, Redux, and Relay (GraphQL).

You will practice systematic refactoring while developing your own test framework, and will gain a deep understanding of TDD tools and techniques. You’ll also learn how to test-drive features such as client- and server-side form validation, data filtering and searching, navigation and user workflow, undo/redo, animation, LocalStorage access, WebSocket communication, and querying GraphQL endpoints.

Fully updated to React 16.9, this book will take you through refactoring codebases needed to use the React Router and Redux libraries via TDD. You’ll learn about Redux in depth, with reducers, middleware, sagas, and connected React components. This book will also cover acceptance testing using Cucumber and Puppeteer.

By the end of this book, you’ll have got to grips with best practices for TDD and be able to perform acceptance testing for your applications effectively.

What you will learn

• Build test-driven applications using React 16.9+ and Jest
• Design complete web applications using a variety of HTML input elements
• Understand the different types of test double and when to apply them
• Test-drive the integration of libraries such as React Router, Redux, and Relay (GraphQL)
• Get to know when to be pragmatic and how to apply TDD shortcuts
• Trial interaction with browser APIs including fetch and WebSockets
• Use Cucumber.js and Puppeteer to build BDD-style acceptance tests for your applications
• Develop and test async Redux code using redux-saga and expect-redux

Who this book is for

This book is for JavaScript developers and React programmers who are looking to implement test-driven and behavior-driven approaches for their React applications. A basic understanding of the Git commands will be helpful.

Table of Contents

1. First Steps with Test-Driven Development
2. Test-driving Data Input with React
3. Exploring Test Doubles
4. Creating a User Interface
5. Humanizing Forms
6. Filtering and Searching Data
7. Test-driving React Router
8. Test-driving Redux
9. Test-driving GraphQL
10. Building a Logo Interpreter
11. Adding Animation
12. Working with WebSockets
13. Writing Your First Acceptance Test
14. Adding Features Guided by Acceptance Tests
15. Understanding TDD in the Wider Testing Landscape