PhantomJS / CasperJS AssertExists()失败了

时间:2014-05-12 13:14:32

标签: javascript jquery jquery-selectors phantomjs casperjs

我正在尝试检查我的网页中是否存在选择器,但casperjs从未找到它。

我尝试了两种方法:

1。无需等待

casper.then(function() {
    // search for 'casperjs' from google form
    this.test.assertExists('#search-form', 'the element exists');
    // this.test.assertExists('.glyphicon.glyphicon-plus', 'the element exists');
});

2。等待选择器

casper.waitForSelector('#search-form', function() {
    this.echo("I'm sure #search-form is available in the DOM");
});

第3。另一种等待方法

casper.waitFor(function check() {
     return this.evaluate(function() {
         return $('#search-form').length == 1;
     });
 }, function then() {    // step to execute when check() is ok
     test.assertExists('#search-form', 'tabs area is found');
 }, function timeout() { // step to execute if check has failed
     this.echo("Timeout: page did not load in time...").exit();
 });

到目前为止,他们都没有找到选择器。并且这个选择器是从html加载的,它不是由javascript插入的。

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

好吧,我认为您应该检查您的选择器是否在您的网页中:

casper.then(function(){
    console.log(this.getPageContent());
});

命令 - 管道输出 - :casperjs test yourFile.js > seePageContent.html

或者您可能更喜欢这种方式(如果需要可以等待):

casper.then(function(){
    this.wait(3000,function(){
        var fs = require('fs');
        fs.write("seePageContent.html", this.getPageContent(), 'w');
    });
});

这样你知道你的元素是否存在。如果没有,那么您之前的步骤是错误的。