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
|
||||
|
||||
[
|
||||
"#",
|
||||
"?",
|
||||
"#!",
|
||||
"?!",
|
||||
""
|
||||
].forEach(function(prefix) {
|
||||
var spec = prefix ? "prefix " + prefix : "pushstate";
|
||||
"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()
|
||||
var location = pushStateMock()
|
||||
o.spec(spec, function() {
|
||||
o.beforeEach(function() {
|
||||
var dom = domMock()
|
||||
var location = pushStateMock()
|
||||
|
||||
// Generate a DOM + Location mock
|
||||
Object.keys(location).forEach(function(key) {
|
||||
dom[key] = location[key]
|
||||
// Generate a DOM + Location mock
|
||||
Object.keys(location).forEach(function(key) {
|
||||
dom[key] = location[key]
|
||||
})
|
||||
|
||||
$window = dom
|
||||
async[timing]($window)
|
||||
root = $window.document.body
|
||||
})
|
||||
|
||||
o("is a function", function() {
|
||||
o(typeof createRouter).equals("function")
|
||||
})
|
||||
|
||||
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()
|
||||
}, 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"))
|
||||
})
|
||||
})
|
||||
|
||||
$window = dom
|
||||
async.setTimeout($window)
|
||||
root = $window.document.body
|
||||
})
|
||||
|
||||
o("is a function", function() {
|
||||
o(typeof createRouter).equals("function")
|
||||
})
|
||||
|
||||
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()
|
||||
}, 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"))
|
||||
})
|
||||
})
|
||||
})
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue