All Projects → nutboltu → storybook-addon-mock

nutboltu / storybook-addon-mock

Licence: MIT license
This addon allows you to mock fetch or XMLHttpRequest in the storybook.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to storybook-addon-mock

storybook-xstate-addon
A storybook addon to assist with writing stories that rely on xstate
Stars: ✭ 48 (-28.36%)
Mutual labels:  addon, storybook, storybook-addon
storybook-addon-headless
A Storybook addon to preview content from a headless CMS in components
Stars: ✭ 23 (-65.67%)
Mutual labels:  addon, storybook, storybook-addon
storybook-addon-next
A no config Storybook addon that makes Next.js features just work in Storybook
Stars: ✭ 184 (+174.63%)
Mutual labels:  addon, storybook
Storybook Addon A11y
REPO/PACKAGE MOVED - Storybook addon to help, improving accessibility within you're react components.
Stars: ✭ 37 (-44.78%)
Mutual labels:  addon, storybook
React Storybook Addon Props Combinations
Given possible values for each prop, renders your component with all combinations of prop values.
Stars: ✭ 130 (+94.03%)
Mutual labels:  addon, storybook
msw-storybook-addon
Mock API requests in Storybook with Mock Service Worker.
Stars: ✭ 168 (+150.75%)
Mutual labels:  addon, storybook
Storycap
A Storybook Addon, Save the screenshot image of your stories 📷 via puppeteer.
Stars: ✭ 451 (+573.13%)
Mutual labels:  addon, storybook
Storybook Addon
Develop themable components with Emotion/Styled Components/Material-UI with help of Storybook & React Theming
Stars: ✭ 122 (+82.09%)
Mutual labels:  addon, storybook
storybook-addon-intl
Addon to provide a locale switcher and react-intl for storybook
Stars: ✭ 84 (+25.37%)
Mutual labels:  storybook, storybook-addon
Addon Jsx
This Storybook addon show you the JSX / template of the story
Stars: ✭ 209 (+211.94%)
Mutual labels:  addon, storybook
Storybook Addon Jest
REPO/PACKAGE MOVED - React storybook addon that show component jest report
Stars: ✭ 177 (+164.18%)
Mutual labels:  addon, storybook
Addon Smart Knobs
🧠 This Storybook plugin uses @storybook/addon-knobs but creates the knobs automatically based on PropTypes.
Stars: ✭ 215 (+220.9%)
Mutual labels:  addon, storybook
storybook-styled-components
No description or website provided.
Stars: ✭ 76 (+13.43%)
Mutual labels:  addon, storybook
Storybook Addon Material Ui
Addon for storybook wich wrap material-ui components into MuiThemeProvider. 📃 This helps and simplifies development of material-ui based components.
Stars: ✭ 513 (+665.67%)
Mutual labels:  addon, storybook
create-material-ui-app
create-react-app + storybook + storybook-addon-material-ui
Stars: ✭ 55 (-17.91%)
Mutual labels:  addon, storybook
Storybook Addon Preview
Storybook Addon Preview can show user selected knobs in various framework code in Storybook
Stars: ✭ 43 (-35.82%)
Mutual labels:  addon, storybook
storybook-graphql-kit
Write GraphQL queries and pass response data to your components
Stars: ✭ 19 (-71.64%)
Mutual labels:  storybook, storybook-addon
storybook-addon-matrix
Storybook addon for rendering components with a matrix of props
Stars: ✭ 32 (-52.24%)
Mutual labels:  storybook, storybook-addon
Storybook Addon Styled Component Theme
storybook addon
Stars: ✭ 168 (+150.75%)
Mutual labels:  addon, storybook
ui-kit
D2iQ UI Kit
Stars: ✭ 29 (-56.72%)
Mutual labels:  storybook, hacktoberfest2022
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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].