フロントエンド・PHPカンファレンス北海道2026
トーク(15分)
フロントエンド
初登壇
VitestでAPI 通信のモックどうしてる？主要3パターン（vi.mock / MSW / Queryキャッシュ）を比較・使い分け
やなぎ
apple_yagi
Vitestでコンポーネントなどに対してテストを書く際に初学者が躓きやすいAPI通信のモックについて、主要なパターンを3つ紹介します。各パターンのメリット、デメリットを考察し、リファクタリング耐性などの観点についても話します。
また、現在私がVitestにPull Requestを出しているVitest標準のAPIモック機能について、どのような仕組みで実装したのかなどを紹介し、将来デファクトになるかもしれない未来について思いを馳せたいと思います。