こんにちは、アイスタイルの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
![Vuex内のaxiosをモックしてテストする - istyle Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8eb3e98a904defdb5e44b118d1184e141015541/height=288;version=1;width=512/https%3A%2F%2Ftechblog.istyle.co.jp%2Fwp-content%2Fuploads%2F2018%2F11%2Fvue-unit-test.png)