23

我的项目正在使用：Node、Coffeescript、SocketIO、Browserify 和 Mocha。（用于标准服务器端单元测试的 mocha）

我想使用无头浏览器自动化一些客户端接口测试。PhantomJS 看起来是一个理想的选择（由于 Web 套接字支持而选择了 Zombie）。

PhantomJS 页面警告它不是一个测试运行器，我理解，他们建议使用mocha-phantomjs项目来驱动你的测试。

所以我已经能够运行示例测试（例如mocha-phantomjs tests/mixed.html），但我当前的问题实际上是在测试中使用 PHANTOM。mocha-phantomjs repo 中的所有示例测试似乎都使用标准的 mocha 服务器端单元测试。

例如，我可以轻松地运行mocha-phantomjs tests/mixed.html查看无聊的旧单元测试。或者我可以运行phantomjs tests/login.coffee以加载我的登录屏幕......但是我如何将两者结合起来以断言我应该在我的登录屏幕上看到什么？

我在网上找不到任何这样的例子，我正在努力理解解决这个问题的最佳方法。

希望这一切都有意义。提前感谢您的任何帮助。

更新：我发现了作者的以下建议（在这里），但我不太明白如何处理它：phantomjs lib/mocha-phantomjs.coffee test/mixed.html

4

1 回答 1

14

这里有一个相当不错的使用 Mocha 和 Phantom.JS 进行测试的教程。

关于 Mocha 和 PhantomJS 的部分很短，但基本思想是将 DOM 断言和交互放入您的 Mocha 测试套件中，通过 testrunner.html 文件在客户端运行它，然后将 mocha-phantomjs 指向测试运行器。 .html 文件。

套用一下，您的 Mocha 测试可能如下所示：

describe("DOM Test", function () {

    var el = document.createElement("div");
    el.id = "myDiv";
    el.innerHTML = "Hello World!";
    document.body.appendChild(el);
    var myEl = document.getElementById('myDiv');

    it("has the right text", function () {
        (myEl.innerHTML).should.equal("Hello World!");
    });
});

testrunner.html 文件将是正常设置：

<html>
    <head>
        <title> Tests </title>
        <link rel="stylesheet" href="./node_modules/mocha/mocha.css" />
    </head>
    <body>
        <div id="mocha"></div>
        <script src="./node_modules/mocha/mocha.js"></script>
        <script src="./node_modules/chai/chai.js"></script>
        <script>
            mocha.ui('bdd');
            mocha.reporter('html');
            var should = chai.should();
        </script>
        <script src="test/test.js"></script>
        <script>
            if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
            else { mocha.run(); }
        </script>
    </body>
</html>

如果您更喜欢完全从 node.js 生态系统运行的解决方案，那么值得考虑Zombie.JS。这个 Stack Overflow问题提供了一个基本示例。

权衡的是，虽然 Zombie.JS 可以简单地通过需要节点模块来使用，而且速度非常快，但它并不是一个“真正的”网络浏览器。PhantomJS 更接近，因为它基于 webkit。此外，使用 mocha-phantomjs 的第一种方法将允许您在您选择的不同浏览器中运行客户端 Mocha 测试，PhantomJS 只是其中之一。

于 2012-12-25T00:02:02.480 回答