ユニットテスト #

フロントエンドには主に 4 点のユニットテストが存在する。

• Jest
• Vitest
• Mocha
• Jasmine

npm trends で見てもらっても明らかだが、最近は Jest を採用しているプロジェクトが多い。さらに Vitest に注目している方も多い。

• npm trends - jasmine vs jest vs mocha
• npm trends - jasmine vs jest vs mocha vs vitest

そこで今回、まずは Jest に焦点を当てる。

執筆済みの教材 #

TBD

テスト課題 #

• 母音を抽出する
• 税込価格を算出する
• 非同期コードを検証する
• snapshot を撮影する

参照リポジトリ #

Jest については、主に下記リポジトリで作業を進めている。

• https://github.com/jiyuujin/frontend-tests/tree/master/tests/jest
• https://github.com/jiyuujin/pokemon

また Vitest については、主に下記リポジトリで作業を進めている。

• https://github.com/jiyuujin/frontend-tests/tree/master/tests/vitest
• https://github.com/jiyuujin/pokemon-vite

他 Jasmine や Mocha についてもご確認いただければ幸いです。

• https://github.com/jiyuujin/frontend-tests/tree/master/tests/jasmine
• https://github.com/jiyuujin/frontend-tests/tree/master/tests/mocha