3

qunitとmockjaxを使用して、このjavascript関数を適切にテストする方法を見つけようとしています

私のjavascriptは明らかにモジュールパターンで設定されています.imユニットテストは初めてなので、これは私を壁に追いやるようなものです.

my.someMethod = function (someId, completedHandler) {
        $.ajax({
            dataType: "json",
            url: my.someUrl,
            traditional: true,
            data: {
                someId : someId
            },
            success: function () {

                if (completedHandler !== undefined) {
                    completedHandler();
                }
            }
        });
    };

正しいURLが使用されているかどうか、渡されたIDが正しいかどうか、ajaxが呼び出されていることを確認したいなど.

4

1 に答える 1

2

それはどうですか、ついに自分で考え出しました。

それを次のように構造化します

あなたのJavaScriptメソッドで

my.someMethod = function (someId, completedHandler) {
        $.ajax({
            dataType: "json",
            url: my.someUrl,
            traditional: true,
            data: {
                someId : someId
            },
            success: function (data) {

                if (completedHandler !== undefined) {
                    completedHandler(someId, my.someUrl, data.testResult);
                }
            }
        });
    };

モックジャックスをセットアップする

$.mockjax({
            url: "someActualUrl",
            dataType: 'json',
            responseText:
                {
                    testResult: 'AJAX Called'                           
                }
        });

そして、実際の qunit テストで

test("someMethod calls ajax", function () {

        namespace.someMethod("id1",
            function (someId, someUrl, someTestResult) {
                test("someMethod ajax test", function () {

                    assert.strictEqual(someId, "id1");
                    assert.strictEqual(someUrl, "someActualUrl");
                    assert.strictEqual(someTestResult, "AJAX Called");
            });

        start();
    });

    ok(true, "Ajax Called");
});
于 2013-02-27T19:48:42.403 に答える