React Testing Library Recipes - Getting started

• jest

  474 43,616 9.5 TypeScript

  Delightful JavaScript Testing.

  

jest: the testing framework. It provides the test environment, a command line tool, a simulated DOM, functions for defining tests (describe, it, test, etc.), mocking and spying utilities, functions for assertions and expectations.

• testing-library-recipes

  2 1 0.0 TypeScript

  A repository showing best practices and useful tips about React Testing Library.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Gatsby

  357 55,023 9.3 JavaScript

  The best React-based framework with performance, scalability and security built in.

  

Projects created with Create React App have out of the box support for React Testing Library, you can skip to fine tuning. Projects created with other tool chains like Next.js, Gatsby.js needs this steps. If you are a complete beginner, it's probably better to pick CRA and start testing without caring about configuration. If you are setting up a custom toolchain then these steps could be really useful.

• webpack

  331 64,178 9.8 JavaScript

  A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  

Webpack is used as bundler.

• husky

  125 31,590 8.6 JavaScript

  Git hooks made easy 🐶 woof!

A test environment is really effective only if tests run frequently. The best way to do that is to set up a Continuous Integration server that automatically run tests at every push. Besides that, it could be useful to run tests even before each commit. This give you a faster feedback, and it prevents you from committing not working code. Husky is a powerful tool that helps us to configure Git hooks to achieve this result.

• jest-dom

  23 4,298 7.0 JavaScript

  :owl: Custom jest matchers to test the state of the DOM

  

@testing-library/jest-dom: provides custom DOM element matchers for Jest. It extends the set of expectations we can use.

• React

  1,696 222,111 9.9 JavaScript

  The library for web and native user interfaces.

  

Automated software testing has become a critical organization process within software development to ensure that expected business systems and product features behave correctly as expected. When developing a React.js front-end application, the React Testing Library is the officially recommended tool and it is the primary choice for many developers because it encourages good practices by enforcing not to test implementation details, but by focusing on tests that closely resemble how your web pages are interacted by the users.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Next.js

  2,047 120,804 10.0 JavaScript

  The React Framework

  

Projects created with Create React App have out of the box support for React Testing Library, you can skip to fine tuning. Projects created with other tool chains like Next.js, Gatsby.js needs this steps. If you are a complete beginner, it's probably better to pick CRA and start testing without caring about configuration. If you are setting up a custom toolchain then these steps could be really useful.

• create-react-app

  576 101,893 1.5 JavaScript

  Set up a modern web app by running one command.

  

Projects created with Create React App have out of the box support for React Testing Library, you can skip to fine tuning. Projects created with other tool chains like Next.js, Gatsby.js needs this steps. If you are a complete beginner, it's probably better to pick CRA and start testing without caring about configuration. If you are setting up a custom toolchain then these steps could be really useful.

Suggest a related project