Form validation with Reactive forms

In the previous recipe, you learned how to create a Reactive form. Now, we're going to learn how to test them. In this recipe, you'll learn some basic principles of testing Reactive forms. We're going to use the same example from the previous recipe (the release logs app) and will implement a number of test cases.

Getting ready

The project that we are going to work with resides in chapter08/start_here/validating-reactive-forms inside the cloned repository:

1. Open the project in Visual Studio Code.
2. Open the terminal and run npm install to install the dependencies of the project.
3. Once done, run ng serve -o.

   This should open the app in a new browser tab and you should see it as follows:

Figure 8.13 – The Validating Reactive Forms app running on http://localhost:4200

Now that we have the app running locally, let's see the steps involved in this recipe in the next section...