我真的不知道如何进行测试? (暗中监视?)
function reloadPage() {
$('#logo').click(function() {
location.reload();
})
}
任何建议都会很棒!
您可能不确定如何测试这段代码的原因是因为它正在做两件不同的事情,您应该将其分成更小的块。
我在这里看到两个不同的功能:
那么为什么不像这样打破逻辑呢?
function reloadPage() {
location.reload();
}
function bindEvents() {
$('#logo').click(reloadPage);
}
现在您可以使用 Spies 单独测试它们:
describe('when the logo is clicked', function() {
var logo;
var handlers;
beforeEach(function() {
handlers = {
locationReload: location.reload, // handle for location.reload()
reloadPage: reloadPage // handle for your reloadPage()
};
logo = $('#logo').click(reloadPage);
// attach Spy on reloadPage() and let the function call through
spyOn(handlers, 'reloadPage').and.callThrough();
// attach Spy on location.reload()
spyOn(handlers, 'locationReload');
});
it('will execute reloadPage function', function() {
logo.trigger('click');
expect(handlers.reloadPage).toHaveBeenCalled();
});
it('will reload the page', function() {
logo.trigger('click');
expect(handlers.locationReload).toHaveBeenCalled();
});
afterEach(function() {
// clean up event bindings after each test
logo.off('click');
});
});
没有太多需要测试reloadPage
处理程序已正确添加到#logo
的点击事件,因为测试正在模拟.click()
并检查是否reloadPage
是否被呼叫。
所以很可能你只需要拥有it('will reload the page')
规格,而不是两者。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)