Question

我有一个Backbone模型：

class DateTimeSelector extends Backbone.Model

  initialize: ->
    @bind 'change:date', @updateDatetime
    @bind 'change:time', @updateDatetime

  updateDatetime: =>
    # do some stuff with the sate and time

我使用jasmin和sinon.js

对该代码进行了一些测试

describe "DateTimeSelector", ->
  beforeEach ->
    @datetime = new DateTimeSelector()

    describe "updateDatetime", ->
      beforeEach ->
        @updateSpy = sinon.spy(@datetime, 'updateDatetime')

      afterEach ->
        @datetime.updateDatetime.restore()

      # passes
      it "should be called when we call it", ->
        @datetime.updateDatetime()
        expect(@updateSpy).toHaveBeenCalledOnce()

      # fails
      it "should be called when we trigger it", ->
        @datetime.trigger 'change:date'
        expect(@updateSpy).toHaveBeenCalled()

      # fails
      it "should be called when we set the date", ->
        @datetime.set { date: new Date() }
        expect(@updateSpy).toHaveBeenCalled()

当我在浏览器中使用它时似乎工作，但我似乎无法通过测试。谁能开导我？

Answer 1

duckyfuzz，您遇到了这个问题，因为当您创建间谍（实际上包装原始函数并创建一个间接级别以插入其跟踪方法调用的服务）时，事件的绑定已经发生。这意味着即使间谍包裹了原始函数，事件绑定也会引用原始函数而不是包装的间谍。因此，当您进行测试时，原始函数会在事件触发器上执行，但间谍跟踪在上面一级并且不会执行。

为了确保事件绑定实际指向包装的spy函数，您必须在创建模型对象之前创建spy（如果您正在测试视图，则必须这样做）。为此，在原型上创建间谍。该类的“方法”：

在 @datetime = new DateTimeSelector（）之前的 beforeEach - ＆gt; 部分

创建间谍： @updateSpy = sinon.spy（ DateTimeSelector .prototype ，'updateDatetime'）

请务必更改 afterEach - ＆gt; 部分，将原型恢复正常，如下所示： @ updateSpy.restore（）

这应该是你的代码：

describe "DateTimeSelector", ->
  beforeEach ->
    @updateSpy = sinon.spy(DateTimeSelector.prototype, 'updateDatetime')
    @datetime = new DateTimeSelector()

  afterEach ->
    @updateSpy.restore()

  # passes
  it "should be called when we call it", ->
    @datetime.updateDatetime()
    expect(@updateSpy).toHaveBeenCalledOnce()

  # should pass now
  it "should be called when we trigger it", ->
    @datetime.trigger 'change:date'
    expect(@updateSpy).toHaveBeenCalled()

  # should pass now
  it "should be called when we set the date", ->
    @datetime.set { date: new Date() }
    expect(@updateSpy).toHaveBeenCalled()

BTW，如果你使用的是jasmin-sinon.js插件，那么你的语法很好

Answer 2

你将jasmine和sinon的模拟语法混合在一起。

在你的传球测试中，你的sinon间谍暴露了属性calledOnce，但你正在使用茉莉花式的函数toHaveBeenCalledOnce()。这个函数在sinon间谍上并不存在，所以基本上没有发生断言。

在你的失败测试中，你在你的罪人间谍上调用茉莉花间谍功能toHaveBeenCalled()。 Jasmine有自己创建间谍的语法：spyOn(obj, 'method');

当我进行这个测试时，为什么这个sinon间谍没有被调用？

2 个答案: