readme

Author: Ladrillo

README.md

@@ -1,14 +1,15 @@
 # Integration Testing React Module Project : Contact Form - Testing
 
-This module explored the basics of the react-testing library and ideas behind the integration testing methodology. In this project you will practice how to build tests that follow the arrange-act-assert model, different methods of querying for DOM elements in a test and firing user events.
+This module explored the basics of the react-testing library and ideas behind the integration testing methodology. In this project you will practice how to build tests that follow the arrange-act-assert model, different methods of querying for DOM elements in a test, the use of different expect types and using async/await to test for changes in state.
 
 ## Testing Web Applications
 
 ## Objectives
 
 - explain what automated testing is and its importance
 - use react-testing-library for testing react components
-- use react-testing-library to test user interactions with userEvent/fireEvent
+- use react-testing-library to test user interactions with userEvent
+- use async / await and waitFor to test changes in a components state.
 
 ## Introduction
 
@@ -43,7 +44,7 @@ As a developer, you will be writing tests for every component. As we've learned,
 
 * [ ] the component renders the contact form component without errors.
 * [ ] the header h1 element exists. Include three asserts, if the header is in the document, if the heads is truthy, if the header has the correct test content.
-* [ ] the component renders ONE error message if the user enters less than 4 characters into the firstname field.
+* [ ] the component renders ONE error message if the user enters less than 4 characters into the firstname field. Make sure to use async / await and the correct screen method to account for state change.
 * [ ] the component renders THREE error messages if the user submits without filling in any values.
 * [ ] the component renders ONE error message if the user submits without filling in the email field.
 * [ ] the component renders the text *"email must be a valid email address"* if an invalid email address is typed into the email field.