ジャスミンを使用してネストされたタイムアウトを使用してJavaScript関数をテストするには

Question

私は単純にぼかしの入力をクリアする次の関数を持っています。私は角度のある素材を使用しています。私はそれが起こりたい時に追加する指示を作成しています。

function clearTextOnBlurLink(scope, element, attrs, controller) { 
      $timeout(function() { 
       var input = element.find('input'); 
       input.on('blur', function(e){ 
        setTimeout(function(){ 
         input.val('');    
         input.triggerHandler('input'); 
        }, 100);     
       }); 
      },0); 
     } 

私はそれをテストしたいが、それを動作させることはできない。

は、ここに私のテストです：

beforeEach(inject(function(_$rootScope_, _$compile_, _$timeout_) { 

       $scope = _$rootScope_.$new(); 
       $compile = _$compile_; 
       $timeout = _$timeout_;   
       $scope.searchText = 'blah'; 

       element = angular.element('\ 
        <div mx-clear-on-blur> <input ng-model="searchText1"> </div>\ 
       '); 

       element = $compile(element)($scope); 
       $scope.$apply(); 
       $timeout.flush();  
     })); 
it('clears text on blur', function() { 
     var input = element.find('input').eq(0); 

     expect(input.val()).toBe('blah'); 
     expect($scope.searchText).toBe('blah'); 

     input1.triggerHandler('blur'); 

     expect(input.val()).toBe(''); 
     expect($scope.searchText).toBe(''); 


    }); 

[OK]を、だから私はそれが$タイムアウトへのsetTimeoutを変える動作するようになりました。 2回のタイムアウトがなければ、それほど厄介な方法はありませんか？

Answer 1

setTimeoutを2回目に使用する理由はありますか？ちょうど$timeoutをもう一度使ってみませんか？また$timeoutは通常コードのにおいのビットなので、ネストした$timeoutsは少し間違った感じがする。 ：p

とにかく、あなたのテストでは、ぼかし後にテストで$timeout.flush()が必要になると思います。

Answer 2

あなたも、あなたのテスト内のsetTimeoutを使用することができますしているあなたは$タイムアウトを注入するが、あなたの関数内であなたがsetTimeoutメソッドを使用している

input1.triggerHandler('blur'); 
waitsFor(function() { 
    return false; 
}, 100); 
expect(input.val()).toBe(''); 
expect($scope.searchText).toBe('');