AngularJS輔助庫browserTrigger用法示例
更新時間：2016年11月03日 10:30:37 作者：破狼
這篇文章主要介紹了AngularJS輔助庫browserTrigger用法,結合實例形式分析了輔助庫browserTrigger的功能及單元測試中的使用技巧,需要的朋友可以參考下
本文實例講述了AngularJS輔助庫browserTrigger用法。分享給大家供大家參考，具體如下：
今天推薦一款來自angularjs源碼的單元測試輔助庫browserTrigger，這是來自于ngScenario的一段代碼。主要用戶觸發(fā)瀏覽器型行為更新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，更觸發(fā)更新ng select的viewmodel。
在browserTrigger中還為我們做了很多其他輸入框或者html控件的觸發(fā)接口，同時也加入了瀏覽器的兼容性。使得我們的測試更加方便不用考慮瀏覽器兼容性或者不同的html控件trigger不同的事件去更新scope的值。
具體更多信息可參考ng的官方測試和browserTrigger源碼。
希望本文所述對大家AngularJS程序設計有所幫助。
相關文章
相信大家都知道jquery和angular都有defer服務，這篇文章暫以angular為例談談個人的理解，在文章的最后并附上jquery的阮一峰總結的defer。有需要的朋友們也可以參考借鑒，下面來一起學習學習吧。2016-11-11
這篇文章主要介紹了AngularJS框架使用中出現頁面閃爍問題的解決方法,閃爍問題一般是初始化未加載完畢造成的,需要的朋友可以參考下2016-03-03
解決angular 使用原生拖拽頁面卡頓及表單控件輸入延遲問題
這篇文章主要介紹了angular 中使用原生拖拽頁面卡頓及表單控件輸入延遲問題，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
angular+ionic 的app上拉加載更新數據實現方法
這篇文章主要介紹了angular+ionic 的app上拉加載更新數據實現方法，需要的的朋友參考下2017-01-01
這篇文章主要為大家詳細介紹了Angular實現搜索框及價格上下限功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
Angular中封裝fancyBox(圖片預覽)遇到問題小結
這篇文章主要介紹了Angular中封裝fancyBox(圖片預覽)遇到的問題小結,需要的朋友可以參考下2017-09-09
AngularJS $on、$emit和$broadcast的使用
本文主要介紹AngularJS $on、$emit和$broadcast的使用,這里整理了詳細的資料及簡單示例代碼有興趣的小伙伴可以參考下2016-09-09
這篇文章主要介紹了AngularJS 事件發(fā)布機制，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
下面小編就為大家分享一篇angularJS的radio實現單項二選一的使用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
本文詳細介紹了AngularJS控制器之間的數據共享與通信，對angularjs共享數據及通信相關知識感興趣的朋友可以一起學習。2016-08-08