# 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レスポンスをモックする
- モジュールのモックとスパイ
- スナップショット