Mastering React Test-Driven Development

Tying it together in App

Bringing all of this chapter's work together involves adding a new route to App, and adding a new button to the search actions that are rendered by the CustomerSearch component:

1. Add this test to test/App.test.js, within the search customers nested describe block. It uses the renderSearchActionsForCustomer helper which was introduced in Chapter 6, Filtering and Searching Data. It clicks on the Customer search button, and then renders and returns the searchActions button bar component:

it('passes a button to the CustomerSearch named View history', async () => {  const button = childrenOf(    renderSearchActionsForCustomer(customer)  )[1];  expect(button.type).toEqual('button'); expect(button.props.role).toEqual('button'); ...