Czy istnieje sposób na odsłuchanie zdarzenia w kontekście fantomowym z kontekstu strony?

Question

Na przykład: Otwieram stronę za pomocą PhantomJS, oceniam skrypt asynchroniczny (np. Ajax). Kiedy się powiedzie, chcę, aby kontekst widmowy (poza page.evaluate()) wiedział, że proces asynchroniczny został zakończony.

Nie chcę używać setTimeout i setInteval do czekania i sprawdzania w sposób ciągły w kontekście fantomowym, że proces się zakończył.

Answer 1

To jest dokładnie to, do czego służy onCallback and window.callPhantom() pair.

Tak więc, jeśli masz asynchroniczne wywołanie w kontekście widoku podobnego żądania AJAX, można to zrobić:

page.onCallback = function(data){ 
    console.log("finished: " + data.text); 
    phantom.exit(); 
}; 
page.evaluate(function(){ 
    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", "/"); 
    xhr.onreadystatechange = function() { 
     var DONE = this.DONE || 4; 
     if (this.readyState === DONE){ 
      window.callPhantom({text: this.responseText}); 
     } 
    }; 
    xhr.send(); 
}); 

Innym sposobem wykorzystania tego celu jest dodanie połączenia do produkcji JavaScript, żeby uczynić testowanie łatwiejsze. Jeśli piszesz aplikację internetową, czasami trudno jest znaleźć selektor oznaczający, kiedy strona jest w pełni załadowana. Aby testowanie takiego wniosku łatwiej, można mieć coś takiego w widoku javascript:

finishOffPage(function callback(){ 
    if (typeof window.callPhantom === "function") { 
     window.callPhantom({type: "loadFinished"}); 
    } 
}); 

Następnie można pisać testy tak:

page.onCallback = function(data){ 
    if (data.type === "loadFinished") { 
     // do some testing 
    } 
}; 
page.open(url); 

To jest przykład, gdzie coś takiego można dynamicznie dodawana: wait for angular app to be fully rendered from phantom script