NOTE 031 / 2019年
Jest で Vue のテストを書き始める
コンポーネントのテストを、どこから書き始めるかの整理です。
読了目安 約2分
テストを書くときは、内部の実装ではなく、利用者から見える振る舞いを確認します。ボタンを押したら表示が変わる、入力したら送信できる。この単位から始めると、実装を変えてもテストが壊れにくくなります。
非同期の更新を含む場合は、待ち方を明示します。画面の更新を待たずに確認すると、環境によって結果が変わります。テストの失敗が再現できるかどうかを重視しましょう。
押さえたい点
- 01利用者から見える振る舞いを確認する
- 02非同期の待ち方を明示する
- 03失敗が再現できるかを確かめる
参考資料
外部サイトが開きます。内容は各サイトの管理下にあります。
- Jest 入門 外部サイトjestjs.io
- Jest API 外部サイトjestjs.io
- TypeScript ドキュメント 外部サイトtypescriptlang.org
- TypeScript の設定 外部サイトtypescriptlang.org
- MDN Web Docs 外部サイトdeveloper.mozilla.org
- React リファレンス 外部サイトreact.dev
- Vue.js ガイド 外部サイトvuejs.org
- Vite ガイド 外部サイトvitejs.dev
- Vue.js API 外部サイトvuejs.org
- Vue のリアクティブ基礎 外部サイトvuejs.org
- Vue コンポーネント基礎 外部サイトvuejs.org
- Vue Transition 外部サイトvuejs.org
- web.dev 外部サイトweb.dev