Skip to content

Alieze ali #87

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# 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, the use of different expect types and using async/await to test for changes in state.
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. - Cool

## Testing Web Applications

Expand All @@ -23,20 +23,20 @@ As a developer, you will be writing tests for every component. As we've learned,

## Instructions
### Task 1: Project Set Up
* [ ] Create a forked copy of this project.
* [ ] Clone your OWN version of the repository in your terminal
* [ ] cd into the project base directory `cd web-module-project-reducer-pattern`
* [ ] Download project dependencies by running `npm install`
* [ ] Start up the app using `npm start`
- [ ] In a new terminal window, run `npm test`
* [x] Create a forked copy of this project.
* [x] Clone your OWN version of the repository in your terminal
* [x] cd into the project base directory `cd web-module-project-reducer-pattern`
* [x] Download project dependencies by running `npm install`
* [x] Start up the app using `npm start`
- [x] In a new terminal window, run `npm test`
- [ ] With each saved change in your editor, the test runner will re-run all the tests
- [ ] **IMPORTANT** If a test fails, use the test runner's error messages to find out why it is failing

### Task 2: Project Requirements
> *All of the work you will do today will be contained inside the ContactForm.test.js file. You will be tasked to write the code for at least 9 different tests on various parts of the ContactForm component. Please read the instructions for each test carefully.*

#### Test Brainstorming
* [ ] Run and play around with the form interface.
* [x] Run and play around with the form interface.
* [ ] Write out a list of possible testcases for this application within Understanding-questions.md.

#### Complete a case that tests if:
Expand Down
6 changes: 6 additions & 0 deletions Understanding-Questions.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,10 @@
# Understanding Questions:
1. What are some possible tests for this application?
* The Header contains the words 'Contact Form'
* A name or text was entered in First Name or Last name
* A valid email address was entered in the email field
* Information was entered into all of the form fields
* Can submit if Message is or isn't filled out
* Won't submit if Name & email isn't filled out & an alert is sent
* The component correctly renders.
* ...
Loading