我使用backbonejs、requirejs 来制作我的javascript 应用程序。
我也使用 jasmine、sinonjs 和 jasmine-sinon 插件来测试我的应用程序，但使用 spy 时出现问题。
间谍方法调用得很好（我敢肯定），但茉莉花测试结果表明该方法没有被调用！
我有一个主干视图，它具有浏览器窗口调整大小事件的回调。
我想要做的是测试在触发窗口调整大小事件时是否应该调用“windowResizeCallback”函数。
这是我的主干视图代码。
define([
'jquery',
'use!underscore',
'use!backbone',
// other dependencies..
], function (
$,
_,
Backbone,
// other dependencies..
) {
var MyView = Backbone.View.extend({
initialize: function () {
// do initialization
var self = this;
$(window).resize($.proxy(self.windowResizeCallback, self));
},
windowResizeCallback: function () {
// do my business..
this.otherFunction();
},
otherFunction: function () {
// function called by window resize callback
}
// other properties, functions, ..
});
return MyView;
});
这是我的测试代码。
<script type="text/javascript" src="path/to/jasmine.js"></script>
<script type="text/javascript" src="path/to/sinon.js"></script>
<script type="text/javascript" src="path/to/jasmine-sinon.js"></script>
<!-- other scripts.. -->
<script type="text/javascript>
define([
'view/myView'
], function (
MyView
) {
describe('view.MyView', function () {
beforeEach(function () {
this.view = new MyView();
sinon.spy(this.view, 'windowResizeCallback');
});
afterEach(function () {
this.view.windowResizeCallback.restore();
});
describe('MyView.windowResizeCallback', function () {
beforeEach(function () {
this.view.windowResizeCallback.reset();
});
it('callback should be called when window resize event fired', function () {
$(window).trigger('resize');
expect(this.view.windowResizeCallback).toHaveBeenCalled();
// above test fails !!!!
});
});
});
});
</script>
我认为应该通过测试代码，但它失败并出现错误
Expected Function to have been called.
当我在“windowResizeCallback”方法中插入警报代码时，警报显示得很好，所以我相信当浏览器窗口调整大小事件被触发时回调会被很好地调用。
我不明白为什么。我的代码有什么问题吗？
提前致谢。