Mastering React Test-Driven Development

Using a parent component to convert a query string to props

Now that we are setting up the query string correctly, we need to get the data back out of it. We can do that by defining a new component called CustomerSearchRoute, which has the single responsibility of converting the query string to props that are then passed to CustomerSearch:

import React from 'react';import { createShallowRenderer, type } from './shallowHelpers';import { CustomerSearchRoute } from '../src/CustomerSearchRoute';import { CustomerSearch } from '../src/CustomerSearch/CustomerSearch';describe('CustomerSearchRoute', () => {  let render, elementMatching;  beforeEach(() => {    ({ render, elementMatching } = createShallowRenderer());  }); it('parses searchTerm from query ...