Testen Sie eine Richtlinie Funktion durch Uhr

Question

Ich habe eine Funktion in Winkelanweisung, die auf der Uhr ausgelöst wird. Wie überprüfe ich die Timeout-basierte Scrolling-Aktivität der Funktion scroll seit es nicht im Geltungsbereich?

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); 
} 

Die detaillierte Code ist hier http://jsfiddle.net/QGmCF/68/

Answer 1

ich ein paar Vorschläge haben den Code zu bereinigen. Das erste, was zu realisieren ist, dass Sie das Pseudoobjekt $timeout in Ihren Test injizieren und $timeout.flush(251) aufrufen sollten, um sicherzustellen, dass Ihr Code ausgeführt wird.

So:

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

Ein weiterer Vorschlag: Statt $ Objekt jQuery verwenden, verwenden $window.document oder $document[0] zu dem nativen Komponenten des Browsers zugreifen. Mit diesem können Sie schreiben:

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

und dann nicht müssen Sie länger mit [0] Ihr scrollTo Element zugreifen.