Birim testi $ pencere yeniden boyutlandırma yöntemi

Question

Aşağıdaki kodu, bir pencerenin yeniden boyutlandırılmasını denetleyen ve bir işlevi çağıran basit bir yönerge bağlantısı işlevinde var.

return { 
    restrict: 'A', 
    link: function (scope) { 
     angular.element($window).on('resize', function() { 
      scope.getSize(); 
     }); 

     scope.getSize() = function() { 
      return true; 
     }; 
    } 
} 

Ben scope.getSize() denir ($window).on('resize') üzerinde test etmek çalışıyorum. Benim testlerde

ben şöyle benim yönergeyi derlemek:

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

Sonra pencerenin yeniden boyutlandırma fonksiyonu casusluk ve işlev

spyOn($window, 'resize'); 
$window.innerWidth = 1026; 
$scope.$digest(); 
expect(element.scope().getSize()).toHaveBeenCalled(); 

ancak ben almak denilen bekleniyor olması nedeniyle hata aşağıdaki

Error: resize() method does not exist

ben re değilim neden emin değilsiniz, yanlış yaptığım belli bir şey var mı?

Answer 1

herkes benzer bir şey üzerinde sıkışırsa:

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