https://github.com/indraarianggi/learn-react-testing
Learn React Testing
https://github.com/indraarianggi/learn-react-testing
cypress end-to-end-testing enzyme integration-testing jest react-testing-library unit-testing
Last synced: 29 days ago
JSON representation
Learn React Testing
- Host: GitHub
- URL: https://github.com/indraarianggi/learn-react-testing
- Owner: indraarianggi
- Created: 2021-09-20T22:55:57.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-11-20T22:57:22.000Z (over 4 years ago)
- Last Synced: 2025-10-23T19:52:55.238Z (8 months ago)
- Topics: cypress, end-to-end-testing, enzyme, integration-testing, jest, react-testing-library, unit-testing
- Language: TypeScript
- Homepage:
- Size: 2.12 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Learn React Testing
## Notes
### react-testing-traversy
- Login credential
```
username: johndoe
password: s3cret
```
- How to run?
- move to `react-testing-traversy` directory
```bash
cd react-testing-traversy
```
- install dependencies and run the app
```bash
# install dependencies
yarn install
# run the app
yarn dev
```
- run the unit test
```bash
yarn test
```
- run the End-to-End test using cypress
```bash
yarn run cypress open
```
## Resources
| Folder | Source |
| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| react-testing-traversy | [React Testing Crash Course by Traversy Media](https://www.youtube.com/watch?v=OVNjsIto9xM) |
| react-testing-laithharb | [React Testing Library Crash Course by Laith Harb](https://www.youtube.com/watch?v=GLSSRtnNY0g&t=41s) |
| react-testing-pmez | [TDD Live Coding - Test Driven Development Tutorial with React, Jest, and Enzyme](https://www.youtube.com/watch?v=tX-gu6FWcsE) |
| react-testing-fc-hooks | [Testing React Function Components with Hooks using Enzyme](https://acesmndr.medium.com/testing-react-functional-components-with-hooks-using-enzyme-f732124d320a) |
| react-testing-headway | [Intro to React Testing [Jest and React Testing Library Tutorial]](https://www.youtube.com/watch?v=ZmVBCpefQe8) |
| react-testing-bruno | [React.js Unit Testing and Integration Testing Tutorial](https://www.youtube.com/playlist?list=PLYSZyzpwBEWTBdbfStjqJSGaulqcHoNkT) |