7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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

7
7
0

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
  3. You can use dark theme
What you can do with signing up
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?