JavaScriptをテスト駆動開発する環境を整える #JavaScript

いちいち同じ事を書くのも変なので、こちらに切り出しておきます。

JasmineのMatcher

非推奨になったMatcherはどれか、などの記述がある。

Jasmine Setup

コンソールで実行

$ mkdir flickr-client
$ cd flickr-client
$ jasmine init
$ rake jasmine

ブラウザで確認

http://localhost:8888

Guard Setup

コンソールで実行

$ guard init
$ mkdir public/coffeescripts
$ mkdir spec/coffeescripts
$ vi Guardfile

コードを書く

Guardfile

guard 'coffeescript', input: 'public/coffeescripts', output: 'public/javascripts'
guard 'coffeescript', input: 'spec/coffeescripts', output: 'spec/javascripts'

guard 'livereload' do
  watch(%r{public/.+\.(css|js|html)})
  watch(%r{spec/.+\.(css|js|html)})
end

コンソールで実行

$ guard

ChromeのLiveReloadをEnableする

Other Setup

必要なライブラリをpublic/javascriptsフォルダにコピーする

$ cp .../jquery.js public/javascripts
$ cp .../knockout-2.1.0.js public/javascripts

ブログやってます：PAPA-tronix !