Building an Application Component
The components you’ve built so far have been built in isolation: they don’t fit together, and there’s no workflow for the user to follow when they load the application. Up to this point, we’ve been manually testing our components by swapping them in and out of our index file, src/index.js
.
In this chapter, we’ll tie all those components into a functioning system by creating a root application component, App
, that displays each of these components in turn.
You have now seen almost all the TDD techniques you’ll need for test-driving React applications. This chapter covers one final technique: testing callback props.
In this chapter, we will cover the following topics:
- Formulating a plan
- Using state to control the active view
- Test-driving callback props
- Making use of callback values
By the end of this chapter, you’ll have learned how to use mocks to test the root component...