casperjs를 통해 <img role="button" ...>을 클릭하십시오.

Question

casperjs를 통해 아래 요소를 클릭하려고 시도하지만 저에게 효과적이지 않습니다.

<img alt="Pay Button" class="v-button" role="button" src="https://test/wallet-services-web/xo/button.png" tabindex="0" style="cursor: pointer; transition-property: filter; transition-duration: 0.25s; filter: brightness(1);"> 

내가 중첩 된 iframe을의 무리를 통해이 요소에 대해 검색하고, 내가 정확하게 찾을 수 있습니다 -하지만 정확하게 클릭 수없는 것.

if (casper.exists('img.v-button')) { 
     console.log("Found button"); // the exists works - this is logged 

     casper.click('img.v-button'); // Approach 1: nothing happens 

     // Approach 2: nothing happens 
//  var x = require('casper').selectXPath; 
//  casper.click(x('(//img[@class="v-button"])')); 

     return true; 
    } else { 
     var result = traverseTreeDown(); 
     if (result) { 
      return true; 
     } else { 
      casper.page.switchToParentFrame(); 
     } 
    }     

접근 방식 1과 2는 모두 "존재하는"블록 내부에 올바르게 들어가도 작동하지 않습니다. 당신은 접근을 시도해야

Answer 1

는 casperjs documentation에 제안 : 나는 API documentation을 확인하는 것이 좋습니다

casper.then(function() { 
    casper.click('img.v-button'); 
}); 

casper.then(function() { 
    // do next action 
}); 

Answer 2

.

예를 들어 다음을 확인하십시오. 특정 선택 도구가 나타날 때까지 기다릴 수 있습니다.

casper.start('https://yourmom.gov'); 

casper.waitForSelector('img.v-button', function() { 
    this.click('img.v-button'); 
}); 

casper.run(); 

이 아니면 내가 캐스퍼는 ** 비동기 ** 때문에

casper.start('http://yourmom.gov/').thenClick('img.v-button', function() { 
    this.echo("clicktastic."); 
}); 

casper.run();