StorybookとVitestでMSW handlerの漏れを検出する基盤パターン
テスト
Storybook
MSW
Vitest
Storybook interaction test と Vitest unit test で同じ MSW handler を使う場合、src/mocks/handlers.ts に handler を集約し、src/mocks/browser.ts は setupWorker、src/mocks/server.ts は setupServer を export する。Storybook preview では msw-storybook-addon の initialize と mswLoader を設定し、parameters.msw.handlers に handler 一覧を渡す。さらに handler 末尾に /api/v1/* や /api/* の catch-all 501 を置き、Vitest で全 API endpoint を server.listen({ onUnhandledRequest: 'error' }) 付きで叩く coverage test を追加すると、未mock endpoint の追加漏れを検出できる。