AngularJS辅助库browserTrigger用法示例
本文实例讲述了AngularJS辅助库browserTrigger用法。分享给大家供大家参考,具体如下:
今天推荐一款来自angularjs源码的单元测试辅助库browserTrigger,这是来自于ngScenario的一段代码。主要用户触发浏览器型行为更新ng中scopeviewmodel的值。
这是angularjs源码中单元测试的使用browserTrigger的实例:
it('shouldsetthemodeltoemptystringwhenemptyoptionisselected',function(){
scope.robot='x';
compile('<selectng-model="robot">'+
'<optionvalue="">--select--</option>'+
'<optionvalue="x">robotx</option>'+
'<optionvalue="y">roboty</option>'+
'</select>');
expect(element).toEqualSelect('',['x'],'y');
browserTrigger(element.find('option').eq(0));
expect(element).toEqualSelect([''],'x','y');
expect(scope.robot).toBe('');
});
在这段代码中给browserTrigger传入你希望选择的selectoption,则它会帮助你tiggerchange,选中当前option,更触发更新ngselect的viewmodel。
在browserTrigger中还为我们做了很多其他输入框或者html控件的触发接口,同时也加入了浏览器的兼容性。使得我们的测试更加方便不用考虑浏览器兼容性或者不同的html控件trigger不同的事件去更新scope的值。
具体更多信息可参考ng的官方测试和browserTrigger源码。
希望本文所述对大家AngularJS程序设计有所帮助。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短