axiosをモックする – axios-mock-adapter

 テストコードなど書きたいとき、axiosをモックしたくなると思います。

 axiosのモックにはaxios-mock-adapterが便利です。

npm install axios-mock-adapter

 使い方は簡単で、以下のようにMockAdapter#onGet/onPostなどでレスポンスを指定してあげるだけです。

 あとは通常通りaxios.getなどでレスポンスが返ってくるようになります。

import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';

const mockAxios = new MockAdapter(axios)

mockAxios.onGet("/todos", (body: any) => {
  return {
    data: [
      {
        title: "Test todo1",
        done: false
      },
      {
        title: "Test todo2",
        done: true
      }
    ]
  }
})

axios.get("/todos").then((response) => { console.log(response.data) })

 詳しくは公式のGithubを見てください。

https://github.com/ctimmerm/axios-mock-adapter

コメントを残す

メールアドレスが公開されることはありません。