Global mock decorator

[marcusmolchany]

Is there a way to write a single storybook-addon-mock decorator (maybe in .storybook/preview.js) that applies to all of my stories?

I tried this in .storybook/preview.js and it did not work for me:

import withMock from "storybook-addon-mock";

const ApiRequestMock = ({ children }) => {
  return <>{children}</>;
};
const BoundApiRequestMock= ApiRequestMock.bind({});
BoundApiRequestMock.parameters = {
  mockData: [
    {
      url: "/api/my_endpoint",
      method: "GET",
      status: 200,
      response: {
        data: "my data"
      }
    }
  ]
};

export const decorators = [
  withMock,
  (Story, context) => (
    <BoundApiRequestMock>
      <Story context={context} />
    </BoundApiRequestMock>
  )
];

[nutboltu]

This feature is implemented in 3.0.0.
https://storybook-addon-mock.vercel.app/?path=/story/docs-advanced-setup--page