Testing a React Application Integrating MSW with Vitest

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - 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.
surveyjs.io
featured
InfluxDB - 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.
www.influxdata.com
featured
  • react-testing

    Example repository of how to implement unit testing, end-to-end testing and mocked services in a React application. For my blog: https://dev.to/diballesteros/testing-a-react-application-the-modern-approach-4d02

  • Awesome! 😎 Let’s get this set up with our application. For reference here is the project we’ve been using up to this point.

  • vitest

    Next generation testing framework powered by Vite.

  • The fifth part in my ongoing series on how to test a modern React application. This time I’ll go over how to integrate MSW with Vitest, our unit-test framework. Most applications have to fetch data from the backend server. In order to have full coverage, we should mock these requests. But, what is mocking?

  • SurveyJS

    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.

    SurveyJS logo
  • msw

    Seamless REST/GraphQL API mocking library for browser and Node.js.

  • MSW is a mocking library that is extremely simple to use.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Easier TypeScript API Testing with Vitest + MSW

    3 projects | dev.to | 25 Apr 2024
  • Testing a React Application: The Modern Approach

    2 projects | dev.to | 23 Apr 2022
  • Creating mocks for testing react code

    1 project | dev.to | 22 Apr 2024
  • Storybook 8

    5 projects | news.ycombinator.com | 13 Mar 2024
  • Partial: how not to mock the whole world

    4 projects | dev.to | 8 Feb 2024