Mastering React Test-Driven Development

Completing the remaining tests for the select box

For labeling and handling state changes, the dropdown behaves just like a text field. Go ahead and write the following remaining tests:

• Renders a label
• Assigns an ID that matches the label ID
• Saves existing value when submitted
• Saves new value when submitted

To make these pass you'll need to define a handleChange event handler in the same way you did for the input field, this time setting the onChange prop on the select field.

Although you can use CustomerForm as a guide, you shouldn't worry about building parameterized versions of these test. Just write out the plain ol' it calls. Our parameterized versions from CustomerForm aren't quite usable, as they are hard-coded to render the CustomerForm ...