AngularJS辅助库browserTrigger用法示例
更新时间：2016年11月03日 10:30:37 作者：破狼
这篇文章主要介绍了AngularJS辅助库browserTrigger用法,结合实例形式分析了辅助库browserTrigger的功能及单元测试中的使用技巧,需要的朋友可以参考下
本文实例讲述了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的值。
具体更多信息可参考ng的官方测试和browserTrigger源码。
希望本文所述对大家AngularJS程序设计有所帮助。
相关文章
本篇文章主要介绍了Angular2学习笔记之数据绑定的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了AngularJS实现动态添加Option的方法,涉及AngularJS事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下2017-05-05
AngularJS通过ng-Img-Crop实现头像截取的示例
本篇文章主要介绍了AngularJS通过ng-Img-Crop实现头像截取的示例，具有一定的参考价值，有兴趣的可以了解一下2017-08-08
如何利用@angular/cli V6.0直接开发PWA应用详解
这篇文章主要给大家介绍了如何利用@angular/cli V6.0直接开发PWA应用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用@angular/cli V6.0具有一定的参考学习价值，需要的朋友可以参考下2018-05-05
这篇文章主要介绍了Angularjs中数据绑定的实例详解的相关资料,这里提供简单实例，大家可以参考下，希望通过本文可以掌握这部分内容，需要的朋友可以参考下2017-08-08
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
这篇文章主要介绍了AngularJS验证信息框架的封装插件用法,分析了AngularJS表单验证规则并实例说明了w5cValidator扩展插件的相关使用技巧,需要的朋友可以参考下2016-11-11
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
这篇文章主要给大家介绍了Angularjs中ng-repeat-start与ng-repeat-end的用法，文章开始先进行了简单的介绍，而后通过完整的实例代码详细给大家介绍这两者的用法，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-12-12
angularJS自定义directive之带参方法传递详解
今天小编就为大家分享一篇angularJS自定义directive之带参方法传递详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
这篇文章主要介绍了angular简介和其特点介绍,本文讲解了关于和jquery的比较、关于适用场合、关于UI的结合、关于angularjs的特点等内容,需要的朋友可以参考下2015-01-01
Angular的Bootstrap(引导)和Compiler(编译)机制
这篇文章主要介绍了Angular的Bootstrap(引导)和Compiler(编译)机制的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
最新评论