
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
SWRのリクエストをMSWでインターセプトする際はキャッシュに気をつけよう!
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
SWRのリクエストをMSWでインターセプトする際はキャッシュに気をつけよう!
テスト内容 Login コンポーネントは、SWR を使用して認証チェック用の API を呼び出す実装になっていま... テスト内容 Login コンポーネントは、SWR を使用して認証チェック用の API を呼び出す実装になっています。 内部では、ログイン状態に応じて挙動を切り替えており、ログイン中の場合は詳細ページ(/detail)へ遷移し、ログインしていない場合はログインページ(/login)に留まる動きとなっています。 この認証チェックのロジックをテストするため、MSW でリクエストをインターセプトし、任意のレスポンスを返しています。 実装例 mocks/server import { HttpResponse, http } from 'msw'; import { setupServer } from 'msw/node'; const AuthHandlers = [ // SWR が送信するリクエストをインターセプトし、任意のレスポンスを返す http.get(`${BASE_URL}auth