Vue.jsテストハンドブック

Vue.jsテストハンドブックにようこそ!

このハンドブックはVueコンポーネントをどうテストするか簡単な例の集めたものです。コンポーネントをテストする公式ライブラリーのvue-test-utilsとモダーンテストフレームワークのJestを使います。vue-test-utilsのAPIとコンポーネントのテストの最適な実践を紹介します。

各セクションはその他のセクションとは独立してます。最初はvue-cliをインストールしてテスト環境を準備してから最初のテストを書きます。そしてコンポーネントをレンダーするmountshallowMountの2つの方法とそれぞれの違いを説明します。

続いてコンポーネントをテストするときによくある場面を紹介します。例えば:

  • propsを受け取る
  • 算出プロパティ
  • 別のコンポーネントをレンダーする
  • イベントをemitする

そのあと、次でもっと興味深いケースを見てみます。例えば:

  • Vuexをテストするベストプラクティス(コンポーネントと、コンポーネント以外)
  • Vueルーターのテスト
  • 第三者のコンポーネントのテスト

JestのAPIでテストをもっと安定させる方法も紹介します。例えば:

  • APIレスポンスをモックする
  • モジュールのモックとスパイ
  • スナップショット

言語

英語と日本語でサポートします。

更新: 8/29/2019, 6:15:36 PM