Msw-devtools NPM

msw-devtools

Devtools for exploring and testing mocked API handlers and data built with msw.

Useful when developing applications using "API first" approach where you mock the API before building the UI.

MSW API handlers testing:

demo

MSW Data inspection:

demo

Installation

NPM

$ npm install msw-devtools

Yarn:

$ yarn add msw-devtools

Usage

import { MSWDevTools } from 'msw-devtools';
import { db, handlers } from '../test/mocks';

export function App({ children }) {
  return (
    <>
      <MSWDevTools db={db} handlers={handlers} />
      Hello World
    </>
  );
}

API

`MSWDevTools`

import { FactoryAPI } from '@mswjs/data/lib/glossary';
import { RestHandler } from 'msw';

export type MSWDevToolsProps = {
  db?: FactoryAPI<any>;
  handlers?: RestHandler[];
};