Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Learning Hub

Free Learning

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

Daniel Irvine

€18.99 per month

4.6 (12 Ratings)

Paperback May 2019 496 pages 1st Edition

Daniel Irvine

€18.99 per month

4.6 (12 Ratings)

Paperback May 2019 496 pages 1st Edition

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!

Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!

50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

Thousands of reference materials covering every tech concept you need to stay up to date.

Subscribe now

View plans & pricing

View table of contents

Preview Book

Download Code

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.

Who is this book for?

The target audience for this book is JavaScript developers who are looking to implement test-driven and behavior-driven approaches for their React applications.

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 a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!

Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!

50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

Thousands of reference materials covering every tech concept you need to stay up to date.

Subscribe now

View plans & pricing

Product Details

Publication date : May 03, 2019

Length: 496 pages

Edition : 1st

Language : English

ISBN-13 : 9781789133417

Category :

Web Development

Languages :

JavaScript

Concepts :

Test Driven Development

Tools :

GraphQL

Frequently bought together

React Design Patterns and Best Practices

Mar 2019 350 pages

4.5 (8)

eBook

€17.99 ~~€26.99~~

Hands-On Full-Stack Web Development with GraphQL and React

Jan 2019 460 pages

3 (2)

eBook

€20.98 ~~€29.99~~

Mastering React Test-Driven Development

May 2019 496 pages

4.6 (12)

eBook

€23.99 ~~€34.99~~

Total € 113.97

€32.99

€36.99

€43.99

Total € 113.97

20 Chapters

Section 1: First Principles of TDD

First Steps with Test-Driven Development

Technical requirements

Creating a new React project from scratch

Displaying data with your first test

Refactoring your work

Writing great tests

Rendering lists and detail views

Summary

Exercises

Further learning

Test-driving Data Input with React

Extracting a test helper

Adding a form element

Accepting text input

Selecting from a dropdown

Making a choice from radio buttons

Summary

Exercises

Further learning

Exploring Test Doubles

What is a test double?

Submitting forms using spies

Stubbing the fetch API

Extracting test helpers

Summary

Exercises

Further learning

Creating a User Interface

Fetching data on load with useEffect

Using props within useEffect

Passing customer data through to AppointmentForm

Working with the shallow renderer

Building a new root component

Summary

Further learning

Section 2: Building a Single-Page Application

Humanizing Forms

Performing client-side validation

Handling server errors

Indicating that the form has been submitted

Summary

Exercises

Further learning

Filtering and Searching Data

Displaying tabular data fetched from an endpoint

Paging through a large data set

Filtering data

Adding table row actions

Summary

Exercises

Test-driving React Router

General rules for test-driving React Router

Building a root component

Using the location query string to store component state

Test-driving Redux

Test-driving a Redux saga

Making asynchronous requests with sagas

Switching out component state for Redux state

Shifting workflow to Redux

Test-driving GraphQL

Testing the Relay environment

Building the GraphQL reducer

Building the CustomerHistory component

Summary

Exercises

Further learning

Section 3: Interactivity

Building a Logo Interpreter

Studying the Spec Logo user interface

Undoing and redoing user actions in Redux

Saving to LocalStorage via Redux middleware

Changing keyboard focus

Summary

Further learning

Adding Animation

Isolating components for animation

Animating with requestAnimationFrame

Summary

Exercises

Working with WebSockets

Designing a WebSocket interaction

Test-driving a WebSocket connection

Streaming events with redux-saga

Section 4: Acceptance Testing with BDD

Writing Your First Acceptance Test

Integrating Cucumber and Puppeteer into your code base

Writing your first Cucumber test

Using data tables to perform setup

Summary

Adding Features Guided by Acceptance Tests

Adding acceptance tests for a dialog box

Fixing acceptance tests by test-driving production code

Adding better wait support

Exercises

Summary

Understanding TDD in the Wider Testing Landscape

Test-driven development as a testing technique

Other Books You May Enjoy

Leave a review - let other readers know what you think

Recommendations for you

Web Development with Blazor

Apr 2024 366 pages

4 (17)

eBook

€20.98 ~~€29.99~~

Blazor Web Development Cookbook

Nov 2024 282 pages

eBook

React and React Native

Apr 2024 508 pages

4.3 (9)

eBook

€17.99 ~~€26.99~~

C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals

Nov 2024 828 pages

eBook

€17.99 ~~€26.99~~

Responsive Web Design with HTML5 and CSS

Sep 2022 498 pages

4.5 (57)

eBook

€17.99 ~~€26.99~~

Building Production-Grade Web Applications with Supabase

Aug 2024 534 pages

4.3 (8)

eBook

€15.99 ~~€23.99~~

Django 5 By Example

Apr 2024 820 pages

4.5 (35)

