Skip to content
On this page

ユニットテスト

TypeScript
Jest
Vitest
Mocha
Jasmine

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

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

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

Jest の手引き

Pokemon アプリ (CRA)Pokemon アプリ (Vite) のユニットテストを書いていくことを目指す。

それに向けてまずは Jest 単体でその挙動を確認しつつ、下記のように段階を踏んで進めることとする。

  • Jest 単体でその挙動を確認する
  • React に Jest を組み込んでその挙動を確認する

執筆済みの教材

TBD

テスト課題

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

参照リポジトリ

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

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

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