AngularJS輔助庫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程序設計有所幫助。
相關文章
AngularJS頁面訪問時出現(xiàn)頁面閃爍問題的解決
這篇文章主要介紹了AngularJS框架使用中出現(xiàn)頁面閃爍問題的解決方法,閃爍問題一般是初始化未加載完畢造成的,需要的朋友可以參考下2016-03-03解決angular 使用原生拖拽頁面卡頓及表單控件輸入延遲問題
這篇文章主要介紹了angular 中使用原生拖拽頁面卡頓及表單控件輸入延遲問題,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04angular+ionic 的app上拉加載更新數(shù)據(jù)實現(xiàn)方法
這篇文章主要介紹了angular+ionic 的app上拉加載更新數(shù)據(jù)實現(xiàn)方法,需要的的朋友參考下2017-01-01Angular中封裝fancyBox(圖片預覽)遇到問題小結
這篇文章主要介紹了Angular中封裝fancyBox(圖片預覽)遇到的問題小結,需要的朋友可以參考下2017-09-09AngularJS $on、$emit和$broadcast的使用
本文主要介紹AngularJS $on、$emit和$broadcast的使用,這里整理了詳細的資料及簡單示例代碼有興趣的小伙伴可以參考下2016-09-09angularJS的radio實現(xiàn)單項二選一的使用方法
下面小編就為大家分享一篇angularJS的radio實現(xiàn)單項二選一的使用方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02AngularJS控制器之間的數(shù)據(jù)共享及通信詳解
本文詳細介紹了AngularJS控制器之間的數(shù)據(jù)共享與通信,對angularjs共享數(shù)據(jù)及通信相關知識感興趣的朋友可以一起學習。2016-08-08