0

茉莉花测试:

describe 'Toolbar', ->
  beforeEach ->
    jasmine.getFixtures().fixturesPath = "../spec/javascript/fixtures"
    loadFixtures("canvas_fixture.html")

  describe 'Rectangle Button Click', ->
    it 'adds the selected class to rectangle button', ->
      toolbar = new Toolbar()
      expect(toolbar).toBeDefined
      console.log $('#rectangle')
      toolbar.rectangle
      expect($('#rectangle').hasClass("selected")).toBeTruthy()
      console.log $('#rectangle')

班级:

class window.Toolbar
  jQuery ->
    rectangle: $('#rectangle').click ->
      $('#toolbar button').removeClass("selected")
      $('#rectangle').addClass("selected")

这个测试对我来说失败了,因为所选的类没有被添加到夹具中,而且我认为我没有正确调用该函数。我怎么称呼

$('#rectangle').click

在我的测试中起作用?谢谢。

4

1 回答 1

1

我不知道整个上下文,但我看到了一些事情:

  • toolbar.rectangle在您的测试中没有调用函数,您需要说toolbar.rectangle()实际调用它
  • 您编写的类没有在 Toolbar 类上定义方法,您应该编写如下内容:

    class Toolbar
      rectangle: ->
        $('#rectangle').click ->
          $('#toolbar button').removeClass("selected")
          $('#rectangle').addClass("selected")
    
  • 当您编写此$('#rectangle').click -> ...代码时,您正在定义一个事件处理程序,当您单击时将调用该事件处理程序#rectangle。如果你想让它立即采取行动(即当你打电话时toolbar.rectangle(),你需要这样的东西:

    class Toolbar
      rectangle: ->
        $('#toolbar button').removeClass("selected")
        $('#rectangle').addClass("selected")
    

当然,你需要确保这一切都发生在页面正确加载之后,不熟悉 Jasmine 就说是否会发生。

希望这可以帮助。

于 2011-10-19T00:05:11.773 回答