New
Integrate Next.js and Storybook automaticallyAutomate with Chromatic
Star75,440
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Mock API Request
A storybook addon to mock fetch/XHR request
npm install storybook-addon-mock
Last updated 2 months ago
110.7k
Downloads per week
Readme View on GitHub
Storybook addon mock

Storybook Addon Mock

Actions Status Npm download npm version License

NPM

This addon allows you to mock fetch or XMLHttprequest requests in storybook. If your component depends on backend requests, and your backend requests are not ready yet to feed your component, this addon provides mock response to build your component.

Purpose

There are few packages those help the developers to mock the backend requests while building components. But those packages aren't integrated properly in storybook and also there's no scope to play with those requests in the storybook. Mostly, there's no playground to modify the response and see the changes in the storybook.

Highlights

storybook-addon-mock provides the following features.

  • You can mock fetch or XMLHttpRequest.
  • A dedicated panel where you can see the list of mock requests.
  • An on/off button for each request which can turn off the mock and try the real request.
  • A dropdown list of status code where you can change the status and experience the difference.
  • A response JSON object which can be modified in the panel. You can see the changes straight away in the story.
  • A delay option which helps you delaying the response so that you can test any kind of loading behaviour.

Documentation

See the documentation

Older(2.*) version documentation

License

This project is licensed under the MIT License - see the LICENSE file in the source code for details.

Join the community
5,858 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI