Backbone アプリの単体テストを書いています。特定のテストがイベントをトリガーし、さまざまなテスト間で干渉を引き起こしています。
ここに私のテストがあります
test('user setting a company should update the departmentslists url', function() {
var Acme = new Company({ id:274, name: "Acme Solutions" });
var companies = new CompanyList;
var departments = new DepartmentList;
new CompanySelectorView({ el: '#company-input', collection: companies });
events.trigger('userSet:company', Acme);
equal(_.result(departments, 'url'), 'http://'+document.location.host+'/data/companies/274/departments');
});
asyncTest('user setting a company should retrieve that companys departments', function() {
var Acme = new Company({ id:274, name: "Acme Solutions" });
var companies = new CompanyList;
var departments = new DepartmentList;
new CompanySelectorView({ el: '#company-input', collection: companies });
events.trigger('userSet:company', Acme);
events.on('fetched:departments', function(response) {
deepEqual(response, [{id: "8",name: "Accounting"},{id: "1",name: "Client Services"},{id: "470",name: "Systems"},{id: "1187",name: "Managers"}]);
start();
})
});
および私のコレクションの関連部分:
var DepartmentList = Backbone.Collection.extend({
initialize: function() {
var self = this;
events.on("userSet:company", function(company) {
self.selectedCompany = company;
self.fetch({
success: function(collection, response, options) {
events.trigger("fetched:departments", response);
}
});
});
},
model: Department,
selectedCompany: '',
url: function() {
return 'http://'+document.location.host+'/data/companies/'+this.selectedCompany.id+'/departments';
}
});
ここでの解決策は何ですか?これら 2 つのテストは別のものであるため、互いに分割したいと考えていますが、イベント トリガーもテストに含めたいと考えています。
PS: バックボーンと単体テストは初めてです。批判は大歓迎です。