SWRのmiddlewareを使ってmockせずにテストする

非同期処理のテストを行う場合、モックを噛ませないとうまく行かないケースがどうしても存在する。 SWR1.0で導入されたmiddlewareを利用するとこれをいい感じに回避できることを見つけたのでまとめる 下準備 今回はまず下記のようなコンポーネントをテストすることを考える export const useDictionary = (word: string) => { return useSWR(`https://api.dictionaryapi.dev/api/v2/entries/en/${word}`, (url) => fetch(url).then(r => r.json())) } export const SearchResult: FC<{ word: string }> = ({ word }) => { const { data, error } = useDicti