Retour au classement

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

kcd-edureacttestingreact-testing-librarytestingjavascript
Croissance des étoiles
Étoiles
1.1k
Forks
373
Croissance hebdomadaire
Issues
3
5001k
mai 2018janv. 2021oct. 2023juil. 2026
Artefactsnpmnpm install react-testing-library-course
README

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 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

Dépôts similaires
epicweb-dev/react-fundamentals

Material for my React Fundamentals Workshop

TypeScriptnpmOtherkcd-edureact
fundamentals.epicreact.dev
5.3k3.1k
epicweb-dev/advanced-react-patterns

This is the latest advanced react patterns workshop

TypeScriptnpmOtherkcd-edureact-patterns
advanced-patterns.epicreact.dev
3.5k1.1k
epicweb-dev/react-hooks

Learn React Hooks! 🎣 ⚛

TypeScriptnpmOtherkcd-edureact
hooks.epicreact.dev
2.8k1.9k
kentcdodds/bookshelf

Build a ReactJS App workshop

JavaScriptnpmOtherkcd-edureact
epicreact.dev/modules/build-an-epic-react-app-v1/build-an-epic-react-app-welcome
2.7k1.2k
epicweb-dev/advanced-react-apis

Learn Advanced React Hooks workshop

TypeScriptnpmOtherkcd-edureact
advanced-apis.epicreact.dev
2.1k1.3k
epicweb-dev/react-performance

Let's make our apps fast ⚡

TypeScriptnpmOtherkcd-edureact
performance.epicreact.dev
1.8k655
kentcdodds/advanced-react-patterns-v2

Created with CodeSandbox

JavaScriptnpmkcd-edureact
codesandbox.io/s/github/kentcdodds/advanced-react-patterns-v2
1.5k553
kentcdodds/testing-workshop

A workshop for learning how to test JavaScript applications

JavaScriptnpmworkshopjavascript
git.io/testing-workshop
1.4k690
kentcdodds/testing-react-apps

A workshop for testing react applications

JavaScriptnpmOtherreacttesting
epicreact.dev/modules/testing-react-apps-v1/testing-react-apps-welcome
1.1k711
kentcdodds/advanced-react-patterns-v1

The course material for my advanced react patterns course on Egghead.io

HTMLkcd-edu
egghead.io/courses/advanced-react-component-patterns
1.1k138
kentcdodds/js-testing-fundamentals

Fundamentals of Testing in JavaScript on TestingJavaScript.com

JavaScriptnpmkcd-edujavascript
testingjavascript.com/courses/fundamentals-of-testing-in-javascript
540373
kentcdodds/es6-workshop

A very hands on :open_hands: workshop :computer: about ES6 and beyond.

JavaScriptnpmworkshopes6-workshop
kcd.im/es6-intro-slides
366144