Test both async types when using router
This commit is contained in:
Pat Cavit
parent
37b0ce20c5
commit
749ff74bea
1 changed files with 167 additions and 160 deletions
|
|
@ -12,170 +12,177 @@ o.spec("m.route", function() {
|
||||||
var $window, root, router
|
var $window, root, router
|
||||||
|
|
||||||
[
|
[
|
||||||
"#",
|
"setTimeout",
|
||||||
"?",
|
"requestAnimationFrame"
|
||||||
"#!",
|
].forEach(function(timing) {
|
||||||
"?!",
|
o.spec(timing, function() {
|
||||||
""
|
[
|
||||||
].forEach(function(prefix) {
|
"#",
|
||||||
var spec = prefix ? "prefix " + prefix : "pushstate";
|
"?",
|
||||||
|
"#!",
|
||||||
o.spec(spec, function() {
|
"?!",
|
||||||
o.beforeEach(function() {
|
""
|
||||||
var dom = domMock()
|
].forEach(function(prefix) {
|
||||||
var location = pushStateMock()
|
var spec = prefix ? "prefix " + prefix : "pushstate";
|
||||||
|
|
||||||
// Generate a DOM + Location mock
|
o.spec(spec, function() {
|
||||||
Object.keys(location).forEach(function(key) {
|
o.beforeEach(function() {
|
||||||
dom[key] = location[key]
|
var dom = domMock()
|
||||||
})
|
var location = pushStateMock()
|
||||||
|
|
||||||
$window = dom
|
// Generate a DOM + Location mock
|
||||||
async.setTimeout($window)
|
Object.keys(location).forEach(function(key) {
|
||||||
root = $window.document.body
|
dom[key] = location[key]
|
||||||
})
|
})
|
||||||
|
|
||||||
o("is a function", function() {
|
$window = dom
|
||||||
o(typeof createRouter).equals("function")
|
async[timing]($window)
|
||||||
})
|
root = $window.document.body
|
||||||
|
})
|
||||||
o("returns a function after invocation", function() {
|
|
||||||
o(typeof createRouter($window)).equals("function")
|
|
||||||
})
|
|
||||||
|
|
||||||
o("updates passed in redraw object", function() {
|
|
||||||
var redraw = {}
|
|
||||||
var router = createRouter($window, redraw)
|
|
||||||
|
|
||||||
router.prefix(prefix)
|
|
||||||
|
|
||||||
router(root, "/", {
|
|
||||||
"/" : {
|
|
||||||
view: function() {
|
|
||||||
return m("div")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
o(typeof redraw.run).equals("function")
|
|
||||||
})
|
|
||||||
|
|
||||||
o("renders into `root`", function() {
|
|
||||||
var router = createRouter($window, {})
|
|
||||||
|
|
||||||
router.prefix(prefix)
|
|
||||||
|
|
||||||
router(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 router = createRouter($window, redraw)
|
|
||||||
|
|
||||||
router.prefix(prefix)
|
|
||||||
|
|
||||||
router(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()
|
o("is a function", function() {
|
||||||
}, 20)
|
o(typeof createRouter).equals("function")
|
||||||
})
|
})
|
||||||
|
|
||||||
o("redraws on events", function(done, timeout) {
|
|
||||||
var onupdate = o.spy()
|
|
||||||
var oninit = o.spy()
|
|
||||||
var onclick = o.spy()
|
|
||||||
var router = createRouter($window, {})
|
|
||||||
var e = $window.document.createEvent("MouseEvents")
|
|
||||||
|
|
||||||
e.initEvent("click", true, true)
|
|
||||||
|
|
||||||
router.prefix(prefix)
|
|
||||||
|
|
||||||
router(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()
|
o("returns a function after invocation", function() {
|
||||||
}, 20)
|
o(typeof createRouter($window)).equals("function")
|
||||||
})
|
})
|
||||||
|
|
||||||
o("changes location on route.link", function() {
|
o("updates passed in redraw object", function() {
|
||||||
var router = createRouter($window, {})
|
var redraw = {}
|
||||||
var e = $window.document.createEvent("MouseEvents")
|
var router = createRouter($window, redraw)
|
||||||
|
|
||||||
e.initEvent("click", true, true)
|
router.prefix(prefix)
|
||||||
|
|
||||||
router.prefix(prefix)
|
router(root, "/", {
|
||||||
|
"/" : {
|
||||||
router(root, "/", {
|
view: function() {
|
||||||
"/" : {
|
return m("div")
|
||||||
view: function() {
|
}
|
||||||
return m("a", {
|
}
|
||||||
href: "/test",
|
})
|
||||||
oncreate: router.link
|
|
||||||
})
|
o(typeof redraw.run).equals("function")
|
||||||
}
|
})
|
||||||
},
|
|
||||||
"/test" : {
|
o("renders into `root`", function() {
|
||||||
view : function() {
|
var router = createRouter($window, {})
|
||||||
return m("div")
|
|
||||||
}
|
router.prefix(prefix)
|
||||||
}
|
|
||||||
|
router(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 router = createRouter($window, redraw)
|
||||||
|
|
||||||
|
router.prefix(prefix)
|
||||||
|
|
||||||
|
router(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 router = createRouter($window, {})
|
||||||
|
var e = $window.document.createEvent("MouseEvents")
|
||||||
|
|
||||||
|
e.initEvent("click", true, true)
|
||||||
|
|
||||||
|
router.prefix(prefix)
|
||||||
|
|
||||||
|
router(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)
|
||||||
|
})
|
||||||
|
|
||||||
|
o("changes location on route.link", function() {
|
||||||
|
var router = createRouter($window, {})
|
||||||
|
var e = $window.document.createEvent("MouseEvents")
|
||||||
|
|
||||||
|
e.initEvent("click", true, true)
|
||||||
|
|
||||||
|
router.prefix(prefix)
|
||||||
|
|
||||||
|
router(root, "/", {
|
||||||
|
"/" : {
|
||||||
|
view: function() {
|
||||||
|
return m("a", {
|
||||||
|
href: "/test",
|
||||||
|
oncreate: router.link
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"/test" : {
|
||||||
|
view : function() {
|
||||||
|
return m("div")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
o($window.location.href).equals("http://localhost/" + (prefix ? prefix + "/" : ""))
|
||||||
|
|
||||||
|
root.firstChild.dispatchEvent(e)
|
||||||
|
|
||||||
|
o($window.location.href).equals("http://localhost/" + (prefix ? prefix + "/test" : "test"))
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
o($window.location.href).equals("http://localhost/" + (prefix ? prefix + "/" : ""))
|
|
||||||
|
|
||||||
root.firstChild.dispatchEvent(e)
|
|
||||||
|
|
||||||
o($window.location.href).equals("http://localhost/" + (prefix ? prefix + "/test" : "test"))
|
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue