Mastering React Test-Driven Development

Summary

This chapter has covered usage of four HTML form elements: textboxes, selects, radio buttons, and, of course, labels.

Although these controls are basic, we've used this opportunity to dig much deeper into test-driven React. We've built controlled components, used defaultProps, and split our top-level component into a hierarchy of smaller components and plain JavaScript functions.

We've also gone much further with Jest. We extracted common test logic into modules, used nested describe blocks, and built assertions using the document.form property and CSS selectors.

In Chapter 3, Exploring Test Doubles, we'll discover how to get data into and out of our components using the fetch API.