バックボーンJS /ジャスミン/シノン：イベント後にモデルが変更されたかどうかのテスト

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"); 
    }); 

});