Question

我目前正在努力尝试使用PhantomJS和CasperJS进行端到端测试。我遇到的是PhantomJS缺乏承诺的情况。目前我们的项目实施它们。该应用程序仅用于本机支持承诺的Google Chrome。

运行我的测试时收到错误： 错误：ReferenceError：找不到变量：Promise

这似乎是因为PhantomJS中当前版本的Webkit不支持promises。我意识到SlimerJS确实通过Gecko提供了这种支持，但我们的应用程序在Chrome中运行，因此我希望测试在Webkit中进行。

我一直在努力的是将一个ES6 promise polyfill注入Phantom，以便正确地进行测试。我已经使用了Casper JS的injectjs以及casper.options.clientScripts.push - 两者似乎仍然缺乏对promises问题的支持。

我注意到其他人在CasperJS的github支持中说他们已经通过polyfill工作了但是我不确定他们是如何做到的，因为没有提供示例。

我已经包含了当前脚本的示例。如果有人处理了这个问题并找到了解决问题的方法，那将非常感谢。提前谢谢！

casper.test.begin('Example test loading', 3, function(test) {

    casper.options.clientScripts.push("node_modules/es6-promise/es6-promise.js");

    casper.start('http://localhost:8080/', function() {
        this.captureSelector('stuff.png', 'html');
    });

    casper.on("remote.message", function(msg) {
        this.echo("Console: " + msg);
    });

    casper.on("page.error", function(msg, trace) {
        this.echo("Error: " + msg);
    });

    casper.on("resource.error", function(resourceError) {
        this.echo("ResourceError: " + JSON.stringify(resourceError, undefined, 4));
    });

    casper.on("page.initialized", function(page) {
        page.onResourceTimeout = function(request) {
            console.log('Response Timeout (#' + request.id + '): ' + JSON.stringify(request));
        };
    });

    casper.then(function() {
        test.assertTitle('Example Title', 'Example title is incorrect');
    });

    casper.run(function() {
        test.done();
    });
});

Answer 1

我偶然发现了PhantomJS中没有正确ES6支持的相同问题。我也尝试使用es6-promise来解决问题，并且像您一样，仍然有未定义的Promise。

以babel-polyfill替换它解决了问题。

一旦你做了

npm install --save-dev babel-polyfill

您可以将<{1}}替换为

clientScripts

注意：我没有花时间理解为什么casper.options.clientScripts.push("node_modules/babel-polyfill/dist/polyfill.js")存在问题，而且我在这个代码库中唯一的ES6功能是Promise，所以IMMV。

CasperJS / PhantomJS ES6 Promise Polyfill

1 个答案: