0

私は一連のページの機能をテストしようとしています (たとえば、クリックのシミュレート、クラスの追加のチェックなど)。

私の人生ではできませんが、qunitとphantomjsを組み合わせる方法を理解することはできません。（Gruntの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 に挿入する場合ですか? それとも、私はそれを完全に間違った方法で行っていますか?

4

1 に答える 1

0

このgrunt-contrib-qunitモジュールは、実際に phantomjs を依存関係としてインストールします。grunt タスクを設定して qunit テストを実行すると、phantomjs インスタンスが生成されます。たとえば、次のように単調なタスクを設定します。

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

そして、次のようにテストを実行します。

grunt qunit:search

または、すべてのテストを実行するには:

grunt qunit
于 2013-09-14T18:10:33.143 に答える