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
Vue.jsのテストをモダンにする - Qiita
はじめに 1年半前くらいに弊社のVue.jsプロジェクトのユニットテスト環境を「Karma + Mocha + power-assert」で作成し、現在までメンテナンスしながら使っていたが、「Jest + vue-test-utils」が非常に良さそうなので、環境を全て作り直すことにした 作り直したコードですが、弊社のコードは公開できないので、プライベートでメンテナンスしている以下のリポジトリで確認できる https://github.com/kurosame/vuejs-boilerplate Vue.jsとVuexとTypeScriptを使っている テスト対象 今回は以下をテスト対象とした Vuex Action Mutation Getter (State) ⇒ 初期値を設定する時に分岐などのロジックを入れた場合があれば書く Vue.js コンポーネント全て そもそもなぜテスト環境を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
