javascript代码实例教程-angularjs之browserTrigger

发布时间:2019-01-31 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-angularjs之browserTrigger脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 今天推荐一款来自Angularjs码的单元测试辅助库browserTrigger,这是来自于ngScenario的一段代码。主要用户触发浏览器型行为更新ng中scoPE view model的值。

 

这是angularjs源码中单元测试的使用browserTrigger的实例:

 

 

IT('should set the model to empty string when empty option is selected', function() {

    scope.robot = 'x';

    compile('<select ng-model="robot">' +

              '<option value="">--select--</option>' +

              '<option value="x">robot x</option>' +

              '<option value="y">robot y</option>' +

            '</select>');

    expect(element).toEqualSelect('', ['x'], 'y');

 

    browserTrigger(element.find('option').eq(0));

    expect(element).toEqualSelect([''], 'x', 'y');

    expect(scope.robot).toBe('');

  });

  

 

在这段代码中给browserTrigger传入你希望选择的select option,则它会帮助你tigger change,选中当前option,更触发更新ng select的viewmodel。

 

在browserTrigger中还为我们做了很多其他输入框或者htML控件的触发接口,同时也加入了浏览器的兼容性。使得我们的测试更加方便不用考虑浏览器兼容性或者不同的html控件trigger不同的事件去更新scope的值。

 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-angularjs之browserTrigger全部内容,希望文章能够帮你解决javascript代码实例教程-angularjs之browserTrigger所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

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