Backbone JS/Jasmine/Sinon：測試模型是否在事件後發生了改變

Question

如何測試骨幹視圖是否觸發了事件，然後模型被更改了？

Answer 1

如果您的視圖本身生成el，則可以通過視圖的$el輕鬆觸發事件。

describe("my test", function(){ 

    var MyModel = Backbone.Model.extend({}); 

    var MyView = Backbone.View.extend({ 
    events: { 
     "click a": "aClicked" 
    }, 

    aClicked: function(e){ 
     e.preventDefault(); 
     this.model.set({foo: "bar"}); 
    }, 

    render: function(){ 
     this.$el.html("<a href='#foo' id='fooLink'>foo</a>"); 
    } 
    }); 

    var myModel; 

    beforeEach(function(){ 
    myModel = new MyModel(); 
    var myView = new MyView({ 
     model: myModel 
    }); 

    myView.render(); 

    // this will "click" the link 
    myView.$("#fooLink").trigger("click"); 
    }) 

    it("should do that stuff", function(){ 
    expect(myModel.get("foo")).toBe("bar"); 
    }); 

});