{"library":"storybook-addon-vite-mock","title":"Storybook Addon Vite Mock","type":"library","description":"A Storybook addon that provides Jest-like module mocking for Vite-based Storybook projects (v10+). Version 1.1.1 is current, with active development on GitHub. It replaces module imports with mock implementations during Storybook stories, using a Vite plugin and a createMock function. Unlike traditional Jest mocks that require a test runner, this addon works directly in Storybook's preview environment, allowing visual testing of components with mocked dependencies. It supports @storybook/react-vite and @storybook/nextjs-vite frameworks. The mockRestore() is automatic after story unmount. Configuration via addon options allows include/exclude patterns for builds. Ships TypeScript types.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install storybook-addon-vite-mock"],"cli":null},"imports":["import { createMock } from 'storybook-addon-vite-mock'","import { viteMockPlugin } from 'storybook-addon-vite-mock'","import type { MockOptions } from 'storybook-addon-vite-mock'"],"auth":{"required":false,"env_vars":[]},"links":{"homepage":null,"github":"https://github.com/node-libraries/storybook-addon-vite-mock","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/storybook-addon-vite-mock","openapi_spec":null,"status_page":null,"smithery":null},"quickstart":{"code":"// .storybook/main.ts\nimport { mergeConfig } from 'vite';\nimport { viteMockPlugin } from 'storybook-addon-vite-mock';\nimport type { StorybookConfig } from '@storybook/react-vite';\n\nconst config: StorybookConfig = {\n  stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx)'],\n  addons: ['storybook-addon-vite-mock'],\n  framework: { name: '@storybook/react-vite', options: {} },\n  viteFinal(config) {\n    config.plugins?.push(viteMockPlugin());\n    return config;\n  },\n};\nexport default config;\n\n// Button.stories.tsx\nimport { createMock } from 'storybook-addon-vite-mock';\nimport { fn } from '@storybook/test';\nimport { Button } from './Button';\nimport { Test } from './test';\n\ncreateMock('./test', { Test: fn() });\n\nexport default { component: Button };\nexport const Mocked = {};","lang":"typescript","description":"Set up the addon in Storybook config and create a mock for a module import in a story.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}