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

Question

我在一个简单的指令 link 函数中有以下代码，它检查 window 调整大小并调用一个函数。

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

然后我监视 window 的调整大小函数，并期望该函数已被调用

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

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

Unit test $window resize method

unit-testing

window

angularjs

karma-jasmine