单元测试$窗口调整大小的方法

Question

我有一个简单的指令链接函数，它检查窗口调整大小和调用一个函数下面的代码。

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(); 

但是我得到的以下错误

Error: resize() method does not exist

我不会再盟友肯定为什么它不存在，有什么明显的我做错了吗？

Answer 1

如果有人被卡住的类似的东西：

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(); 
});