eBook

€17.98 ~~€29.99~~

C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals

Nov 2023 828 pages

4.4 (72)

eBook

€24.99 ~~€35.99~~

Implementing Event-Driven Microservices Architecture in .NET 7

Mar 2023 326 pages

4.5 (16)

eBook

€17.99 ~~€26.99~~

Building Python Microservices with FastAPI

Aug 2022 420 pages

3.9 (9)

eBook

€19.99 ~~€28.99~~

People who bought this also bought

Building Python Microservices with FastAPI

Aug 2022 420 pages

3.9 (9)

eBook

€19.99 ~~€28.99~~

React and React Native

May 2022 606 pages

4.6 (17)

eBook

€20.98 ~~€29.99~~

Responsive Web Design with HTML5 and CSS

Sep 2022 498 pages

4.5 (57)

eBook

€17.99 ~~€26.99~~

C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals

Nov 2023 828 pages

4.4 (72)

eBook

€24.99 ~~€35.99~~

C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals

Nov 2022 818 pages

4.1 (54)

eBook

€20.98 ~~€29.99~~

About the author

Daniel Irvine

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.

See other products by Daniel Irvine

FAQs

What is included in a Packt subscription?

A subscription provides you with full access to view all Packt and licnesed content online, this includes exclusive access to Early Access titles. Depending on the tier chosen you can also earn credits and discounts to use for owning content

How can I cancel my subscription?

To cancel your subscription with us simply go to the account page - found in the top right of the page or at https://subscription.packtpub.com/my-account/subscription - From here you will see the ‘cancel subscription’ button in the grey box with your subscription information in.

What are credits?

Credits can be earned from reading 40 section of any title within the payment cycle - a month starting from the day of subscription payment. You also earn a Credit every month if you subscribe to our annual or 18 month plans. Credits can be used to buy books DRM free, the same way that you would pay for a book. Your credits can be found in the subscription homepage - subscription.packtpub.com - clicking on ‘the my’ library dropdown and selecting ‘credits’.

What happens if an Early Access Course is cancelled?

Projects are rarely cancelled, but sometimes it's unavoidable. If an Early Access course is cancelled or excessively delayed, you can exchange your purchase for another course. For further details, please contact us here.

Where can I send feedback about an Early Access title?

If you have any feedback about the product you're reading, or Early Access in general, then please fill out a contact form here and we'll make sure the feedback gets to the right team.

Can I download the code files for Early Access titles?

We try to ensure that all books in Early Access have code available to use, download, and fork on GitHub. This helps us be more agile in the development of the book, and helps keep the often changing code base of new versions and new technologies as up to date as possible. Unfortunately, however, there will be rare cases when it is not possible for us to have downloadable code samples available until publication.

When we publish the book, the code files will also be available to download from the Packt website.

How accurate is the publication date?

The publication date is as accurate as we can be at any point in the project. Unfortunately, delays can happen. Often those delays are out of our control, such as changes to the technology code base or delays in the tech release. We do our best to give you an accurate estimate of the publication date at any given time, and as more chapters are delivered, the more accurate the delivery date will become.

How will I know when new chapters are ready?

We'll let you know every time there has been an update to a course that you've bought in Early Access. You'll get an email to let you know there has been a new chapter, or a change to a previous chapter. The new chapters are automatically added to your account, so you can also check back there any time you're ready and download or read them online.

I am a Packt subscriber, do I get Early Access?

Yes, all Early Access content is fully available through your subscription. You will need to have a paid for or active trial subscription in order to access all titles.

How is Early Access delivered?

Early Access is currently only available as a PDF or through our online reader. As we make changes or add new chapters, the files in your Packt account will be updated so you can download them again or view them online immediately.

How do I buy Early Access content?

Early Access is a way of us getting our content to you quicker, but the method of buying the Early Access course is still the same. Just find the course you want to buy, go through the check-out steps, and you’ll get a confirmation email from us with information and a link to the relevant Early Access courses.

What is Early Access?

Keeping up to date with the latest technology is difficult; new versions, new frameworks, new techniques. This feature gives you a head-start to our content, as it's being created. With Early Access you'll receive each chapter as it's written, and get regular updates throughout the product's development, as well as the final course as soon as it's ready.We created Early Access as a means of giving you the information you need, as soon as it's available. As we go through the process of developing a course, 99% of it can be ready but we can't publish until that last 1% falls in to place. Early Access helps to unlock the potential of our content early, to help you start your learning when you need it most. You not only get access to every chapter as it's delivered, edited, and updated, but you'll also get the finalized, DRM-free product to download in any format you want when it's published. As a member of Packt, you'll also be eligible for our exclusive offers, including a free course every day, and discounts on new and popular titles.

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

What do you get with a Packt Subscription?