javascript - CasperJS/PhantomJS ES6 Promise Polyfill

Question

我目前正在尝试使用 PhantomJS 和 CasperJS 来制作端到端测试。我遇到的是 PhantomJS 缺乏 promise 的情况。目前我们的项目实现了它们。该应用程序仅在原生支持 promises 的 Google Chrome 中使用。

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

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

我一直在努力解决的问题是将 ES6 promise polyfill 注入(inject) 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

你可以用

替换clientScripts

casper.options.clientScripts.push("node_modules/babel-polyfill/dist/polyfill.js")

注意:我没有花时间去理解为什么 es6-promise 有问题，我在这个代码库中唯一的 ES6 特性是 Promises，所以 IMMV。