【ジェスト】

Jest とは?

最終更新:
💡 テストのことなら全部おまかせ!な万能フレームワーク
📌 このページのポイント
Jest の機能構成 Jest テストランナー 並列実行・ウォッチ モック機能 関数・モジュール偽装 スナップショット UI出力の差分検出 カバレッジ テスト網羅率の計測 ゼロコンフィグで全機能が使える「全部入り」テストフレームワーク
Jestの機能構成イメージ
ひよこ ひよこ
テストフレームワークって何のためにあるの?
ペンギン先生 ペンギン先生
プログラムが正しく動くか自動でチェックしてくれる道具だよ。手動で毎回確認するのは大変だから、テストコードを書いて自動化するんだ
ひよこ ひよこ
Jestは他のテストツールと何が違うの?
ペンギン先生 ペンギン先生
一番の特徴は「全部入り」なところだね。普通はテスト実行、モックカバレッジ計測でそれぞれ別のツールが必要なんだけど、Jestは1つで全部できるんだ
ひよこ ひよこ
ペンギン先生 ペンギン先生
UIの出力結果を写真みたいに保存しておいて、次回のテストで変わっていないか比較する仕組みだよ。意図しない変更をすぐ検出できるから、Reactの開発で特に重宝されているね
ひよこ ひよこ
モックってどういう意味?
ペンギン先生 ペンギン先生
「偽物」という意味で、外部APIデータベースの代わりになるダミーを作る機能だよ。本物のサーバーに接続しなくてもテストできるから、高速で安定したテストが書けるんだ
ひよこ ひよこ
Jestって設定が大変じゃないの?
ペンギン先生 ペンギン先生
実はゼロコンフィグで始められるのも魅力なんだ。Create React AppやNext.jsにはデフォルトで組み込まれているし、最近はVitestという高速な代替も出てきたけど、Jestのエコシステムの大きさはまだまだ健在だよ
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Jest」って出てきたら「JavaScriptの万能テストツール」と思えればだいたいOK!
📖 おまけ:英語の意味
「Jest」 = 冗談・ジョーク
💬 英語で「冗談」を意味する単語。テストを楽しく・軽快に書けるようにという思いが込められているよ
← 用語集にもどる