Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 单元测试$window resize方法大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个简单的指令链接函数中有以下代码,它检查窗口大小调整并调用函数.

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

然后我监视窗口的resize函数,并期望函数调用

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

但是我得到以下错误

错误:resize()方法不存在

我不确定为什么它不存在,有什么明显的我做错了吗?

@H_673_28@解决方法
如果有人卡在类似的东西上:

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

大佬总结

以上是大佬教程为你收集整理的angularjs – 单元测试$window resize方法全部内容,希望文章能够帮你解决angularjs – 单元测试$window resize方法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。