@kubb/plugin-msw

@kubb/plugin-msw turns your OpenAPI spec into MSW request handlers. Drop them into a test setup or a service worker to mock the API. Each handler matches the spec's path, method, status, and response body.

By default a handler returns an empty typed payload you fill in from tests. Set parser: 'faker' to return generated data from @kubb/plugin-faker instead.

Installation

bun

bun add -d @kubb/plugin-msw@beta

pnpm

pnpm add -D @kubb/plugin-msw@beta

npm

npm install --save-dev @kubb/plugin-msw@beta

yarn

yarn add -D @kubb/plugin-msw@beta

Dependencies

This plugin always depends on @kubb/plugin-ts, so keep pluginTs() in the plugins array.

It depends on @kubb/plugin-faker only when you set parser: 'faker'. With the default parser: 'data', Faker is not needed.

Example

kubb.config.ts

import {  } from 'kubb'
import {  } from '@kubb/plugin-ts'
import {  } from '@kubb/plugin-msw'

export default ({
  : { : './petStore.yaml' },
  : { : './src/gen' },
  : [
    (),
    ({
      : { : './mocks' },
      : {
        : 'tag',
        : ({  }) => `${}Service`,
      },
      : true,
    }),
  ],
})

See also

• MSW
• @kubb/plugin-ts
• @kubb/plugin-faker
• Changelog