JestとMSWでReactコンポーネントのfetch部分をmock化しようとしたらエラーになった ReferenceError: fetch is not defined whatwgのfetchはブラウザでしか使えないのでJest（node）で使うにはpolyfillが必要 jest.config.js const fetchPolyfill = require('…

MSWを使っていて、以下のようにクエリパラメータによって結果が変わるテストをしたい /api/list?q=xxxx&a=yyyy&b=zzzz そこでMSWのルーティングマッチング機能があるので調べた mswjs.io まず、基本的にAPIリクエストのマッチはmethodとURLで行われる 方法は…

Jestで外部APIとのAdapterのテストをしたい JestでMock化してもよいが、テスト以外でもそのモックを使用したいので以前調べたMSWを使うことにした uga-box.hatenablog.com ちょうどそんな時、以下の記事が公開されたので参考にさせてもらった zenn.dev zenn.…

MSW（Mock Service Worker）というライブラリを知ったので調べてみた mswjs.io MSWは、Service Worker APIを使用して実際のリクエストをインターセプトするAPIモックライブラリ キャッシュの目的でリクエストをキャプチャするというService Workerの機能を使…