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

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

JasmineのMatcher

Matchers · pivotal/jasmine Wiki

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

Jasmine Setup

1. コンソールで実行

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

1. ブラウザで確認

http://localhost:8888

Guard Setup

1. コンソールで実行

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

1. コードを書く

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

1. コンソールで実行

$ guard

1. ChromeのLiveReloadをEnableする

Other Setup

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

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

---

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