Modern React testing, part 5: Playwright

• playwright-article-2024

  1 1 2.4 JavaScript

  Modern React testing article examples: Playwright

Then add two scripts to our package.json file:

• storybook

  325 82,997 10.0 TypeScript

  Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  

As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.

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

  

• react-styleguidist

  19 10,797 4.4 TypeScript

  Isolated React component development environment with a living style guide

  

As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.

• Playwright

  383 62,151 9.9 TypeScript

  Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

  

Playwright, an end-to-end test runner;

• msw

  150 14,914 9.2 TypeScript

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

  

We’re going to use Mock Service Worker (MSW) for mocking network requests in our integration tests and in the app during development.

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

  

Suggest a related project