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(&#39;<select ng-model="robot">&#39; +
       &#39;<option value="">--select--</option>&#39; +
       &#39;<option value="x">robot x</option>&#39; +
       &#39;<option value="y">robot y</option>&#39; +
      &#39;</select>&#39;);
  expect(element).toEqualSelect(&#39;&#39;, [&#39;x&#39;], &#39;y&#39;);
  browserTrigger(element.find(&#39;option&#39;).eq(0));
  expect(element).toEqualSelect([&#39;&#39;], &#39;x&#39;, &#39;y&#39;);
  expect(scope.robot).toBe(&#39;&#39;);
});

   

在这段代码中给browserTrigger传入你希望选择的select option，则它会帮助你tigger change，选中当前option，更触发更新ng select的viewmodel。

在browserTrigger中还为我们做了很多其他输入框或者html控件的触发接口，同时也加入了浏览器的兼容性。使得我们的测试更加方便不用考虑浏览器兼容性或者不同的html控件trigger不同的事件去更新scope的值。

具体更多信息可参考ng的官方测试和browserTrigger源码。