AngularJS辅助库browserTrigger用法示例
程序员文章站
2023-11-14 11:44:58
本文实例讲述了angularjs辅助库browsertrigger用法。分享给大家供大家参考,具体如下:
今天推荐一款来自angularjs源码的单元测试辅助库brows...
本文实例讲述了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程序设计有所帮助。
推荐阅读
-
AngularJS中directive指令使用之事件绑定与指令交互用法示例
-
AngularJS全局scope与Isolate scope通信用法示例
-
AngularJS辅助库browserTrigger用法示例
-
Python Requests库基本用法示例
-
PHP DB 数据库连接类定义与用法示例
-
CodeIgniter辅助之第三方类库third_party用法分析
-
AngularJS入门教程之数据绑定用法示例
-
Python wxPython库Core组件BoxSizer用法示例
-
Python wxPython库消息对话框MessageDialog用法示例
-
thinkPHP框架单元测试库tpunit用法示例