Modern React testing, part 5: Playwright

1. playwright-article-2024

   1 1 2 3.9 JavaScript

   Modern React testing article examples: Playwright

   

   Then add two scripts to our package.json file:

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. storybook

   2 354 86,563 10.0 TypeScript

   Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

   

   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.

4. react-styleguidist

   3 19 10,931 3.6 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.

5. Playwright

   4 474 72,510 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;

6. msw

   5 165 16,683 8.9 TypeScript

   Industry standard API mocking for JavaScript.

   

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

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

   

Suggest a related project