chushihua
This commit is contained in:
+271
@@ -0,0 +1,271 @@
|
||||
/* jshint ignore:start */
|
||||
/* eslint-disable */
|
||||
|
||||
/* Original QUnit test: https://github.com/cowboy/jquery-throttle-debounce/blob/master/unit/unit.js */
|
||||
|
||||
var module = require('qunitjs').module;
|
||||
var test = require('qunitjs').test;
|
||||
var expect = require('qunitjs').expect;
|
||||
var ok = require('qunitjs').ok;
|
||||
var equals = require('qunitjs').equal;
|
||||
var start = require('qunitjs').start;
|
||||
var stop = require('qunitjs').stop;
|
||||
|
||||
var throttle = require('../throttle');
|
||||
var debounce = require('../debounce');
|
||||
|
||||
QUnit.config.autostart = false;
|
||||
|
||||
var pause = 500,
|
||||
delay = 100;
|
||||
|
||||
function exec_many_times( each, complete ) {
|
||||
var i = 0,
|
||||
repeated,
|
||||
id;
|
||||
|
||||
function start(){
|
||||
id = setInterval(function(){
|
||||
each();
|
||||
if ( ++i === 50 ) {
|
||||
clearInterval( id );
|
||||
complete( repeated ? null : function(){
|
||||
i = 0;
|
||||
repeated = true;
|
||||
setTimeout( start, pause );
|
||||
});
|
||||
}
|
||||
}, 20);
|
||||
}
|
||||
|
||||
setTimeout( start, pause );
|
||||
};
|
||||
|
||||
module( 'throttle' );
|
||||
|
||||
test( 'delay, callback', function() {
|
||||
expect( 7 );
|
||||
stop();
|
||||
|
||||
var start_time,
|
||||
i = 0,
|
||||
arr = [],
|
||||
fn = function( now ){
|
||||
arr.push( now - this )
|
||||
},
|
||||
throttled = throttle( delay, fn );
|
||||
|
||||
equals( throttled.guid, fn.guid, 'throttled-callback and callback should have the same .guid' );
|
||||
|
||||
exec_many_times( function(){
|
||||
var now = +new Date();
|
||||
start_time = start_time || now;
|
||||
i++;
|
||||
throttled.call( start_time, now );
|
||||
}, function( callback ){
|
||||
var len = arr.length;
|
||||
|
||||
setTimeout(function(){
|
||||
//console.log( arr, arr.length, len, i );
|
||||
ok( arr.length < i, 'callback should be executed less # of times than throttled-callback' );
|
||||
equals( arr[0], 0, 'callback should be executed immediately' );
|
||||
equals( arr.length - len, 1, 'callback should be executed one more time after finish' );
|
||||
|
||||
start_time = null;
|
||||
arr = [];
|
||||
i = 0;
|
||||
|
||||
callback ? callback() : start();
|
||||
|
||||
}, delay * 2);
|
||||
})
|
||||
});
|
||||
|
||||
test( 'delay, false, callback', function() {
|
||||
expect( 7 );
|
||||
stop();
|
||||
|
||||
var start_time,
|
||||
i = 0,
|
||||
arr = [],
|
||||
fn = function( now ){
|
||||
arr.push( now - this )
|
||||
},
|
||||
throttled = throttle( delay, false, fn );
|
||||
|
||||
equals( throttled.guid, fn.guid, 'throttled-callback and callback should have the same .guid' );
|
||||
|
||||
exec_many_times( function(){
|
||||
var now = +new Date();
|
||||
start_time = start_time || now;
|
||||
i++;
|
||||
throttled.call( start_time, now );
|
||||
}, function( callback ){
|
||||
var len = arr.length;
|
||||
|
||||
setTimeout(function(){
|
||||
//console.log( arr, arr.length, len, i );
|
||||
ok( arr.length < i, 'callback should be executed less # of times than throttled-callback' );
|
||||
equals( arr[0], 0, 'callback should be executed immediately' );
|
||||
equals( arr.length - len, 1, 'callback should be executed one more time after finish' );
|
||||
|
||||
start_time = null;
|
||||
arr = [];
|
||||
i = 0;
|
||||
|
||||
callback ? callback() : start();
|
||||
|
||||
}, delay * 2);
|
||||
})
|
||||
});
|
||||
|
||||
test( 'delay, true, callback', function() {
|
||||
expect( 7 );
|
||||
stop();
|
||||
|
||||
var start_time,
|
||||
i = 0,
|
||||
arr = [],
|
||||
fn = function( now ){
|
||||
arr.push( now - this )
|
||||
},
|
||||
throttled = throttle( delay, true, fn );
|
||||
|
||||
equals( throttled.guid, fn.guid, 'throttled-callback and callback should have the same .guid' );
|
||||
|
||||
exec_many_times( function(){
|
||||
var now = +new Date();
|
||||
start_time = start_time || now;
|
||||
i++;
|
||||
throttled.call( start_time, now );
|
||||
}, function( callback ){
|
||||
var len = arr.length;
|
||||
|
||||
setTimeout(function(){
|
||||
//console.log( arr, arr.length, len, i );
|
||||
ok( arr.length < i, 'callback should be executed less # of times than throttled-callback' );
|
||||
equals( arr[0], 0, 'callback should be executed immediately' );
|
||||
equals( arr.length - len, 0, 'callback should NOT be executed one more time after finish' );
|
||||
|
||||
start_time = null;
|
||||
arr = [];
|
||||
i = 0;
|
||||
|
||||
callback ? callback() : start();
|
||||
|
||||
}, delay * 2);
|
||||
})
|
||||
});
|
||||
|
||||
|
||||
module( 'debounce' );
|
||||
|
||||
test( 'delay, callback', function() {
|
||||
expect( 5 );
|
||||
stop();
|
||||
|
||||
var start_time,
|
||||
i = 0,
|
||||
arr = [],
|
||||
fn = function(){
|
||||
arr.push( +new Date() )
|
||||
},
|
||||
debounced = debounce( delay, fn );
|
||||
|
||||
equals( debounced.guid, fn.guid, 'throttled-callback and callback should have the same .guid' );
|
||||
|
||||
exec_many_times( function(){
|
||||
start_time = start_time || +new Date();
|
||||
i++;
|
||||
debounced.call();
|
||||
}, function( callback ){
|
||||
var len = arr.length,
|
||||
done_time = +new Date();
|
||||
|
||||
setTimeout(function(){
|
||||
//console.log( arr[0] - done_time );
|
||||
equals( arr.length, 1, 'callback was executed once' );
|
||||
ok( arr[0] >= done_time, 'callback should be executed after the finish' );
|
||||
|
||||
start_time = null;
|
||||
arr = [];
|
||||
i = 0;
|
||||
|
||||
callback ? callback() : start();
|
||||
|
||||
}, delay * 2);
|
||||
})
|
||||
});
|
||||
|
||||
test( 'delay, false, callback', function() {
|
||||
expect( 5 );
|
||||
stop();
|
||||
|
||||
var start_time,
|
||||
i = 0,
|
||||
arr = [],
|
||||
fn = function(){
|
||||
arr.push( +new Date() )
|
||||
},
|
||||
debounced = debounce( delay, false, fn );
|
||||
|
||||
equals( debounced.guid, fn.guid, 'throttled-callback and callback should have the same .guid' );
|
||||
|
||||
exec_many_times( function(){
|
||||
start_time = start_time || +new Date();
|
||||
i++;
|
||||
debounced.call();
|
||||
}, function( callback ){
|
||||
var len = arr.length,
|
||||
done_time = +new Date();
|
||||
|
||||
setTimeout(function(){
|
||||
//console.log( arr[0] - done_time );
|
||||
equals( arr.length, 1, 'callback was executed once' );
|
||||
ok( arr[0] >= done_time, 'callback should be executed after the finish' );
|
||||
|
||||
start_time = null;
|
||||
arr = [];
|
||||
i = 0;
|
||||
|
||||
callback ? callback() : start();
|
||||
|
||||
}, delay * 2);
|
||||
})
|
||||
});
|
||||
|
||||
test( 'delay, true, callback', function() {
|
||||
expect( 5 );
|
||||
stop();
|
||||
|
||||
var start_time,
|
||||
i = 0,
|
||||
arr = [],
|
||||
fn = function(){
|
||||
arr.push( +new Date() )
|
||||
},
|
||||
debounced = debounce( delay, true, fn );
|
||||
|
||||
equals( debounced.guid, fn.guid, 'throttled-callback and callback should have the same .guid' );
|
||||
|
||||
exec_many_times( function(){
|
||||
start_time = start_time || +new Date();
|
||||
i++;
|
||||
debounced.call();
|
||||
}, function( callback ){
|
||||
var len = arr.length;
|
||||
|
||||
setTimeout(function(){
|
||||
//console.log( arr[0] - start_time );
|
||||
equals( arr.length, 1, 'callback was executed once' );
|
||||
ok( arr[0] - start_time <= 5, 'callback should be executed at the start' );
|
||||
|
||||
start_time = null;
|
||||
arr = [];
|
||||
i = 0;
|
||||
|
||||
callback ? callback() : start();
|
||||
|
||||
}, delay * 2);
|
||||
})
|
||||
});
|
||||
Reference in New Issue
Block a user