https://github.com/kentcdodds/react-testing-library-course

Test React Components with Jest and React Testing Library on TestingJavaScript.com
https://github.com/kentcdodds/react-testing-library-course

kcd-edu react react-testing-library testing testingjavascript

Last synced: 7 days ago
JSON representation

Test React Components with Jest and React Testing Library on TestingJavaScript.com

• Host: GitHub
• URL: https://github.com/kentcdodds/react-testing-library-course
• Owner: kentcdodds
• License: other
• Created: 2018-05-03T04:52:48.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2022-10-18T21:02:16.000Z (over 2 years ago)
• Last Synced: 2025-01-19T05:06:15.508Z (14 days ago)
• Topics: kcd-edu, react, react-testing-library, testing, testingjavascript
• Language: JavaScript
• Homepage: https://testingjavascript.com/playlists/test-react-components-with-jest-and-react-testing-library-72cf
• Size: 655 KB
• Stars: 1,089
• Watchers: 24
• Forks: 380
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-list - react-testing-library-course

README

        


  Test React Components with Jest and React Testing Library





  
TestingJavaScript.com

  

    

  





_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