Course material for testing React components using react-testing-library, by Kent C. Dodds
react-testing
└───src
└─── __tests__
│ │ │
│ │ │ (test files)
│ │
│ │ (component files)
react-dom.js
- Render a React component for testingjest-dom.js
- Use jest-dom for improved assertionsdom-testing-library.js
- Use dom-testing-library to write more maintainable React testsreact-testing-library.js
- Use react-testing-library to render and test React Componentslocalized.js
- Testing localized content with react-testing-librarystate.js
- Test React Component state changes with react-testing-libraryprop-updates.js
- Test prop updates with react-testing-librarya11y.js
- Test accessibility of rendered React Components with jest-axedependency-injection.js
- Mock HTTP Requests with Dependency Injection in React Component Testshttp-jest-mock.js
- Mock HTTP Requests with jest.mock in React Component Testsmock-component.js
- Mock react-transition-group in React Component Tests with jest.mockerror-boundaries.js
- Test componentDidCatch handler error boundaries with react-testing-librarytdd-markup.js
- Test drive the development of a React Form with react-testing-librarytdd-functionality.js
- TDD the functionality of a React Form with react-testing-libraryreact-router.js
- Test react-router Provider history object in React Component Tests with createMemoryHistoryredux.js
- Test a redux connected React Componentcustom-hook.js
- Test a custom hookportals.js
- Test React portalsunmounting.js
- Test Unmounting a React Component with react-testing-libraryapp.js
- Testing the full application.
- Fork this project
-
Clone the forked repository
git clone https://github.com/user/react-testing
(if you usegit
)or
gh repo clone https://github.com/user/react-testing
(if you usegh
cli) -
Install the dependencies
npm install
(if you usenpm
)or
yarn
(if you useyarn
) -
Start the project
npm start
(if younpm
)or
yarn start
(if you useyarn
)
See the CONTRIBUTING.md file to see the step about how to contribute.
Credits: Kent C. Dodds