Learn React with TypeScript 3

Creating a second test for a valid form submission

Now that we have got the gist of how to write robust tests, let's add a second test to check that no validation errors are shown when the form is filled incorrectly:

1. We'll start by creating a new test in our ContactUs group:

describe("ContactUs", () => {  test("When submit without filling in fields should display errors", () => {    ...  });  test("When submit after filling in fields should submit okay", () => {    // TODO - render component, fill in fields, submit the form and check there are no errors  });});

2. We'll render the component in the same way as the first test, but destructuring slightly different variables:

test("When submit after filling in fields should submit okay", () => {  const ...