# Vue.jsテストハンドブック
Vue.jsテストハンドブックにようこそ!
このハンドブックはVueコンポーネントをどうテストするか簡単な例の集めたものです。コンポーネントをテストする公式ライブラリーのvue-test-utils
とモダーンテストフレームワークのJestを使います。vue-test-utils
のAPIとコンポーネントのテストの最適な実践を紹介します。
各セクションはその他のセクションとは独立してます。最初はvue-cli
をインストールしてテスト環境を準備してから最初のテストを書きます。そしてコンポーネントをレンダーするmount
とshallowMount
の2つの方法とそれぞれの違いを説明します。
続いてコンポーネントをテストするときによくある場面を紹介します。例えば:
props
を受け取る- 算出プロパティ
- 別のコンポーネントをレンダーする
- イベントを
emit
する
そのあと、次でもっと興味深いケースを見てみます。例えば:
- Vuexをテストするベストプラクティス(コンポーネントと、コンポーネント以外)
- Vueルーターのテスト
- 第三者のコンポーネントのテスト
JestのAPIでテストをもっと安定させる方法も紹介します。例えば:
- APIレスポンスをモックする
- モジュールのモックとスパイ
- スナップショット