AngularJS輔助庫browserTrigger用法樣本_AngularJS

本文執行個體講述了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程式設計有所協助。