WebブラウザでJavaScriptをテストする「js-test-driver」とQUnit、Jasmineを連携してテストするには：フレームワークで実践！ JavaScriptテスト入門（4）（2/4 ページ）

js-test-driverのテストを実行する

　ここからは、実際にテストを実行していきます。テストを実行する前にサーバとWebブラウザを起動する必要があります。サーバやWebブラウザはテストランナーと同一マシンである必要はなく、異なるマシンで起動してもOKです。

　テストを実行するまでに必要となる手順は以下の3ステップです。

【1】サーバの起動

　サーバの起動は以下のコマンドで実行できます（ポート番号を9876としています）。

java -jar JsTestDriver.jar --port 9876

【2】Webブラウザのキャプチャ

　サーバを起動後、テスト対象とするWebブラウザを起動し、jsTestDriver.confの「server:」の項目に記載したURL（今回は、「http://localhost:9876」）を入力します。

　Webブラウザを立ち上げただけではテストが実行できないので、テストを実行する前にWebブラウザにキャプチャさせるように指示します。Webブラウザ内の「Capture This Browser」リンクを押すか、以下のURLを入力します。

http://localhost:9876/capture

Webブラウザ表示

　今回はFirefoxとChromeでテストを実行したいので、FirefoxとChromeの両Webブラウザを立ち上げてキャプチャするようにしておきます。

　ちなみに、Webブラウザの起動とキャプチャを1つのコマンドで実行することも可能です（このコマンドを実行する前にはテスト対象となるWebブラウザは終了させておいた方がいいでしょう）。

java -jar JsTestDriver.jar --port 9876 --browser firefoxpath,chromepath

　例えば、筆者の場合はMacを利用しているので、［firefoxpath］［chromepath］は以下のようになりました。

java -jar JsTestDriver-1.3.5.jar --browser /Applications/Firefox.app/Contents/MacOS/firefox,/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --port 9876

【3】テストの実行

　では、実際にテストを実行します。以下のコマンドで実行できます。

java -jar JsTestDriver.jar --tests all

　すると、テスト結果は以下のようになります。

AssertError: expected "Hello World!" but was "Welcome! World!"

　と出力されているように、テストコードでは「Hello World!」と期待しているにもかかわらず、「Welcome! World!」という値を返しています。これを以下のように正しく修正し、テストを再実行します。

 @@ -3,5 +3,5 @@
  myapp = {};
  myapp.Greeter = function() { };
 
   myapp.Greeter.prototype.greet = function(name) {
 -    return "Welcome! " + name + "!";
 +    return "Hello " + name + "!";
   };

　すると、以下のような表示に変わります。

　ここまででjs-test-driverの動作は確認できました。

　次ページからは、前回、前々回で扱った「Jasmine」と「QUnit」との連携について紹介します。

gem install jstdutil

gem update --system
gem install gemcutter
gem tumble

export JSTESTDRIVER_HOME=~/bin/java

jstestdriver --port 9876

jstestdriver --tests all