Angularjs 单元测试$窗口大小调整方法
我在一个简单的指令链接函数中有以下代码,该函数检查窗口大小并调用函数Angularjs 单元测试$窗口大小调整方法,angularjs,unit-testing,window,karma-jasmine,Angularjs,Unit Testing,Window,Karma Jasmine,我在一个简单的指令链接函数中有以下代码,该函数检查窗口大小并调用函数 return { restrict: 'A', link: function (scope) { angular.element($window).on('resize', function() { scope.getSize(); }); scope.getSize() = function() { return
return {
restrict: 'A',
link: function (scope) {
angular.element($window).on('resize', function() {
scope.getSize();
});
scope.getSize() = function() {
return true;
};
}
}
我正在尝试测试($window)。在('resize')
上调用scope.getSize()
在我的测试中,我编译指令如下:
beforeEach(inject(function($rootScope, $compile, _$window_) {
$window = _$window_;
$scope = $rootScope.$new();
element = angular.element('<div data-watch-resize></div>');
element = $compile(element)($scope);
$scope.$digest();
}));
但是,我得到以下错误
错误:resize()方法不存在
我真的不确定它为什么不存在,有没有什么明显的事情我做错了?如果有人被类似的事情卡住了:
it('should expect scope.getSize() to have been called on window resize', function () {
spyOn(element.isolateScope(), 'getSize');
$window.innerWidth = 1026;
angular.element($window).triggerHandler('resize');
$scope.$digest();
expect(element.isolateScope().getSize).toHaveBeenCalled();
});
你可能需要为resize方法创建一个伪函数,因为它是一个dom方法代码>但这似乎不起作用。我们可以尝试更改$window.innerWidth两次,以便实际执行调整大小操作?谢谢。我配置了一个几乎相同的指令和测试,但我收到了以下错误:
找不到getSize()要监视的对象。
您遇到过吗?@isherwood会建议您调用的对象不存在吗?上面的等价物是element.isolateScope(),不在那里我从来没有让spy工作过,但我通过删除spy并简单地检查编译后预期的类更改来绕过它。
it('should expect scope.getSize() to have been called on window resize', function () {
spyOn(element.isolateScope(), 'getSize');
$window.innerWidth = 1026;
angular.element($window).triggerHandler('resize');
$scope.$digest();
expect(element.isolateScope().getSize).toHaveBeenCalled();
});