Zustand and Storybook #2626
-
|
Hi, is there any neat solution to mock Zustand store for particular story in Storybook? For example we can consider store with simple empty data field |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 9 replies
-
|
@sourire123 you can use storybook decorators to do that. For instance if you are using Context API you can wrap your components with a decorator to initialize the data or you can use Ref: https://storybook.js.org/docs/writing-stories/decorators#context-for-mocking |
Beta Was this translation helpful? Give feedback.
-
|
@clianor about store is shared across all stories is expected due to you are using global stores on each story/component |
Beta Was this translation helpful? Give feedback.
-
|
keep in mind that you can create scoped (context based) stores in zustand too |
Beta Was this translation helpful? Give feedback.
-
|
@dbritto-dev |
Beta Was this translation helpful? Give feedback.
-
|
btw, I wouldn't use the same store in your case I'd create stores (even the global stores) for each story/component if is necessary |
Beta Was this translation helpful? Give feedback.
-
|
@dbritto-dev Thanks for the good suggestion. |
Beta Was this translation helpful? Give feedback.
@sourire123 you can use storybook decorators to do that. For instance if you are using Context API you can wrap your components with a decorator to initialize the data or you can use
useEffectanduseYourStore.setStateto do the same.Ref: https://storybook.js.org/docs/writing-stories/decorators#context-for-mocking