AngularJS辅助库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程序设计有所帮助。
相关文章
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
这篇文章主要介绍了angular 中使用原生拖拽页面卡顿及表单控件输入延迟问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04angular+ionic 的app上拉加载更新数据实现方法
这篇文章主要介绍了angular+ionic 的app上拉加载更新数据实现方法,需要的的朋友参考下2017-01-01Angular中封装fancyBox(图片预览)遇到问题小结
这篇文章主要介绍了Angular中封装fancyBox(图片预览)遇到的问题小结,需要的朋友可以参考下2017-09-09AngularJS $on、$emit和$broadcast的使用
本文主要介绍AngularJS $on、$emit和$broadcast的使用,这里整理了详细的资料及简单示例代码有兴趣的小伙伴可以参考下2016-09-09
最新评论