Vue公式のテストツール Vue Test Utils 2系（Vue3対応）のチュートリアルです。

JestおよびVue Test Utlsの書き方についてフォーカスしています。

ステップバイステップで学習し、実践編で知識の定着ができます。
また、辞書としても利用できる付録チャプターも作成しました。


【Vue3】Jest & Vue Test Utils 詳解 チュートリアル

はじめに

プログラムのテストについて

【準備】環境構築

【理論】Jest 1 テストにおける基本メソッド

【理論】Jest 2 非同期コードのテスト

【理論】Jest 3 セットアップ関数

【理論】Jest 4 関数、モジュールのモック

【理論】Jest 5 fetchのモック

【理論】Vue Test Utils 1 コンポーネントのマウント

【理論】Vue Test Utils 2 propsとemit

【理論】Vue Test Utils 3 フォームとイベントトリガー

【理論】Vue Test Utils 4 slot

【理論】Vue Test Utils 5 provide / inject

【理論】Vue Test Utils 6 Teleport

【理論】Vue Test Utils 7 Vuex

【理論】Vue Test Utils 8 VueRouter

【実践】簡易認証フォームのテスト

【実践】ユーザプロフィール表示アプリのテスト

【付録A】マウントオプション一覧

【付録B】マウント結果（wrapper）から参照可能な情報一覧

更新履歴

おわりに

jest

単体テスト

vue3

vuetestutils

コンポーネントテスト

てんてる