LoginSignup
7

More than 5 years have passed since last update.

posted at

JavascriptのユニットテストをJasmine+Karmaでやってみる

Javascriptのテストフレームワークの一つであるJasmineを使うにあたって、以下の要望を満たせる方法が無いか模索した結果、なんとか動作するところまで行き着いたので整理します。

要望

・テスト用のHTMLを書きたくない
・テストコードに余計なコードを書きたくない
・コマンドラインで実行したい

やったこと


インストール
Jasmineのインストール
npm install -g jasmine
Karmaおよび関連モジュールのインストール

当初、Karmaは-gオプションで入れようとしていましたが、すでに使っているnodeのバージョンと合わなかったせいかうまく入らなかったのと、Karmaのサイトではローカルインストールを推奨していたので--save-devでインストールしました。

npm install karma --save-dev

npm install karma-jasmine --save-dev

npm install karma-chrome-launcher --save-dev
Karmaの設定
設定ファイルの生成

コンソールで以下を実行し、コンソールの指示に従っていくと最終的に設定ファイルが生成されます。

karma init  
設定ファイルの編集

同ファイル内のfilesプロパティにテストで使用するファイル名を追加します。

files: [
    'js/test1.js',
    'js/test2.js'
],

実行

実行方法は、以下のようにkarmaに設定ファイルを渡します。

./node_modules/karma/bin/karma start ./karma.conf.js

関連リンク

npm karma
KARMA
KARMA installation

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
7