大佬教程收集整理的这篇文章主要介绍了单元测试angularjs指令,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
angular.module('person.directives',[]). directive("person",function() { return { reStrict: "E",templateUrl: "person/views/person.html",replace: true,scope: { myPerson: '=' },link: function (scope,element,attrs) { } }
});
我如何测试例如找到模板?
基本上,您使用beforeEach来创建,编译和公开元素及其范围,然后您模拟范围更改和事件处理程序,并查看代码是否作出反应并适当地更新元素和范围.这是一个非常简单的例子.
假设这个:
scope: { myPerson: '=' },link: function(scope,attr) { element.bind('click',function() {Console.log('testes'); scope.$apply('myPerson = "clicked"'); }); }
我们希望当用户点击带有指令的元素时,会点击myPerson属性.这是我们需要测试的行为.因此,我们将编译的指令(绑定到元素)公开给所有规范:
var elm,$scope; beforeEach(module('mymodule')); beforeEach(inject(function($rootScope,$compilE) { $scope = $rootScope.$new(); elm = angular.element('<div t my-person="outsideModel"></div>'); $compile(elm)($scopE); }));
然后你只断言:
it('should say hallo to the World',function() { expect($scope.outsideModel).toBeUndefined(); // scope starts undefined elm.click(); // but on click expect($scope.outsideModel).toBe('clicked'); // it become clicked });
Plnker here.你需要jQuery来测试,模拟click().
以上是大佬教程为你收集整理的单元测试angularjs指令全部内容,希望文章能够帮你解决单元测试angularjs指令所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。