View Code? Open in Web Editor
NEW
This project forked from austincodingacademy/advanced-testing-practice
HTML 5.07%
CSS 3.21%
JavaScript 91.72%
advanced-testing-practice's Introduction
- Implement the calculation functions
- Implement the code for the functions as described in the comments
- subtracts 4 from 5 to equal 1
- multiply 4 by 5 to equal 20
- device 100 by 4 to equal 25
- Implement the tests as described in the comments
- Create a folder for UserButtonContainer in containers
- Move UserButtonsContainer.js into this folder and rename it index
- Fix import paths
- Add a file UserButtonsContainer.tests.js
- Import UserButtonsContainer into the test
- Import store into the test
- create a variable called “wrapper”
- in beforeAll, mount the Provider and UserButtonsContainer and assign to wrapper
- Create a describe “Add User Button”
- Create an it “should increase users array length by 1”
- Use the wrapper to find the first button
- Simulate a click on the button
- use store.getState() to check the length of the users array
- expect it toBe 1 more than the current length
- Create a describe “Remove User Button”
- Create an it “should decrease users array length by 1”
- Use the wrapper to find the second button
- Simulate a click on the button
- use store.getState() to check the length of the users array
- expect it toBe 1 less than the current length
- Create a folder for UserContainer in containers
- Create a file for UserContainer.test.js
- describe “UserContainer”
- it “should render an li for each user”
- mount Provider and SpecialTextContainer into wrapper
- use the store to dispatch a “ADD_USER” action with the value of a user object
expect(wrapper.find(“li”)).to.have.length(8);
Hopefully at this point you can see there is a pattern to making the tests
ChangeTemperatureContainer.js
- Create a test file for this container to ensure that when the text box changes, the state currentTemp changes
- Create a test file to ensure that when the drop down changes, the state currentCity changes
- Create a test file to ensure that when the state currentCity is change, the text of the div changes to “CurrentCity: whatever city”
advanced-testing-practice's People
Contributors
Watchers
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent