エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
はじめに Vitest で API 通信が絡んだコンポーネントのテストをするとき、vi.mock、MSW、TanStack Query... はじめに Vitest で API 通信が絡んだコンポーネントのテストをするとき、vi.mock、MSW、TanStack Query のようなデータフェッチングライブラリの Query キャッシュを活用する手法があります。この記事では 3 つのモックパターンを比較し、どう使い分けるかを整理しました。 パターン 1: vi.mock で依存モジュールを差し替える まずは vi.mock を使って依存モジュールを差し替えるパターンです。テスト対象となるコンポーネントはこちら。 import { useQuery } from "@tanstack/react-query"; import { fetchTimeline } from "../client/fetchTimeline"; type Post = { id: string; title: string; }; export fu