在QUnit測試中設置$（this）的範圍

Question

如何在QUnit測試環境中設置測試回調函數的正確範圍？

代碼來測試：

<script type="text/javascript"> 
    APP = {}; 
    APP.callBack = function() { 
     $(this).closest("input").val('foobar'); 
    }; 

    $(function() { 
     $("#button").click(APP.callBack); 
    }); 
</script> 
<div> 
    <a id="button" href="#"></a> 
    <input id="id-for-testing-only" name="test" type="text" value="barfoo" /> 
</div> 

測試代碼：

test("try callback with 'this' scope", function() { 
    APP.callBack(); 
    equals($("#id-for-testing-only").val(), "foobar", "should set value to 'foobar'"); 
}); 

Answer 1

我想，你可能需要使用.trigger()觸發「點擊」按鈕，然後檢查值，而不是直接調用你的回調函數，這個函數在被獨立調用時不會被限制在按鈕的this。

$("#button").trigger("click"); 

Answer 2

我不知道在QUnit，但在Javascript一般你做這樣的：

func.apply((this), [arguments]); 

例如

function foo(x) { return this + x; } 

foo.apply(1, [2]) == 3 

所以我會嘗試

APP.callback.apply(whateverYouWantForThis);