karma(mocha+chai)を使ってみる

2013-09-02T00:00:00+00:00 JavaScript

karmaを使ってみた。で最近JSなテストとかだと主にmocha+chaiを使って書く事が多いので (別にjasmineでも良いんだけど)

karmaのインストール

npm install -g karma

で出来るのでサクッとやっちゃう。でmochaとchaiに関しては後術しますんで

karmaの設定ファイルを生成

karma init

をするとkarma.conf.jsが生成される。で問い合わせに対して色々回答していくと設定ファイルが出来上がる。でまぁ生成されるファイルは以下のような形

// Karma configuration
// Generated on Mon Sep 02 2013 10:59:25 GMT+0900 (JST)

module.exports = function(config) {
  config.set({

    // base path, that will be used to resolve files and exclude
    basePath: "",


    // frameworks to use
    // chaiを追加
    frameworks: ["mocha", "chai"],


    // list of files / patterns to load in the browser
    files: [
      "src/*.js",
      "tests/*.js"
    ],

    // list of files to exclude
    exclude: [

    ],

    // coverage reporterを使う場合には必要
    preprocessors: {
      "src/*.js": "coverage"
    },

    // test results reporter to use
    // possible values: "dots", "progress", "junit", "growl", "coverage"
    // coverageを追加。karma-coverageを入れておく必要あり
    reporters: ["progress", "coverage"],


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,


    // Start these browsers, currently available:
    // - Chrome
    // - ChromeCanary
    // - Firefox
    // - Opera
    // - Safari (only Mac)
    // - PhantomJS
    // - IE (only Windows)
    // ChromeとFirefoxで実行されるように設定
    browsers: ["Chrome", "Firefox"],


    // If browser does not capture in given timeout [ms], kill it
    captureTimeout: 60000,


    // Continuous Integration mode
    // if true, it capture browsers, run tests and exit
    singleRun: false
  });
};

書いてある通り、karma-chaiを使うので左リンク先を参照してインストール。karma-coverageもついでに入れておく

カバレッジ出力に関しては http://karma-runner.github.io/0.8/config/coverage.html を参考に

適当なJavaScriptオブジェクトをでっちあげる

src/sample.jsとかを作っておく

var Sample = (function() {

  function Sample() {
  }

  Sample.prototype.pow = function(n) {
    if (n <= 0)
      throw new Error("エラー");

    return n * n;
  };

  return Sample;

})();

まー適当なんで(ry

テストディレクトリ内にテストを作成

今回はtests/*.jsで参照できるようになってるので

describe("Sample", function() {
  it("#pow", function() {
    var sample = new Sample();
    expect(sample.pow(2)).to.be.eq(4);
  });
});

的な感じで

テスト実行

karma start

で実行出来る。実行するとbrowsersで指定しているブラウザが起動されてテストが実行されコンソール側に結果が出力される。で今回カバレッジを出すようにしているので、coverageディレクトリにブラウザ毎のカバレッジ出力が行われる

ブラウザによって挙動が異なったりする場合もあるかも知れない、そういう場合において単体テストをブラウザで自分で実行してテストするよりはkarmaとかを使ってそういう所を自動化しちゃうっていうのも良い感じなのではと

android.intent.action.ASSIST Hadoop DBInputFormat/DBOutputFormat を使ってみる