Qunitモジュールの設定変数へのアクセス

Question

こんにちは、 現在Qunit TestingフレームワークでJavaScriptコードをテストしています。私はQUnit.test関数で自分のQUnit.module設定変数にアクセスすることができません。

QUnit.module("Module A:Build Notes",{ 
    setup: function() { 
     this.inputsticky = $("input[name=stickyinput]"); 
    } 
}); 
QUnit.test("Test Case 1",function (assert) { 
    assert.expect(1);    
    orangeClick(); //changing color              
    assert.equal(this.inputsticky.css('background-color'),'rgb(255, 165, 0)', "orange Function passed !"); 
}); 

結果： this.inputstickyは、あなただけのHTML要素上に保持したい場合は、完全にモジュールの外部変数を作成することができ、コメントごと

Answer 1

定義されていません。 thisが本当に（私が知っている）仕事に行くされていない使用：

(function() { 
    // put things in an IIFE to prevent data leakage 

    let inputElement; // define the variable at a higher scope 

    QUnit.module("Module A:Build Notes",{ 
    setup: function() { 
     // now we can set the variable's value for use in all later tests 
     inputElement = $("input[name=stickyinput]"); 
    } 
    }); 
    QUnit.test("Test Case 1",function (assert) { 
    assert.expect(1);    
    orangeClick(); //changing color              
    assert.equal(inputElement.css('background-color'),'rgb(255, 165, 0)', "orange Function passed !"); 
    }); 

})(); 

Answer 2

(function() { 


    var inputElement; // define the variable at a higher scope 

    QUnit.module("Module A:Build Notes",{ 
    beforeEach: function() { 
     // now we can set the variable's value for use in all later tests 
     inputSticky = $("input[name=stickyinput]"); 
    } 
    }); 
    QUnit.test("Test Case 1",function (assert) { 
    assert.expect(1);    
    orangeClick(); //changing color              
    assert.equal(inputSticky.css('background-color'),'rgb(255, 165, 0)', "orange Function passed !"); 
    }); 

})();