AngularJs:在单元测试指令时触发事件以模拟用户操作

unl*_*udo 5 unit-testing angularjs angularjs-directive

我已经看到,为了模拟由指令生成的DOM上的用户操作,有两种方法,都可以触发事件:

如何在AngularJS中的指令测试中触发ng-change

第一种方法使用jquery,第二种方法使用angular-scenario.js中定义的名为browserTrigger的函数.第二个应该是更好的,因为jquery会有一个关于事件触发的错误(我相信,我不是在争论:)).

使用角度场景意味着对我进行e2e测试.但我看过egghead视频 ,他似乎在进行单元测试.这怎么可能 ?

我猜他只是复制了这个功能?

我想我将测试指令作为e2e测试,它更有意义,因为单元测试是更纯粹的功能.


好吧,我刚发现browserTrigger是内部不应该直接使用的东西:https://github.com/angular/angular.js/issues/5178


谢谢!

Hru*_*esh 9

从1.3.15开始,您可以使用triggerHandler触发事件,如下所示,

it('should click the element',function(){
    element.triggerHandler('click') ;
    expect($scope.clicked).toBe(true);
});
Run Code Online (Sandbox Code Playgroud)