Mastering React Test-Driven Development

Separating Redux connection from presentation

Our remaining task is to strip the onSave callback logic from App.

There is, however, one small issue. We still need to support the use case of loading AppointmentFormLoader when the user chooses a customer record from the Customer search screen. Since the search actions are held within App, we need to ensure App is able to dispatch actions to Redux.

We'll do this using a different technique than with CustomerForm and AppointmentForm. In those two components, we exported the Redux-connected component, like this:

export const CustomerForm = connect(  mapStateToProps,  mapDispatchToProps)(  // ... original CustomerForm component here ...);

With this approach, all of the original tests needed to be ...