ravicious
commented
1 year ago msw-storybook-addon seems to have problems with resetting the handlers between rendering stories, see https://github.com/mswjs/msw-storybook-addon/issues/82.
In the PollingSuccess story in Discover/ConnectMyComputer/SetupConnect/SetupConnect.story.tsx, I register two separate handlers, one for the first response and one for subsequent responses. If you switch between stories, the handlers do not get reset which causes the story to be in an incorrect state if you switch back to it. The workaround would be to refresh the page with the story, but perhaps we can somehow instruct Storybook to call the equivalent of worker.resetHandlers between rendering stories.
avatus
Currently, we use msw both from
window.msw(example) and by importing it from the msw package (example).The version from the window seems to work only over local IP. If
ctx.delayis used in the msw handlers, it seems to have no effect – the responses are returned immediately.The version from the msw package works only over localhost. It requires a different setup which is currently done per story, but according to the docs it should be done globally in
preview.js.ctx.delayseems to work with this version with no problems.This causes problems when viewing stories because some work only in localhost and some work only over local IP.
I haven't tried to understand the use case behind the window version of msw, but since
ctx.delaydoesn't seem to work with it, I believe we should migrate to the second approach. Perhaps it's possible to make it support both the local IP and localhost, so that no matter how someone launches the storyybook, the stories will work.