watch関数を使って指示関数をテストする

Question

私は時計でトリガされるangle指令の関数を持っています。どのようにスコープに含まれていないので、関数scrollのタイムアウトに基づくスクロール・アクティビティをテストしますか？

scope.$watch('elementId', function(value) { 
    //How do i test scroll function contents? 
    scroll(element, value); 
}); 

function scroll (pE, element) { 
    console.log('Here'); 
    $timeout(function afterTimeout() { 
    var scrollTo = $('#' + element); 
    var container = $(pE); 
    container.animate({scrollTop : scrollTo[0].offsetTop - container[0].offsetTop - 10}, 'slow'); 
    }, 250); 
} 

詳細なコードは、私はあなたのコードをクリーンアップするためにいくつかの提案があり、ここで http://jsfiddle.net/QGmCF/68/

Answer 1

です。最初に気づくべきことは、モック$timeoutオブジェクトをテストに注入し、コードが実行されることを確認するために$timeout.flush(251)を呼び出すことです。

it('test watch', inject(function($compile, $rootScope, $timeout) { 
    // as before 
    $timeout.flush(251); 
    // test that your code has run 
})); 

もう一つの提案：代わりにjQueryの$オブジェクトを使用するのではなく、ブラウザのネイティブコンポーネントにアクセスするために$window.documentまたは$document[0]を使用してこのよう

。

var scrollTo = $document[0].getElementById(element); 

をして、あなたは、もはや[0]であなたのscrollTo要素にアクセスする必要はない：これで、あなたはこれを書くことができます。