CasperJS click() non carica nuovo codice html

Question

Sto provando ad usare CasperJS 'click() per seguire un collegamento che genera una modale sulla schermata corrente. Quando interrogo il selettore appropriato e lo clicco sulla console del browser usando document.querySelector().click(), funziona, ma anche quando I casper.evaluate() non funziona. Ho trovato qualcuno che ha avuto un problema molto simile, ma la sua domanda rimane senza risposta, e sto vivendo problemi quasi identici. casperjs button click doesn't navigate to next page il codice Attualmente sto usando è

this.waitForSelector('div.talk-sharing__tools a.rate-button', function() { 
    this.then(function() { 
     this.evaluate(function() { 
      document.querySelector('a.rate-button').click(); 
}); 

pagina che sto cercando di raschiare è http://www.ted.com/talks/uri_alon_why_truly_innovative_science_demands_a_leap_into_the_unknown

Answer 1

E 'davvero impossibile fare quei passi di navigazione con il motore phantomjs. Sembra che il fork di fantasma di QtWebkit (versione 1.9.7) non sia più all'altezza del compito. Sebbene il tuo codice funzioni bene così come lo è con slimerjs. Si può comodamente installare slimerjs attraverso NPM:

npm install -g slimerjs 

ed eseguire lo script con

casperjs --engine=slimerjs script.js 

---

Ho provato parecchie cose con phantomjs che non ha funzionato. Ho aggiunto casper.on ascoltatori per remote.message e resource.error, ma questi non hanno mostrato errori durante l'esecuzione dello script in phantom. logLevel: "debug" inoltre non ha mostrato nulla.

Primo: Utilizzo di una funzione casperjs.

casper.thenClick("div.talk-sharing__tools a.rate-button"); 

Secondo: cercando di mostrare esplicitamente la modali per il pulsante (specifiche della pagina).

casper.then(function(){ 
    var name = this.evaluate(function(){ 
     var modal = document.querySelectorAll(".modal-wrapper > .modal")[0]; 
     modal.className += " modal--show"; 
     return modal.className; 
    }); 
    this.echo("name: "+name); // null 
}); 

casper.waitUntilVisible(".modal__head__title"); 

Terzo: Lasciate jQuery fare il lavoro.

var casper = require('casper').create({ 
    remoteScripts: [ "http://code.jquery.com/jquery-1.11.1.min.js" ] 
}); 

casper.waitForSelector(selector, function() { 
    this.evaluate(function() { 
     jQuery("a.rate-button").click(); 
    }); 
}); 

Answer 2

Si è verificato un problema simile oggi. Dopo aver eseguito this.click() nella pagina iniziale (che ho verificato che PhantomJS è in esecuzione - agganciando gli eventi resource.requested e resource.received), la pagina corrente è rimasta sulla pagina iniziale (e dovrebbe andare alla pagina di collegamento cliccata).

La soluzione era l'aggiornamento all'ultimo PhantomJS (1.9.8 in questo momento).

Si prega di notare che ho avuto PhantomJS 1.9.7 quando si è verificato il problema sopra descritto.