Setting scope for $(this) in QUnit tests

How do you setup correct scoping in a QUnit test environment for testing callback functions?

Code to test:

<script type="text/javascript">
    APP = {};
    APP.callBack = functio开发者_开发技巧n() {
        $(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 code:

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

---

I think, you might want to use .trigger() to trigger 'click' on button and then check the values, instead of directly calling your callback function, which would not be scoped to the button's this when called independently.

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

---

I don't know about in QUnit, but in Javascript in general you do it like this:

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

for example

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

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

so I would try

APP.callback.apply(whateverYouWantForThis);