如何测试触发事件？

Question

为什么这个测试不通过？

beforeEach(function(){ 
    loadFixtures('addvehicle.html'); 
}); 

it ("should trigger change event on #selectLanguage", function(){ 
    spyOnEvent('#selectLanguage', 'change'); 
    $('#selectLanguage').trigger('change'); 
    expect('change').toHaveBeenTriggeredOn('#selectLanguage'); 
}); 

我的夹具文件看起来像这样：

<div id="selectTypeWrapper"></div> 
<select id="selectLanguage"></select> 

我得到这个错误：

Error: Expected event [object Object] to have been triggered on #selectLanguage

难道我之前设置的改变监听器？ （？怎么会变成这样的工作）

Answer 1

我不知道为什么你的代码不能正常工作，但也许你可以试试这个：

var changeSpy; 

beforeEach(function(){ 
    loadFixtures('addvehicle.html'); 
    changeSpy = jasmine.createSpy('handleChange() spy'); 
    $('#selectLanguage').change(changeSpy); 
}); 

it ("should trigger change event on #selectLanguage", function(){ 
    $('#selectLanguage').change(); 
    expect(changeSpy).toBeDefined(); 
    expect(changeSpy).toHaveBeenCalled(); 
}); 

这将间接地测试事件。