2013-10-02 14:03:04 -04:00
|
|
|
var clock, original, debounced;
|
|
|
|
|
|
|
|
var firedOnce = function(message) {
|
|
|
|
ok(original.calledOnce, message);
|
|
|
|
};
|
|
|
|
|
2013-10-19 03:13:00 -04:00
|
|
|
var firedTwice = function(message) {
|
|
|
|
ok(original.calledTwice, message);
|
|
|
|
};
|
|
|
|
|
2013-10-02 14:03:04 -04:00
|
|
|
var notFired = function(message) {
|
|
|
|
ok(!original.called, message);
|
|
|
|
};
|
|
|
|
|
|
|
|
module("Discourse.debounce", {
|
|
|
|
setup: function() {
|
|
|
|
clock = sinon.useFakeTimers();
|
|
|
|
original = sinon.spy();
|
|
|
|
debounced = Discourse.debounce(original, 100);
|
|
|
|
},
|
|
|
|
|
|
|
|
teardown: function() {
|
|
|
|
clock.restore();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
test("delays function execution till the end of the timeout", function() {
|
|
|
|
debounced();
|
|
|
|
notFired("immediately after calling debounced function nothing happens");
|
|
|
|
|
|
|
|
clock.tick(99);
|
|
|
|
notFired("just before the end of the timeout still nothing happens");
|
|
|
|
|
|
|
|
clock.tick(1);
|
|
|
|
firedOnce("exactly at the end of the timeout the function is executed");
|
|
|
|
});
|
|
|
|
|
|
|
|
test("executes delayed function only once, no matter how many times debounced function is called during the timeout", function() {
|
|
|
|
debounced();
|
|
|
|
debounced();
|
|
|
|
|
|
|
|
clock.tick(100);
|
|
|
|
firedOnce("second call was supressed");
|
|
|
|
});
|
|
|
|
|
2013-10-19 03:13:00 -04:00
|
|
|
test("prolongs the timeout when the debounced function is called for the second time during the timeout", function() {
|
2013-10-02 14:03:04 -04:00
|
|
|
debounced();
|
|
|
|
|
|
|
|
clock.tick(50);
|
|
|
|
debounced();
|
|
|
|
|
|
|
|
clock.tick(50);
|
2013-10-19 03:13:00 -04:00
|
|
|
notFired("at the end of the original timeout nothing happens");
|
2013-10-02 14:03:04 -04:00
|
|
|
|
|
|
|
clock.tick(50);
|
2013-10-19 03:13:00 -04:00
|
|
|
firedOnce("function is executed exactly at the end of the prolonged timeout");
|
2013-10-02 14:03:04 -04:00
|
|
|
});
|
|
|
|
|
2013-10-19 03:13:00 -04:00
|
|
|
test("preserves last call's context and params when executing delayed function", function() {
|
2013-10-02 14:03:04 -04:00
|
|
|
var firstObj = {};
|
|
|
|
var secondObj = {};
|
|
|
|
|
|
|
|
debounced.call(firstObj, "first");
|
|
|
|
debounced.call(secondObj, "second");
|
|
|
|
|
|
|
|
clock.tick(100);
|
2013-10-19 03:13:00 -04:00
|
|
|
ok(original.calledOn(secondObj), "the context of the last of two subsequent calls is preserved");
|
|
|
|
ok(original.calledWithExactly("second"), "param passed during the last of two subsequent calls is preserved");
|
2013-10-02 14:03:04 -04:00
|
|
|
});
|
|
|
|
|
2013-10-19 03:13:00 -04:00
|
|
|
test("can be called again after timeout passes", function() {
|
2013-10-02 14:03:04 -04:00
|
|
|
var firstObj = {};
|
|
|
|
var secondObj = {};
|
|
|
|
|
|
|
|
debounced.call(firstObj, "first");
|
|
|
|
|
|
|
|
clock.tick(100);
|
|
|
|
debounced.call(secondObj, "second");
|
|
|
|
|
|
|
|
clock.tick(100);
|
2013-10-19 03:13:00 -04:00
|
|
|
firedTwice();
|
2013-10-02 14:03:04 -04:00
|
|
|
});
|