
Mastering React Test-Driven Development
Build rock-solid, well-tested web apps with React, Redux and GraphQL
Daniel Irvine(Author)
Packt Publishing
Published on 3. May 2019
Book
Paperback/Softback
496 pages
978-1-78913-341-7 (ISBN)
Description
Implement TDD for your React applications using Jest, React Router, Redux, and GraphQL/Relay. Learn BDD and end-to-end acceptance testing with CucumberJS and Puppeteer.
Key Features
Learn the TDD process using the React framework
Build complex, real-world applications with a pragmatic approach to TDD
Use Cucumber for acceptance and BDD testing, bringing TDD to the wider team
Book DescriptionMany programmers are aware of TDD but struggle to apply it beyond basic examples. This book teaches how to build complex, real-world applications using Test-Driven Development (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).
Readers will practice systematic refactoring while building out their own test framework, gaining a deep understanding of TDD tools and techniques. They will 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.
The book covers refactoring codebases to use the React Router and Redux libraries. via TDD. Redux is explored in depth, with reducers, middleware, sagas, and connected React components. The book also covers acceptance testing using Cucumber and Puppeteer.
The book is fully up to date with React 16.9 and has in-depth coverage of hooks and the 'act' test helper.What you will learn
Build test-driven applications using React 16.9+ and Jest
Build 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)
Learn when to be pragmatic and how to apply TDD shortcuts
Test-drive interaction with browser APIs including fetch and WebSocket
Use Cucumber.js and Puppeteer to build BDD-style acceptance tests for your applications
Build and test async Redux code using redux-saga and expect-redux
Who this book is forThe target audience for this book is JavaScript developers who are looking to implement test-driven and behavior-driven approaches for their React applications.
Key Features
Learn the TDD process using the React framework
Build complex, real-world applications with a pragmatic approach to TDD
Use Cucumber for acceptance and BDD testing, bringing TDD to the wider team
Book DescriptionMany programmers are aware of TDD but struggle to apply it beyond basic examples. This book teaches how to build complex, real-world applications using Test-Driven Development (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).
Readers will practice systematic refactoring while building out their own test framework, gaining a deep understanding of TDD tools and techniques. They will 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.
The book covers refactoring codebases to use the React Router and Redux libraries. via TDD. Redux is explored in depth, with reducers, middleware, sagas, and connected React components. The book also covers acceptance testing using Cucumber and Puppeteer.
The book is fully up to date with React 16.9 and has in-depth coverage of hooks and the 'act' test helper.What you will learn
Build test-driven applications using React 16.9+ and Jest
Build 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)
Learn when to be pragmatic and how to apply TDD shortcuts
Test-drive interaction with browser APIs including fetch and WebSocket
Use Cucumber.js and Puppeteer to build BDD-style acceptance tests for your applications
Build and test async Redux code using redux-saga and expect-redux
Who this book is forThe target audience for this book is JavaScript developers who are looking to implement test-driven and behavior-driven approaches for their React applications.
More details
Language
English
Place of publication
Birmingham
United Kingdom
Dimensions
Height: 235 mm
Width: 191 mm
Thickness: 27 mm
Weight
917 gr
ISBN-13
978-1-78913-341-7 (9781789133417)
Copyright in bibliographic data and cover images is held by Nielsen Book Services Limited or by the publishers or by their respective licensors: all rights reserved.
Schweitzer Classification
Other editions
Additional editions

Daniel Irvine Irvine
Mastering React Test-Driven Development
Build rock-solid, well-tested web apps with React, Redux and GraphQL
E-Book
05/2019
1st Edition
Packt Publishing Limited
€36.99
Available for download
Person
Daniel Irvine is a UK-based software consultant. He helps businesses simplify their existing codebases and assists dev teams in improving the quality of their software using eXtreme programming (XP) practices. He has been coaching developers for many years and co-founded the Queer Code London meetup.
Content
Table of Contents
First Steps with Test-Driven Development
Test-driving Data Input with React
Exploring Test Doubles
Creating a User Interface
Humanizing Forms
Filtering and Searching Data
Test-driving React Router
Test-driving Redux
Test-driving GraphQL
Building a Logo Interpreter
Adding Animation
Working with WebSockets
Writing Your First Acceptance Test
Adding Features Guided by Acceptance Tests
Understanding TDD in the Wider Testing Landscape
First Steps with Test-Driven Development
Test-driving Data Input with React
Exploring Test Doubles
Creating a User Interface
Humanizing Forms
Filtering and Searching Data
Test-driving React Router
Test-driving Redux
Test-driving GraphQL
Building a Logo Interpreter
Adding Animation
Working with WebSockets
Writing Your First Acceptance Test
Adding Features Guided by Acceptance Tests
Understanding TDD in the Wider Testing Landscape