AngularJS辅助库browserTrigger用法示例


Posted in Javascript onNovember 03, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
Jun 24 Javascript
网站基于flash实现的Banner图切换效果代码
Oct 14 Javascript
jQuery代码实现对话框右上角菜单带关闭×
May 03 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
Oct 14 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
Dec 28 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
Vue实现购物车详情页面的方法
Aug 20 Javascript
Vue父组件向子组件传值以及data和props的区别详解
Mar 02 Javascript
vue中this.$http.post()跨域和请求参数丢失的解决
Apr 08 Vue.js
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
Nov 03 #Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 #Javascript
vue自定义指令实现v-tap插件
Nov 03 #Javascript
angular ngClick阻止冒泡使用默认行为的方法
Nov 03 #Javascript
vue.js指令v-for使用及索引获取
Nov 03 #Javascript
vue.js初学入门教程(1)
Nov 03 #Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
Nov 03 #Javascript
You might like
全国FM电台频率大全 - 12 安徽省
2020/03/11 无线电
substr()函数中文版
2006/10/09 PHP
删除html标签得到纯文本可处理嵌套的标签
2014/04/28 PHP
PHP SplObjectStorage使用实例
2015/05/12 PHP
PHP实现的同步推荐操作API接口案例分析
2016/11/30 PHP
PHP实现的折半查询算法示例
2017/10/09 PHP
jquery checkbox实现单选小例
2013/11/27 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
2015/02/28 Javascript
javascript元素动态创建实现方法
2015/05/13 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
2015/11/30 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
2016/06/24 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
vue多级多选菜单组件开发
2020/09/08 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
2017/12/28 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
layui form表单提交之后重新加载数据表格的方法
2019/09/11 Javascript
bootstrap实现tab选项卡切换
2020/08/09 Javascript
python爬虫之xpath的基本使用详解
2018/04/18 Python
Python中跳台阶、变态跳台阶与矩形覆盖问题的解决方法
2018/05/19 Python
python 修改本地网络配置的方法
2019/08/14 Python
Python二次规划和线性规划使用实例
2019/12/09 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
CSS3中31种选择器使用方法教程
2013/12/05 HTML / CSS
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
学生打架检讨书1000字
2014/01/16 职场文书
个人简历中自我评价
2014/02/11 职场文书
《梅花魂》教学反思
2014/04/30 职场文书
高中生第一学年自我鉴定
2014/09/12 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书
地道战观后感500字
2015/06/04 职场文书
2016公司中秋节寄语
2015/12/07 职场文书