How to Confidently Write Unit Tests using React Testing Library

1. testing-library-demo

   1 1 10 0.0 JavaScript

   React Testing Library Demo

   

   Add the content from this link in the Register.jsx file and inside register.css file add contents from this link.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. vite

   2 906 72,711 9.9 TypeScript

   Next generation frontend tooling. It's fast!

   

   We will be using Vite which is the most popular and a faster alternative to create-react-app.

4. testing-library-docs

   3 57 463 7.9 JavaScript

   docs site for @testing-library/*

   

   The React Testing Library has a set of packages that helps you test UI components in a user-centric way which means just like how the user interacts with the various elements displayed on the page.

5. react-hook-form

   4 245 43,103 9.1 TypeScript

   📋 React Hooks for form state management and validation (Web + React Native)

   

   Also, instead of managing the state and onChange handler yourself, you can use a very popular react-hook-form library.

6. react-bootstrap

   5 111 22,560 7.7 TypeScript

   Bootstrap components built with React

   

   We will use react-bootstrap to create the UI elements so we don't have to write all CSS from scratch.

7. jest

   6 521 44,762 8.9 TypeScript

   Delightful JavaScript Testing.

   

   We cannot only use the testing library alone, but we also need to install Jest which exposes extensively used global expect function and other things which help to make assertions in our test cases.

8. Enzyme

   7 35 19,932 5.6 JavaScript

   JavaScript Testing utilities for React

   

   So If you have experience with enzyme testing, where you might be checking the value of state once you click any button or you might be checking the prop value If something changes.

9. InfluxDB

   www.influxdata.com featured

   InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

   

Suggest a related project