Plusieurs évaluations de NightmareJS

Question

NightmareJS fonctionne très bien lorsque j'exécute une évaluation, mais lorsque j'interagis avec la page, je dois faire plus d'évaluations au fur et à mesure que les choses passent. Cependant, l'utilisation des documents que j'ai essayé un simple échantillon de enchaînant des évaluations et je reçois une erreur:

describe('test google search results', function() { 
    this.timeout(15000); 
    it('should find the nightmare github link first', function(done) { 
    var nightmare = Nightmare({show: true}) 
    nightmare 
     .goto('http://google.com') 
     .wait(1000) 
     .type('form[action*="/search"] [name=q]', 'github nightmare') 
     .click('form[action*="/search"] [type=submit]') 
     .wait(1000)//.wait('#rcnt') 
     .evaluate(function() { 
     return document.querySelector('div.rc h3.r a').href 
     }) 
     .then(function(link) { 
     console.log("TESTING 1"); 
     expect(link).to.equal('https://github.com/segmentio/nightmare'); 
     }) 
     .wait() 
     .evaluate(function() { 
     return document.querySelector('div.rc h3.r a').href 
     }) 
     .end() 
     .then(function(link) { 
     console.log("TESTING 2"); 
     expect(link).to.equal('https://github.com/segmentio/nightmare'); 
     done(); 
     }) 
    }); 
}); 

Erreur:

TypeError:. Nightmare.goto (...) attendre (...) de type. (...). cliquez sur (...). wait (...). evaluate (...). then (...). wait n'est pas une fonction

Dans ce cas j'ai ajouté une attente avant la prochaine évaluation au cas où je devrais laisser le système attendre une complète mais quand même cela ne fonctionne pas.

Answer 1

Le fait est que evaluate() renvoie un Promise, qui est une chose Javascript et pas une chose Nightmare. Donc une promesse a then et catch, entre autres méthodes, mais n'a clairement pas une méthode wait.

Je pense this répondre et ce resource peut vous aider à mieux comprendre le concept.

Appliquer le concept à votre scénario, le code ressemblerait à ceci

describe('test google search results', function() { 
    this.timeout(15000); 
    it('should find the nightmare github link first', function(done) { 
    var nightmare = Nightmare({show: true}) 

    nightmare 
     .goto('http://google.com') 
     .wait(1000) 
     .type('form[action*="/search"] [name=q]', 'github nightmare') 
     .click('form[action*="/search"] [type=submit]') 
     .wait(1000)//.wait('#rcnt') 
     .evaluate(function() { 
     return document.querySelector('div.rc h3.r a').href 
     }) 
     .then(function(link) { 
     console.log("TESTING 1"); 
     expect(link).to.equal('https://github.com/segmentio/nightmare'); 

     nightmare.evaluate(function() { 
      return document.querySelector('div.rc h3.r a').href 
     }) 
     .end() 
     .then(function(link) { 
      console.log("TESTING 2"); 
      expect(link).to.equal('https://github.com/segmentio/nightmare'); 
      done(); 
     }) 

     }).catch(function(error) { 
     done(new Error(error)) 
     }) 
    }); 
}); 

Remarquez comment le deuxième appel à evaluate est à l'intérieur du premier rappel then.