Mock Service Workerをフロントエンドテストに導入してみた - Qiita

はじめに セーフィー株式会社でフロントエンドエンジニアをやっている @ungi_podo です。 この記事はSafie Engineers' Blog! Advent Calendar 21日目の記事です。 従来だとapiを利用したテストを書くにはjestのモックを利用してaxiosなどのモジュールをモック化していたと思います。 最近フロントエンドテストではmswを使用してapiを利用したテストを書くことが注目されているみたいなので導入してみました！ Mock Service Workerとは Mock Service Worker（以下MSW）とはService Workerを通じてAPIリクエストをインターセプトし、mockのレスポンスを返すことができるライブラリです。 公式にわかりやすいフロー図があったので紹介します。 他に開発用mockだとJson Serverが有名ですが、 MS