コードの健康状態を保て！ Jenkinsとtestemを使って、JavaScriptで継続的インテグレーション（CI）を行う

JavaScriptでテストを書こう！ 第7回

Jenkinsとtestemをつなげてみよう

　Jenkinsとtestemの準備ができました。ではそれぞれつなげて実行してみましょう。

JenkinsにTAPプラグインのインストール

　まずは、testemのCIモードの実行結果を取得できるように、JenkinsにTAPプラグインをインストールします。Jenkinsの管理 -> プラグインの管理 ->利用可能タブ にアクセスし、tapプラグインにチェックを入れ、インストールボタンを押下し、Jenkinsを再起動してください。

図10　tapプラグインインストール

Jenkinsのプロジェクトを作成する

　Jenkinsのプロジェクトを作成します。ジョブ名「JavaScriptのテスト」「フリースタイル・プロジェクトのビルド」を選択し、プロジェクトを作成します。

図11　プロジェクトの作成

Jenkinsのプロジェクトの設定を行う

　プロジェクトの設定を行います。以下の手順で行います。

1）testem実行コマンドの設定

　ビルド手順の追加 -> Windowsバッチコマンドの実行 を押下し、以下のスクリプトを追加します。testemコマンドのパスを指定しているのは、Jenkins上ではパスが通っていない場合があるため指定していますので、環境ごとに読み替えてください。%WORKSPACE%は、Jenkinsに作成したプロジェクトの作業ディレクトリのパスが環境変数で指定されています。

リスト11　testem実行コマンドの設定

cd C:\testem\
C:\Users\ユーザ名\AppData\Roaming\npm\testem ci -f testem.json > "%WORKSPACE%\result.tap"

2）TAPの読み込むファイルの設定

　ビルド後の処理 -> Publish TAP Results を押下し、テスト実行後に読み込むTAPファイルを指定します。

リスト12　testem実行コマンドの設定

result.tap

図12　Jenkinsの設定

ビルドの実行

　ではビルドを実行してみましょう。テスト結果がOKになるとTAP Extended Test Resultsにテスト結果が表示されています。これでテストが実行される環境が整いました。

図13　Tapのテスト結果

最後に

　今回はJavaScriptでのCIについて解説しました。開発者個人としてテストを書き実行してコーディングを行うことはもちろん、チーム開発では常に統合を行うことも重要ですので、是非チームで取り入れてください。

　これまで7回にわたって、JavaScriptのテストについて連載してきましたが、今回で終了です。テストや継続的インテグレーションはJavaScriptにかぎらず必ず必要になる考え方ですので、多くの現場で活かしていただけると幸いです。またどこかでお逢いいたしましょう！