JsTestDriverでカバレッジを見る (Mac OS X)

最近 JavaScript でテストを書くのに JsTestDriver を使ってみているので今日はカバレッジの出力方法をメモ。ただし Mac OS X の話。

まあこの記事 Writing JavaScript unit tests with JsTestDriver | @benmatselby に全部書いてあることなんですが。

1. Downloads - js-test-driver - Remote javascript console - Google Project Hosting から coverage-X.jar を落とす。とりあえず「なんたら.conf」と同じフォルダに plugins フォルダを作ってその中に入れる

2. 「なんたら.conf」に設定を追加

plugin:
 - name: "coverage"
   jar: "plugins/coverage-1.3.4.b.jar"
   module: "com.google.jstestdriver.coverage.CoverageModule"

3. JsTestDriver を動かしてブラウザをキャプチャ

4. 以下を実行、「jsTestDriver.conf-coverage.dat」が出力される

java -jar $JSTESTDRIVER_HOME/JsTestDriver-X.jar --config [なんたら.conf へのパス] --tests all --testOutput [なんたら.dat を出力させたいパス]

5. Linux Test Project - Coverage » lcov の lcov.X.tar.gz をダウンロードして解凍

6. 解凍した lcov-X/bin/genhtml を使って以下を実行 (出力するディレクトリは指定しておいた方が無難。色々ファイルが出てくるので)

genhtml -o [出力するディレクトリ] ./jsTestDriver.conf-coverage.dat

これで html が出力される訳ですが、TDD でやってるとカバレッジ 100% なので見てもおもしろくないですね。。

崖っぷちの男