|
| 1 | +# react-testing-library-course |
| 2 | + |
| 3 | +_Course material for testing React components using react-testing-library_ |
| 4 | + |
| 5 | +<h1 align="center"> |
| 6 | + react-testing-library |
| 7 | +</h1> |
| 8 | + |
| 9 | +<p align="center" style="font-size: 1.2rem;"> |
| 10 | + Test React Components with Jest and react-testing-library |
| 11 | +</p> |
| 12 | + |
| 13 | + |
| 14 | +Here's the order: |
| 15 | + |
| 16 | +- `react-dom.js` - Render a React component for testing |
| 17 | +- `jest-dom.js` - Use jest-dom for improved assertions |
| 18 | +- `dom-testing-library.js` - Use dom-testing-library to write more maintainable React tests |
| 19 | +- `react-testing-library.js` - Use react-testing-library to render and test React Components |
| 20 | +- `localized.js` - Testing localized content with react-testing-library |
| 21 | +- `state.js` - Test React Component state changes with react-testing-library |
| 22 | +- `prop-updates.js` - Test prop updates with react-testing-library |
| 23 | +- `a11y.js` - Test accessibility of rendered React Components with jest-axe |
| 24 | +- `dependency-injection.js` - Mock HTTP Requests with Dependency Injection in React Component Tests |
| 25 | +- `http-jest-mock.js` - Mock HTTP Requests with jest.mock in React Component Tests |
| 26 | +- `mock-component.js` - Mock react-transition-group in React Component Tests with jest.mock |
| 27 | +- `error-boundaries.js` - Test componentDidCatch handler error boundaries with react-testing-library |
| 28 | +- `tdd-markup.js` - Test drive the development of a React Form with react-testing-library |
| 29 | +- `tdd-functionality.js` - TDD the functionality of a React Form with react-testing-library |
| 30 | +- `react-router-provider.js` - Test react-router Provider history object in React Component Tests with createMemoryHistory |
| 31 | +- `redux.js` - Test a redux connected React Component |
| 32 | +- `render-props.js` - Test a render prop component using a Jest spy function |
| 33 | +- `portals.js` - Test React portals with react-testing-library’s `within` API |
| 34 | +- `unmounting.js` - Test Unmounting a React Component with react-testing-library |
| 35 | + |
| 36 | + |
| 37 | +## Credits |
| 38 | + |
| 39 | +All thanks to <a href="https://twitter.com/kentcdodds" target="_blank">Kent C. Dodds</a> for this awwesomeee <a href="https://testingjavascript.com" target="_blank">Testing JavaScript</a> course |
0 commit comments