javascript - 使用 phantomjs 运行功能性 qUnit 测试

Question

我正在尝试测试一堆页面的功能（例如模拟点击、检查类附加等），并认为 phantomjs 将是我测试的好主机。

虽然我一生无法弄清楚如何结合 qunit 和 phantomjs。（我也在尝试通过 Grunt 的 qunit 模块运行它）

我想我可以做这样的事情，混合幻像和 qunit 语法......

var page = require('webpage').create();
page.viewportSize = { width: 1280, height: 1024 };
page.onConsoleMessage = function (msg) {
    console.log(msg);
};

page.open('home.html', function () {
    module("tests");
    test('test', 1, function(){
        $('#button').on('click', function(){
            ok(true, 'button was clicked!');
        });
        $('#button').trigger('click');
    });
});

但显然这确实是错误的。

是否将我的页面内容注入到我的 test.html 文件中的 qunit-fixture div 中？还是我完全走错了路？

Answer 1

该grunt-contrib-qunit模块实际上将 phantomjs 作为依赖项安装。当你设置 grunt 任务来运行你的 qunit 测试时，它会产生一个 phantomjs 实例。因此，例如，我像这样设置我的 grunt 任务：

...
qunit: {
  nav: [ "tests/nav.html", "tests/footer.html" ],
  search: [ "tests/search-tests.html" ]
}

然后像这样运行我的测试：

grunt qunit:search

或者运行所有测试：

grunt qunit