https://github.com/sandoche/react-testing-library-course
https://github.com/sandoche/react-testing-library-course
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sandoche/react-testing-library-course
- Owner: sandoche
- Created: 2023-03-23T19:17:43.000Z (over 2 years ago)
- Default Branch: tjs
- Last Pushed: 2023-03-23T19:22:25.000Z (over 2 years ago)
- Last Synced: 2025-03-01T06:29:36.214Z (8 months ago)
- Language: JavaScript
- Size: 482 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-testing-library-course
_Course material for testing React components using react-testing-library_
- `react-dom.js` - Render a React component for testing
- `jest-dom.js` - Use jest-dom for improved assertions
- `dom-testing-library.js` - Use dom-testing-library to write more maintainable
React tests
- `react-testing-library.js` - Use react-testing-library to render and test
React Components
- `localized.js` - Testing localized content with react-testing-library
- `state.js` - Test React Component state changes with react-testing-library
- `prop-updates.js` - Test prop updates with react-testing-library
- `a11y.js` - Test accessibility of rendered React Components with jest-axe
- `dependency-injection.js` - Mock HTTP Requests with Dependency Injection in
React Component Tests
- `http-jest-mock.js` - Mock HTTP Requests with jest.mock in React Component
Tests
- `mock-component.js` - Mock react-transition-group in React Component Tests
with jest.mock
- `error-boundaries.js` - Test componentDidCatch handler error boundaries with
react-testing-library
- `tdd-markup.js` - Test drive the development of a React Form with
react-testing-library
- `tdd-functionality.js` - TDD the functionality of a React Form with
react-testing-library
- `react-router.js` - Test react-router Provider history object in React
Component Tests with createMemoryHistory
- `redux.js` - Test a redux connected React Component
- `custom-hook.js` - Test a custom hook
- `portals.js` - Test React portals
- `unmounting.js` - Test Unmounting a React Component with react-testing-library
- `app.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