フロントエンドのテストのモックには msw を使うのが最近の流行りらしい

皆様フロントエンドのテストを書いていらっしゃいますでしょうか？ フロントエンドのテストを書くときには API コールする処理を全てモックする必要があります。外部の API をコールする処理をテストに含めると API サーバーが落ちているなどの外部の要因によってテストが失敗してしまう可能性がありますし、テストを実行するたびに実際に API をコールしてしまうとサーバーに負荷がかかってしまうなど外部に対しても悪影響を与えてしまいます。 さて、従来のモックする手段としては Jest のモックを利用して axios や fetch などのモジュールをモック化する手法がよく使われていたかと思います。 最近のテスト手法として API コールをモックする際に Jest ではなく Mock Service Worker (以下 msw ）を使用する手法が注目されています。実施にどのように使用されているのか

[mayumayu_nimolove]

流行りとかじゃなく目的によって使い分ける

[ko-ya-ma]

>“msw を使用する場合には一度 handlers を定義すればローカル開発・Storybook・テストなどのあらゆる場所ででインポートしてモックの実装を使いまわすことができます”

[tofy]

“しかし、後々モジュール A に対して改修が入った際にモジュール B にバグが入り込んだり、インターフェイスが変更されるかもしれません。そのような状態になったとしたらモジュール B に依存しているモジュール B は本

[carolina04]

“テストを書く時にベストプラクティスとして「できる限りモックを使用しない」という観点があります。モックを多く使用すると、テストの信頼性が損なわれるためです”

[sh19910711]

"Mock Service Worker / ローカルホストでモック用のサーバーを起動するのではなく、サービスワーカーレベルでリクエストをインターセプトしてリクエストを返却"

[Cherenkov]

モックアップ mockup

[Foorier]

業務でフロント離れてから全然ついていけてない…

[Keisuke69]

ほんのちょっとだけmsw使ってる

[mumei-0]

“実際にローカルホストでモック用のサーバーを起動するのではなく、サービスワーカーレベルでリクエストをインターセプトしてリクエストを返却するという特徴があります。”

[for-my-internet-demo]

クライアントやロジック分離してdiしたほうがなんだかんだでいろんな知識いらないしステートフルっぽい動きもできて楽だった

[Phenomenon]

へー

[yasu-osu]

適材適所でいいものは取り入れていきたいですね。