Vuex内のaxiosをモックしてテストする - istyle Tech Blog

こんにちは、アイスタイルのVue.jsマン（自称）ことkubotakです。 今回はVue.jsにおける、Vuexのactionsでaxiosによる非同期通信取得をしている場合のテストと、クライアントのテストに関して紹介したいと思います。 （若干私的な備忘録も兼ねてます） テストコードに関しての説明となるのでjestやaxiosについては割愛します。 前提条件 vue-cliにより作成したプロジェクト jestでのunit test ajax通信はaxiosで行なっている axiosクライアントをラップしたクライアントモジュールを用意する クライアントのテスト axiosクライアントをラップしたクライアントモジュールの実装としては以下のような感じです。 import axios from "axios"; export const client = axios.create({ baseUR