CasperJS клик не стрелять клик событие

Question

У меня возникли проблемы с CasperJS. Я загружаю страницу для нашего сайта, а затем пытаюсь нажать кнопку регистрации. Он должен открыть модальный, но ничего не происходит. Он работает в реальных браузерах, и очень похожая функциональность работает в других тестах на других страницах.

Что я могу делать неправильно? Что еще поможет вам, более широкий интернет, помочь мне?

casperjs --version: 1.1.0-Beta3
phantomjs --version: 1.9.7

Casper тест сниппет:

casper.then(function() { 
    casper.open(DOMAIN); 

}); 

// wait added for debugging. 
casper.then(function() { 
     casper.wait(2500); 
}); 

// many different ways of trying to click and debug: 
casper.then(function() { 
    casper.click('[data-js="company-search-view-jobs-button-reg"]'); 
    var x = casper.evaluate(function() { 
     var f = $("[data-js='company-search-view-jobs-button-reg']"); 
     f.click(); 
     var q = document.getElementById("foo"); 
     q.click(); 
     $('#foo').click(); 
     return $("[data-js='company-search-view-jobs-button-reg']")[0].innerHTML; 

    }); 

// this prints the expected text, so it is definitely on the right page. 
    casper.echo(x); 
}); 

//waiting in case it was slow for some reason 
casper.then(function() { 
    casper.wait(2500); 
}); 

// takes a screenshot. uses casper.capture under the hood. 
casper.then(function() { 
    util.screenshot("fff", SCREENSHOT_OPTIONS); 

}); 

От JS с обработчик щелчка:

var $companySearchViewJobsBtnNeedReg = $("[data-js=company-search-view-jobs-button-reg]"); 
[...] 
$companySearchViewJobsBtnNeedReg.on("click", function(e) { 
    e.preventDefault(); 
[library code for opening the modal] 

HTML на странице:

<div class="columns xlarge-8"> 
    <div class="company-basic-info__logo left"> 
     <img class="company-basic-info__logo-img" src="/images/logo_placeholder.png" alt="[Standard Values] logo"> 
    </div> 
    <div class="header-container"> 
     <h1>Standard Values</h1> 

     <button class="company-basic-info__view-jobs-button" data-cta="viewOpenJobsForCompany" data-js="company-search-view-jobs-button-reg" href="https://[internal url not really important for the question]">Sign Up</button> 
    </div> 
    <div class="company-basic-info__description"> 
     <div class="company-basic-info__description-text" data-attr="expandable">Lorem ipsum dolor sit amet, inani labores eligendi ex cum, labitur equidem recteque eam eu. Ignota semper mentitum ad vim, aperiam volumus iracundia ne mea, eu eros movet mel. Sed ea natum elaboraret. Mel modus aliquid reformidans ei, postea putent splendide an eum. 
     Sanctus indoctum mea id, feugiat placerat mei ea. An scripta epicurei theophrastus has, vis eu illud principes moderatius. Facer velit sed ei, atqui dicta ornatus ea vix, nec soluta populo ei. Quis laudem nec cu, sed viderer theophrastus id. 
     </div> 
     <div class="company-basic-info__description-expander" data-attr="expander" style="display: block;"> 
     </div> 
    </div> 
</div> 

Answer 1

В моем случае проблема была эта линия

casper.options.remoteScripts.push 'http://code.jquery.com/jquery-2.1.4.min.js' 

casperjs Jquery инъекции перезаписан в addEventListeners, чтобы они не работали. Удалите эту строку и проверьте, работает ли она. Измените свой код, чтобы использовать простой javascript вместо Jquery lib.