Mastering React Test-Driven Development

Submitting the form

The Git tag for this section is submitting-with-validations.

What should happen when we submit the form? Well, for a start, in this application we'll let the user hit the submit button at any time—we won't disable it. Instead, if they happen to hit it while the form isn't complete, the submission should be canceled and all fields should display their validation errors at once.

We can do this with two tests: one to check that the form isn't submitted while there are errors, and the second to check that all fields are showing errors.

Before we do that, we'll need to update our existing tests that submit the form, as they all assume that the form has been filled in correctly. We need to ensure that we pass valid customer ...