What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

AI Assistant (beta) to help accelerate your learning

This section is an exploration of the principles of test-driven development. You'll test drive the rendering of data and the loading of data from our server, and in the process, you'll build your own test helpers that help to simplify and accelerate your testing. By the end of the section, you'll have a working application.

This section includes the following chapters:

Chapter 1, First Steps with Test-Driven Development
Chapter 2, Test-driving Data Input with React
Chapter 3, Exploring Test Doubles
Chapter 4, Creating a User Interface

Key benefits

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

Description

Many 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

What do you get with eBook?