Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 如何在Angular 1.5组件中对具有不同名称的绑定进行单元测试?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下组件:

angular.module('foo')
    .component('searchInput',{
        bindings: {
            text: "<query"
        },templateUrl: 'components/searchInput/searchInput.html',controller: 'SearchInputCtrl'
    });

以下通过:

expect(component.text).toBe('bar');

我必须使用以下代码

var component = $componentController('searchInput',{$scope: {}},{
            text: 'bar'
        }
    );

但是,我想测试绑定到’text’的值来自’query’.这不起作用:

var component = $componentController('searchInput',{
            query: 'bar'
        }
    );

解决方法

您可以通过编译组件来测试此类事物.例如

inject(function($compile,$rootScopE) {
    var parentScope = $rootScope.$new();
    parentScope.myVar = 'test';

    var element = angular.element('<search-input query="myVar"></search-input>');

    var compiledElement = $compile(element)(parentScopE);
    parentScope.$digest();

    var scope = compiledElement.isolateScope();

    expect(scope.$ctrl.text).toBe('test');
});
@H_674_34@

大佬总结

以上是大佬教程为你收集整理的angularjs – 如何在Angular 1.5组件中对具有不同名称的绑定进行单元测试?全部内容,希望文章能够帮你解决angularjs – 如何在Angular 1.5组件中对具有不同名称的绑定进行单元测试?所遇到的程序开发问题。

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

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