Test React Components with Jest and React Testing Library
Course material for testing React components using react-testing-library
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.
Note: the setup for this project uses kcd-scripts. Don't worry about that. You can learn about how to configure jest properly in the "Configure Jest for Testing JavaScript Applications" module of TestingJavaScript.com