CasperJS waitFor*() 的行为非常不清楚

Question

我正在尝试了解 CasperJS 的工作原理，以便在我的测试中使用它。我试图完成的是在页面的某些元素准备好并完全加载时对其进行截图，我以Whatsapp Web 为例，因为它具有我正在寻找的加载。

这是我的实现：

var casper = require('casper').create({
  remoteScripts:  [
    'http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js',
    'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.6.1/lodash.js'
  ],
  pageSettings: {
    userAgent: 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.1500.71 Safari/537.36'
  },
  viewport: {
    width: 1280,
    height: 1024
  },
  waitTimeout: 60000,
  logLevel: 'debug',
  verbose: true
});

casper.start('https://web.whatsapp.com/', function(){
    this.echo('Starting...')
    this.waitForSelector('.qrcode', function() {
        this.captureSelector('whatsapp.png', 'html');
        this.echo('Screeshot Taken!')
    });
});

casper.run();

似乎CasperJS在60年代找不到<div class="qrcode"></div>进入页面，那是相当长的时间。 我在这里缺少什么？ waitFor*() 应该做什么？

信息：PhantomJS v2.0.0

注意：我能说的是，实际上看起来 waitForSelector() 是异步工作的，我想知道为什么必须这样实现 wait() 函数，我期望的是像观察者（或一个无限循环），它将在一定时间内不断获取 DOM 并使用该选择器检查元素。

Answer 1

我终于明白了！ 这是一个版本问题，只是避免使用brew 安装PhantomJS 或CasperJS

其实我做的是：

• brew uninstall phantomjs && brew uninstall casperjs
• npm i -g phantomjs && npm i -g casperjs

现在我的代码按预期工作了。 这个bug其实和PhantomJS v1.9.8有关，会触发这个错误：

Unsafe JavaScript attempt to access frame with URL about:blank from frame with URL file:///usr/local/Cellar/casperjs/1.1-beta3/libexec/bin/bootstrap.js. Domains, protocols and ports must match.

如果您在 OSX 上，请使用 npm 重新安装，并且可以正常工作。 希望它会有所帮助。