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

Move public APIs into their own folder

Browse source 
And start writing actual tests for them
This commit is contained in:
Pat Cavit 2016-05-18 17:18:52 -07:00
parent 724361af6a
commit 960812308c
9 changed files with 192 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

0
limiter.js → api/limiter.js
View file

2
mount.js → api/mount.js
View file

@ -1,4 +1,4 @@
var createRenderer = require("./render/render")
var createRenderer = require("../render/render")
var limiter = require("./limiter");
module.exports = function($window, redraw) {

4
router.js → api/router.js
View file

@ -1,5 +1,5 @@
var createRenderer = require("./render/render")
var createRouter = require("./router/router")
var createRenderer = require("../render/render")
var createRouter = require("../router/router")
var limiter = require("./limiter")
module.exports = function($window, redraw) {

12
api/tests/async.js Normal file
View file

@ -0,0 +1,12 @@
module.exports = {
setTimeout : function($window) {
$window.setTimeout = window.setTimeout;
$window.clearTimeout = window.clearTimeout;
},
requestAnimationFrame : function($window) {
$window.requestAnimationFrame = window.requestAnimationFrame;
$window.cancelAnimationFrame = window.cancelAnimationFrame;
}
}

31
api/tests/index.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script src="../../module/module.js"></script>
<script src="../../ospec/ospec.js"></script>
<script src="../../test-utils/callAsync.js"></script>
<script src="../../test-utils/domMock.js"></script>
<script src="../../render/node.js"></script>
<script src="../../render/trust.js"></script>
<script src="../../render/hyperscript.js"></script>
<script src="../../render/render.js"></script>
<script src="../../querystring/build.js"></script>
<script src="../../querystring/parse.js"></script>
<script src="../../request/request.js"></script>
<script src="../../router/router.js"></script>
<script src="../limiter.js"></script>
<script src="../mount.js"></script>
<script src="../router.js"></script>
<script src="./async.js"></script>
<script src="./test-limiter.js"></script>
<script src="./test-mount.js"></script>
<script>require("../../ospec/ospec").run()</script>
</body>
</html>

29
api/tests/test-limiter.js Normal file
View file

@ -0,0 +1,29 @@
"use strict"
var o = require("../../ospec/ospec")
var domMock = require("../../test-utils/domMock")
var async = require("./async")
var limiter = require("../limiter")
o.spec("fps limiter", function() {
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")
})
})
})
})

114
api/tests/test-mount.js Normal file
View file

@ -0,0 +1,114 @@
"use strict"
var o = require("../../ospec/ospec")
var domMock = require("../../test-utils/domMock")
var async = require("./async")
var m = require("../../render/hyperscript")
var createMounter = require("../mount")
o.spec("m.mount", function() {
var $window, root
o.beforeEach(function() {
$window = domMock()
async.setTimeout($window)
root = $window.document.body
})
o("is a function", function() {
o(typeof createMounter).equals("function")
})
o("returns a function after invocation", function() {
o(typeof createMounter()).equals("function")
})
o("updates passed in redraw object", function() {
var redraw = {}
var mount = createMounter($window, redraw)
mount(root, {
view : function() {
return m("div")
}
})
o(typeof redraw.run).equals("function")
})
o("renders into `root`", function() {
var mount = createMounter($window, {})
mount(root, {
view : function() {
return m("div")
}
})
o(root.firstChild.nodeName).equals("DIV")
})
o("redraws on redraw.run()", function(done) {
var onupdate = o.spy()
var oninit = o.spy()
var redraw = {}
var mount = createMounter($window, redraw)
mount(root, {
view : function() {
return m("div", {
oninit : oninit,
onupdate : onupdate
})
}
})
o(oninit.callCount).equals(1)
redraw.run()
// Wrapped to give time for the rate-limited redraw to fire
setTimeout(function() {
o(onupdate.callCount).equals(1)
done()
}, 20)
})
o("redraws on events", function(done, timeout) {
var onupdate = o.spy()
var oninit = o.spy()
var onclick = o.spy()
var mount = createMounter($window, {})
var e = $window.document.createEvent("MouseEvents")
e.initEvent("click", true, true)
mount(root, {
view : function() {
return m("div", {
oninit : oninit,
onupdate : onupdate,
onclick : onclick,
})
}
})
root.firstChild.dispatchEvent(e)
o(oninit.callCount).equals(1)
o(onclick.callCount).equals(1)
o(onclick.this).equals(root.firstChild)
o(onclick.args[0].type).equals("click")
o(onclick.args[0].target).equals(root.firstChild)
// Wrapped to give time for the rate-limited redraw to fire
setTimeout(function() {
o(onupdate.callCount).equals(1)
done()
}, 20)
})
})

4
index.js
View file

@ -2,8 +2,8 @@
var m = require("./render/hyperscript")
var trust = require("./render/trust")
var createMounter = require("./mount")
var createRouterInstance = require("./router")
var createMounter = require("./api/mount")
var createRouterInstance = require("./api/router")
var createRequester = require("./request/request")
var redraw = {run: function() {}}