C'è un modo per ascoltare un evento nel contesto fantasma dal contesto della pagina?

Question

Ad esempio: apro una pagina con PhantomJS, valuto uno script asincrono (ad esempio ajax). Quando riesce, voglio lasciare che il contesto fantasma (esterno a page.evaluate()) sappia che il processo asincrono è finito.

Non voglio utilizzare setTimeout e setInteval per attendere e controllare continuamente nel contesto fantasma che il processo è terminato.

Answer 1

Questo è esattamente ciò che è lo onCallback and window.callPhantom() pair.

Quindi, se si dispone di una chiamata asincrona nel contesto di pagina come una richiesta AJAX, si può fare questo:

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

L'altro modo di utilizzare questo è quello di aggiungere la chiamata alla vostra produzione JavaScript per rendere test più facile. Se stai scrivendo un'applicazione web a volte è complicato trovare un selettore che denota quando una pagina è completamente caricata. Per fare il test di tale applicazione più semplice, si può avere qualcosa di simile nella pagina JavaScript:

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

Quindi è possibile scrivere i test in questo modo:

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

Questo è un esempio in cui una cosa del genere può essere aggiunto dinamicamente: wait for angular app to be fully rendered from phantom script