learn-to-test-react-components

Test React components: with JEST and Vitest : Learning and documentation

Jest documentation

List of expect matchers

Vite documentation

Vitest documentation

Vitest examples

Vitest React Testing Lib Example

@testing-library/jest-dom documentation

Testing Library-About Queries

@testing-library/react documentation

React Testing Library: Cheatsheet

DOM Testing Library: Cheatsheet

@testing-library/jest-dom Readme Page

Mock Service Worker Documentation

Consolidated understanding

• Consolidated understanding: About terminology related to testing
• Consolidated understanding: About version history

Target from this section (learn-to-test-react-components)

• [Planned]: create a typescript library project to test react components and hooks
• [Planned]: create a typescript library project to test typescript/javascript utility methods
• [Planned]: create unit-testing for a sample nodejs+express application

---

Alternatives for Jest

• Alternatives to Jest
• Jest companion and alternatives

---

YouTube videos which helped a lot

Introduction To Testing In JavaScript With Jest

project: testing-javascript-web-dev-simplified-with-jest

---

Jest Crash Course - Learn How to Test your JavaScript Application

project: jest-crashcourse-by-laith-academy

---

Mock vs Spy in Testing with Jest: Which is Better?

project: jest-mock-vs-spy-mohokh67

---

React unit testing with Jest & React-testing-library

project:

---

Unit Testing in React with Jest - Mock, Snapshots and more

projects:

• CRA-react-unit-testing-ghulamabbas2
• unit-testing-with-ts-and-jest-ghulamabbas2

---

Test React Router using Jest & React Testing Library and Typescript

projects: tdd-in-react-router-with-ts-shoaibbhimani

---

Testing React Apps

projects:

---

Next.js unit tests with Jest and Testing Library typescript

projects:

• Next.js testing code
• All Next.js examples

---

End-To-End testing: React Testing with Playwright (Complete Tutorial)

projects:

• Source code on github

---

Fast Unit Testing With Vitest

projects:

---

Testing with Vitest FREE COURSE

projects: unit-testing-library-with-vitest-and-js

---

Learn Vitest and Testing Library In 40 Minutes

projects:

• Vitest-YT
  • This project creates vue components, but uses same vitest, hence it can be used as reference project

---

Next.js 15 Unit Testing with Jest and React Testing Library | Test Driven Development

projects:

---

How to use Vitest with Jest-DOM and React Testing Library

projects:

• react-unit-testing-library-with-vitest-and-ts

---

React Testing Tutorial- by Codevolution

instructor's git-hub repo: gopinav

projects:

• react-testing-tutorial-ts-vite-with-codevolution
  • a vite generated project, for my reference, as I need to develop a component library project with vitest
• react-testing-tutorial-js-cra-silver-price-chart-with-codevolution
  • a js-cra generated project, as instructor using cra approach
• react-testing-tutorial-ts-cra-with-codevolution
  • a ts-cra generated project, as instructor using cra approach

---