我在一个简单的指令链接函数中有以下代码,它检查窗口大小调整并调用函数.
return { restrict: 'A',link: function (scope) { angular.element($window).on('resize',function() { scope.getSize(); }); scope.getSize() = function() { return true; }; } }
我正在尝试测试($window).on(‘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(); }));
spyOn($window,'resize'); $window.innerWidth = 1026; $scope.$digest(); expect(element.scope().getSize()).toHaveBeenCalled();
但是我得到以下错误
我不确定为什么它不存在,有什么明显的我做错了吗?
解决方法
如果有人卡在类似的东西上:
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(); });