🌟 MSW Devtools Extension

[vkruglikov]

Hi guys! I am happy to share that I have completed msw-devtools-extension

This Chrome extension allows you to enhance browser handlers and intercept requests using JSON config mocks uploaded to the extension.

Example of intercepting all requests

import { http } from 'msw'
import { setupWorker } from 'msw/browser'
import { createResponseResolver } from '@msw-devtools/connect'

const handlers = [http.all('*', createResponseResolver())]

setupWorker(...handlers)

Example JSON config

{
  "version": 1,
  "name": "example",
  "handlers": {
    "/ping": {
      "method": "GET",
      "body": {
        "name": "Hello World"
      },
      "init": {
        "headers": {
          "Content-Type": "application/json"
        }
      }
    }
  }
}

Motivation

This extension is a game-changer for both developers and QA testers working with MSW. 🧑‍💻👩‍💻
Instead of manually defining handlers for every request, you can now upload pre-configured JSON files, whether it's a single file or multiple files for different scenarios 🚀.

I would be glad to see any feedback