teaspoon + jasmine による javascript のテスト のバックアップ差分(No.1)

更新
  • 追加された行はこの色です。
  • 削除された行はこの色です。
[[公開メモ]]

#contents

* rails 開発で javascript もテストしたい [#j6ff1120]

konacha というのもあるそうなのだけれど、chai.js が IE8 に対応していないので、
teaspoon を試してみました。

基本的にこちらをなぞったのみです。~
http://kazu69.net/blog/tec/1787

気付いたところのみ書きます。

* とりあえず動かす [#n65ff359]

Gemfile
 LANG:ruby
 group :development, :test do
   gem "teaspoon"
 end

 LANG:console
 $ bundle install
 $ rails generate teaspoon:install
        create  config/initializers/teaspoon.rb
        create  spec/teaspoon_env.rb
        create  spec/javascripts/support
        create  spec/javascripts/fixtures
        create  spec/javascripts/spec_helper.js
  +============================================================================+
  Congratulations! Teaspoon was successfully installed. Documentation and more can
  be found at: https://github.com/modeset/teaspoon
 $ rails s

spec/javascript/spec_helper.js で //= require の設定をする。

テストを、spec/javascript/*_spec.coffee に書く

書き方は、http://jasmine.github.io/1.3/introduction.html を見ながら。

基本はこんな。

 LANG:coffee
 describe "MyObject", ->
   it "does something", ->
     obj = new MyObject()
     expect( obj.do_something() ).toBe expectation
 
   it "writes something", ->
     obj = new MyObject()
     expect( obj.write_something() ).toMatch /expectation/

http://127.0.0.1/3000/teaspoon へアクセスすると実行結果やエラーメッセージを

非常に簡単にできました。

konacha とは違って web インターフェースからテストのソースを見ることはできないみたい？

* istanbul を使ってカバレッジ測定をする [#i067c021]

 LANG:console
 $ npm install -g istanbul
  /usr/local/bin/istanbul -> /usr/local/lib/node_modules/istanbul/lib/cli.js
  istanbul@0.2.10 /usr/local/lib/node_modules/istanbul
  ├── which@1.0.5
  ├── abbrev@1.0.5
  ├── nopt@2.2.1
  ├── wordwrap@0.0.2
  ├── async@0.8.0
  ├── resolve@0.6.3
  ├── esprima@1.2.2
  ├── mkdirp@0.5.0 (minimist@0.0.8)
  ├── fileset@0.1.5 (minimatch@0.3.0, glob@3.2.11)
  ├── js-yaml@3.0.2 (esprima@1.0.4, argparse@0.1.15)
  ├── handlebars@1.3.0 (optimist@0.3.7, uglify-js@2.3.6)
  └── escodegen@1.3.2 (estraverse@1.5.0, esutils@1.0.0, esprima@1.1.1, source-map@0.1.33)
 $ jed spec/teaspoon_env.rb
    config.coverage do |coverage|
      coverage.reports = ["text-summary", "html"]
    end
 $ bundle exec teaspoon --coverage=default
  Could not find gem 'phantomjs-gem (>= 0) ruby' in the gems available on this machine.

phantomjs を入れる

 LANG:console
 $ wget https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-1.9.7-linux-i686.tar.bz2
 $ tar fxj phantomjs-1.9.7-linux-i686.tar.bz2
 $ cd phantomjs-1.9.7-linux-i686/
 $ ls
  ChangeLog  LICENSE.BSD  README.md  bin  examples  third-party.txt
 $ ls bin
  phantomjs
 $ sudo cp bin/phantomjs /usr/local/bin/
 $ which phantomjs
  /usr/local/bin/phantomjs
 $ phantomjs --version
  1.9.7
 $ bundle exec teaspoon --coverage=default
  Starting the Teaspoon server...
  Teaspoon running default suite at http://127.0.0.1:3500/teaspoon/default
  ..........
  
  Finished in 0.01300 seconds
  10 examples, 0 failures
  
  =============================== Coverage summary ===============================
  Statements   : 31.82% ( 7/22 )
  Branches     : 12.5% ( 2/16 )
  Functions    : 33.33% ( 2/6 )
  Lines        : 31.82% ( 7/22 )
  ================================================================================

なんか出た。
Counter: 6432 (from 2010/06/03), today: 1, yesterday: 0