0

以下は、2 つの数値の合計を示す JavaScript ファイルです。

var getSum = function (arg1, arg2) {
    var intArg1 = parseInt(arg1);
    var intArg2 = parseInt(arg2);
    return intArg1 + intArg2;
};

var getSumText = function (arg1, arg2) {
    var sum = getSum(arg1, arg2);
    return 'The sum of ' + arg1 + ' and ' + arg2 + ' is ' + sum + '.';
};

$(document).ready(function () {
    $("#button1").click(function (e) {
        console.log('button clicked');
        var sumText = getSumText($("#arg1").val(), $("#arg2").val());
        $("#output1").text(sumText);
        e.stopPropagation();
    });
});

これが私の QUnit.html ファイルです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Test Suite</title>
    <link href="Content/qunit-1.12.0.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.0.0.min.js"></script>
    <script src="Scripts/qunit-1.12.0.js"></script>
    <script src="Scripts/main.js" data-cover></script>
    <script src="Scripts/mainTests.js"></script>
    <script src="Scripts/blanket.min.js"></script>
</head>
<body>
    <h1 id="qunit-header">Test Suite</h1>
    <h2 id="qunit-banner"></h2>
    <div id="qunit-testrunner-toolbar"></div>
    <h2 id="qunit-userAgent"></h2>
    <ol id="qunit-tests"></ol>
    <div id="qunit-fixture">
        <input type="text" id="arg1" />&nbsp;
        <input type="text" id="arg2" /> <br />
        <div id="output1">&nbsp;</div>
        <input type="button" id="button1" value="Show sum" />
    </div>
        <script type="text/javascript">function blanket_toggleSource(e) {
    var t = document.getElementById(e);
    t.style.display === "block" ? t.style.display = "none" : t.style.display = "block";
}</script>
</body>
</html>

そして、これが私のjsテストファイルです。

module('DOM');
test('should add correctly', 1, function() {
    $('#arg1').val('2');
    $('#arg2').val('5');
    console.log($('#arg1').val());
    console.log($('#arg2').val());
    $('#button1').trigger('click');
    var output = $('#output1').text();

    equal(output, 'The sum of 2 and 5 is 7.', 'sum text is correct');
});

module('Sum');
test('should add correctly', 1, function() {
    var sum = getSum('2', '1');
    deepEqual(sum, 3, 'sum is correct');
});

「Sum」モジュールを「DOM」モジュールの上に移動すると、DOM モジュールのテストが断続的に失敗します。私は何が欠けていますか？

ありがとう、アルン

4

1 に答える 1

0

この場合、実際にはテストする必要のない初期化コードから、テストできるライブラリ コードを分離する必要があります。クリック ハンドラー内のコードを別の名前付き関数に移動し、別のスクリプト タグまたはファイルから呼び出します。そうすれば、テストから 3 つの関数すべてをテストできます。現在、テストが別の時点で実行されている間に、ある時点でドキュメント対応のコードを実行することになります。これにより、一見ランダムな動作が発生します。

于 2013-07-22T18:04:54.873 に答える