- はじめに このセクションでは、JavaScriptコードのユニットテストの書き方に焦点を当てます。ユニットテストは、コードの個々の部分が期待通りに動作することを確認するのに役立ちます。GeekとGalのダイナミックデュオが、わかりやすく楽しい説明でこのプロセスを案内してくれます。
さあ、ユニットテストの書き方について学ぶわよ！💪
うん、楽しみだ！でも、どうやって始めるの？
まず、テストフレームワークが必要よ。JavaScriptでは、 Jest が人気があるわ。npmかyarnを使ってインストールできるの！
- Jestのインストール
Jestをインストールするには、ターミナルで以下のコマンドを実行するだけよ：
npm install --save-dev jest
わかった！Jestをインストールしたよ。次は何？
次に、シンプルなJavaScript関数を作成して、ユニットテストを書くためのテストファイルを作ろう！
- ユニットテストの書き方
2つの数字を足すシンプルな関数を作成して、
sum.js
という名前で保存してね。
function sum(a, b) {
return a + b;
}
module.exports = sum;
次に、
sum.test.js
というテストファイルを作成するの。このファイルでは、
sum
関数が正しく動作するかどうかをチェックするテストケースを書くわ！
const sum = require('./sum');
test('sum adds 1 + 2 to equal 3', () => {
expect(sum(1, 2)).toBe(3);
});
だから、
sum
関数をインポートして、
test
関数を使って説明とコールバック関数を含むテストケースを書くんだね？
その通り！コールバック関数では、
expect
を使って
sum
関数の結果をチェックし、
toBe
のようなマッチャーを使って期待値と比較するのよ！
- ユニットテストの実行
最後に、テストを実行するには、
package.json
ファイルに以下のスクリプトを追加してね：
"scripts": {
"test": "jest"
}
これで、ターミナルで
npm test
と入力してテストを実行できるわ。正しく設定されていれば、成功メッセージが表示されるはず！🎉
すごい！テストを実行したら、成功したよ！😃
- おわりに ユニットテストの書き方は、コードが期待通りに動作することを確認するための開発プロセスの重要な部分です。Jestを使えば、JavaScriptコードのテストを簡単に書いたり実行したりできるので、早期に問題を見つけてより良い製品を提供できます。頑張ってね！👍