KarmaとJasmineのJSテストを試してみました

Karmaのインストール

# Install Karma:
$ npm install karma --save-dev

# Install plugins that your project needs:
$ npm install karma-jasmine karma-chrome-launcher --save-dev

# Run Karma:
$ ./node_modules/karma/bin/karma start

Commandline Interface

次のコマンドでkarmaコマンドが使えるようになるみたいです。

$ npm install -g karma-cli

// バージョン確認
$ karma --version
// unit test 開始
$ karma start

Karmaの設定ファイル作成

次のコマンドで設定ファイル(karma.conf.js)を作成できます。各質問はEnterキーでデフォルト値をセットできるみたいです。

$ karma init

ディレクトリ構成例

AngularJSのチュートリアル的にはこんな感じでした。

GitHub - angular/angular-phonecat: Tutorial on building an angular application.

試してみました

実際に動作するものをつくってみました。まずサンプルコードです。

git cloneでダウンロードしたところからはじめます。

まずは次のコマンドを実行します。

$ npm install

これで必要なライブラリがダウンロードされます。

つづいて次のコマンドを実行します。

$ karma start

これで無事にテストが実行されました。

この状態でtest/unitのなかに記載されているテストをエラーになるように変更してみます。

Ctrl + sで保存すると先程のテストがNGになったこと確認できると思います。

元に戻すとテストが正常に通るようになります。このとおりファイル編集後に再起動しなくてもすぐにテストが実行されます。

テスト実行後にcoverageフォルダが自動生成されます。index.htmlを確認するとテストのカバー率を確認できます。

KarmaとJasmineのJSテストの実行方法はこんな感じでした。

参考

• introduction.js
• karmaでらくらくJavaScriptをテスト - tetsunosukeのnotebook
• Chrome Extension の CI が出来るようになるまで(準備編) · けんごのお屋敷
• karma で テストしながらカバレッジを取る - tetsunosukeのnotebook
• node.jsで作成された、テスト実行環境でkarmaを使ってみる