jQuery code test with Jasmine in CoffeeScript

jQueryCodeTestWithJasmineInCoffeescript.coffee

# 「JS開発におけるTDDと自動テストツール利用の勘所 」より引用。
# http://www.slideshare.net/KojiNakamura/jstdd

# 元コード

$ ->
  $("div li .button")
    .on 'click', ->
      $("div .contents").html("<span>"+$(this).data("mydata")+"</span>")

# テスト可能コード

$ ->
  $("button") # HTML構造に依存しないidセレクタに変更
    .on 'click', ->
      clickHandler $("contents"), $(this).data("mydata")

clickHandler = (elm, data) ->
  elm.html("<span>"+data+"</span>")

# テストコード

it "should call html() of passed element", ->
  fakeObj = 
    html: jasmine.createSpy()
  clickHandler(fakeObj, "hoge")
  expect(fakeObj.html).toHaveBeenCalledWith("<span>hoge</span>")