vndb/mithril-vndb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add forcing support and improve tests

Browse source 
Also verify that we're using tabs, whee.
This commit is contained in:
Pat Cavit 2016-05-18 23:08:35 -07:00 • committed by Pat Cavit
parent 86ce23a2bd
commit 0cf509f674
3 changed files with 104 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

15
api/limiter.js
View file

@ -5,22 +5,23 @@ module.exports = function($window, render) {
var cAF = $window.cancelAnimationFrame || $window.clearTimeout
var last = 0
var pending
var pending = null
return function() {
return function(force) {
var now = new Date()
// First render, OR if the time since the last render is greater
// than the frame budget
// just immediately render
if(!last || now - last > FRAME_BUDGET) {
// Immediately render if:
// Forced
// Haven't rendered yet
// Time since the last render is greater than the frame budget
if(force || !last || now - last > FRAME_BUDGET) {
last = now;
return render()
}
// Redraw already pending, abort
if(pending) {
if(pending !== null) {
return
}

42
api/tests/async.js
View file

@ -1,12 +1,46 @@
var _fns = []
var _last = 0
var _frame = 1000 / 60
module.exports = {
setTimeout : function($window) {
$window.setTimeout = window.setTimeout;
$window.clearTimeout = window.clearTimeout;
$window.setTimeout = typeof window === "object" ? window.setTimeout : global.setTimeout;
$window.clearTimeout = typeof window === "object" ? window.clearTimeout : global.setTimeout;
},
requestAnimationFrame : function($window) {
$window.requestAnimationFrame = window.requestAnimationFrame;
$window.cancelAnimationFrame = window.cancelAnimationFrame;
// Modified version of https://github.com/chrisdickinson/raf
// Copyright chrisdickinson I guess?
$window.requestAnimationFrame = typeof window === "object" ? window.requestAnimationFrame : function(fn) {
if(!_fns.length) {
var now = Date.now()
var next = Math.max(0, _frame - (now - _last))
_last = next + now
setTimeout(function() {
var fns = _fns.slice()
_fns = []
for(var i = 0; i < fns.length; i++) {
if(typeof fns[i] !== "function") {
continue
}
fns[i](_last)
}
}, Math.round(next))
}
_fns.push(fn)
return _fns.length - 1;
}
$window.cancelAnimationFrame = typeof window === "object" ? window.cancelAnimationFrame : function(handle) {
_fns[handle] = null
};
}
}

76
api/tests/test-limiter.js
View file

@ -7,23 +7,63 @@ var async = require("./async")
var limiter = require("../limiter")
o.spec("fps limiter", function() {
var $window, root
var $window, root
[ "setTimeout", "requestAnimationFrame" ].forEach(function(type) {
o.spec(type, function() {
o.beforeEach(function() {
$window = domMock()
async[type]($window)
})
o("is a function", function() {
o(typeof limiter).equals("function")
})
o("it returns a function", function() {
o(typeof limiter(false)).equals("function")
})
})
})
[
"setTimeout",
"requestAnimationFrame",
].forEach(function(type) {
o.spec(type, function() {
o.beforeEach(function() {
$window = domMock()
async[type]($window)
})
o("is a function", function() {
o(typeof limiter).equals("function")
})
o("it returns a function", function() {
o(typeof limiter($window, false)).equals("function")
})
o("it runs synchronously the first time", function() {
var spy = o.spy()
var run = limiter($window, spy)
run()
o(spy.callCount).equals(1)
})
o("it only runs once per tick", function(done) {
var spy = o.spy()
var run = limiter($window, spy)
run()
run()
run()
o(spy.callCount).equals(1)
setTimeout(function() {
o(spy.callCount).equals(2)
done()
}, 17)
})
o("it supports forcing a synchronous redraw", function() {
var spy = o.spy()
var run = limiter($window, spy)
run()
run()
run(true)
o(spy.callCount).equals(2)
})
})
})
})