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

[mocks] make location.onhashchange debounced async

Browse source
This commit is contained in:
Pierre-Yves Gerardy 2017-04-01 16:48:22 +02:00
parent cc5d7c4270
commit d0ee256390
2 changed files with 129 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

19
test-utils/pushStateMock.js
View file

@ -1,6 +1,18 @@
"use strict" "use strict"
var parseURL = require("../test-utils/parseURL") var parseURL = require("../test-utils/parseURL")
var callAsync = require("../test-utils/callAsync.js")
function debouncedAsync(f) {
var ref
return function() {
if (ref != null) return
ref = callAsync(function(){
ref = null
f()
})
}
}
module.exports = function(options) { module.exports = function(options) {
if (options == null) options = {} if (options == null) options = {}
@ -29,7 +41,9 @@ module.exports = function(options) {
if (data.search != null && data.search !== search) search = data.search, isNew = true if (data.search != null && data.search !== search) search = data.search, isNew = true
if (data.hash != null && data.hash !== hash) { if (data.hash != null && data.hash !== hash) {
hash = data.hash hash = data.hash
if (!isNew) hashchange() if (!isNew) {
hashchange()
}
} }
return isNew return isNew
} }
@ -38,9 +52,10 @@ module.exports = function(options) {
if (value === "") return "" if (value === "") return ""
return (value.charAt(0) !== prefix ? prefix : "") + value return (value.charAt(0) !== prefix ? prefix : "") + value
} }
function hashchange() { function _hashchange() {
if (typeof $window.onhashchange === "function") $window.onhashchange({type: "hashchange"}) if (typeof $window.onhashchange === "function") $window.onhashchange({type: "hashchange"})
} }
var hashchange = debouncedAsync(_hashchange)
function popstate() { function popstate() {
if (typeof $window.onpopstate === "function") $window.onpopstate({type: "popstate", state: $window.history.state}) if (typeof $window.onpopstate === "function") $window.onpopstate({type: "popstate", state: $window.history.state})
} }

157
test-utils/tests/test-pushStateMock.js
View file

@ -2,7 +2,7 @@
var o = require("../../ospec/ospec") var o = require("../../ospec/ospec")
var pushStateMock = require("../../test-utils/pushStateMock") var pushStateMock = require("../../test-utils/pushStateMock")
var callAsync = require("../../test-utils/callAsync")
o.spec("pushStateMock", function() { o.spec("pushStateMock", function() {
var $window var $window
@ -478,93 +478,160 @@ o.spec("pushStateMock", function() {
}) })
}) })
o.spec("onhashchance", function() { o.spec("onhashchance", function() {
o("onhashchange triggers on location.href change", function() { o("onhashchange triggers on location.href change", function(done) {
$window.onhashchange = o.spy() $window.onhashchange = o.spy()
$window.location.href = "http://localhost/#a" $window.location.href = "http://localhost/#a"
o($window.onhashchange.callCount).equals(1) callAsync(function(){
o($window.onhashchange.args[0].type).equals("hashchange") o($window.onhashchange.callCount).equals(1)
o($window.onhashchange.args[0].type).equals("hashchange")
done()
})
}) })
o("onhashchange triggers on relative location.href change", function() { o("onhashchange triggers on relative location.href change", function(done) {
$window.onhashchange = o.spy() $window.onhashchange = o.spy()
$window.location.href = "#a" $window.location.href = "#a"
o($window.onhashchange.callCount).equals(1) callAsync(function(){
o($window.onhashchange.callCount).equals(1)
done()
})
}) })
o("onhashchange triggers on location.hash change", function() { o("onhashchange triggers on location.hash change", function(done) {
$window.onhashchange = o.spy() $window.onhashchange = o.spy()
$window.location.hash = "#a" $window.location.hash = "#a"
o($window.onhashchange.callCount).equals(1) callAsync(function(){
o($window.onhashchange.callCount).equals(1)
done()
})
}) })
o("onhashchange does not trigger on page change", function() { o("onhashchange does not trigger on page change", function(done) {
$window.onhashchange = o.spy() $window.onhashchange = o.spy()
$window.location.href = "http://localhost/a" $window.location.href = "http://localhost/a"
o($window.onhashchange.callCount).equals(0) callAsync(function(){
o($window.onhashchange.callCount).equals(0)
done()
})
}) })
o("onhashchange does not trigger on page change with different hash", function() { o("onhashchange does not trigger on page change with different hash", function(done) {
$window.location.href = "http://localhost/#a" $window.location.href = "http://localhost/#a"
$window.onhashchange = o.spy() callAsync(function(){
$window.location.href = "http://localhost/a#b" $window.onhashchange = o.spy()
$window.location.href = "http://localhost/a#b"
o($window.onhashchange.callCount).equals(0) callAsync(function(){
o($window.onhashchange.callCount).equals(0)
done()
})
})
}) })
o("onhashchange does not trigger on page change with same hash", function() { o("onhashchange does not trigger on page change with same hash", function(done) {
$window.location.href = "http://localhost/#b" $window.location.href = "http://localhost/#b"
$window.onhashchange = o.spy() callAsync(function(){
$window.location.href = "http://localhost/a#b" $window.onhashchange = o.spy()
$window.location.href = "http://localhost/a#b"
o($window.onhashchange.callCount).equals(0) callAsync(function(){
o($window.onhashchange.callCount).equals(0)
done()
})
})
}) })
o("onhashchange triggers on history.back()", function() { o("onhashchange triggers on history.back()", function(done) {
$window.location.href = "#a" $window.location.href = "#a"
$window.onhashchange = o.spy() callAsync(function(){
$window.history.back() $window.onhashchange = o.spy()
$window.history.back()
o($window.onhashchange.callCount).equals(1) callAsync(function(){
o($window.onhashchange.callCount).equals(1)
done()
})
})
}) })
o("onhashchange triggers on history.forward()", function() { o("onhashchange triggers on history.forward()", function(done) {
$window.location.href = "#a" $window.location.href = "#a"
$window.onhashchange = o.spy() callAsync(function(){
$window.history.back() $window.onhashchange = o.spy()
$window.history.forward() $window.history.back()
callAsync(function(){
$window.history.forward()
o($window.onhashchange.callCount).equals(2) callAsync(function(){
o($window.onhashchange.callCount).equals(2)
done()
})
})
})
}) })
o("onhashchange does not trigger on history.back() that causes page change with different hash", function() { o("onhashchange triggers once when the hash changes twice in a single tick", function(done) {
$window.location.href = "#a"
callAsync(function(){
$window.onhashchange = o.spy()
$window.history.back()
$window.history.forward()
callAsync(function(){
o($window.onhashchange.callCount).equals(1)
done()
})
})
})
o("onhashchange does not trigger on history.back() that causes page change with different hash", function(done) {
$window.location.href = "#a" $window.location.href = "#a"
$window.location.href = "a#b" $window.location.href = "a#b"
$window.onhashchange = o.spy() callAsync(function(){
$window.history.back() $window.onhashchange = o.spy()
$window.history.back()
o($window.onhashchange.callCount).equals(0) callAsync(function(){
o($window.onhashchange.callCount).equals(0)
done()
})
})
}) })
o("onhashchange does not trigger on history.back() that causes page change with same hash", function() { o("onhashchange does not trigger on history.back() that causes page change with same hash", function(done) {
$window.location.href = "#a" $window.location.href = "#a"
$window.location.href = "a#a" $window.location.href = "a#a"
$window.onhashchange = o.spy() callAsync(function(){
$window.history.back() $window.onhashchange = o.spy()
$window.history.back()
o($window.onhashchange.callCount).equals(0) callAsync(function(){
o($window.onhashchange.callCount).equals(0)
done()
})
})
}) })
o("onhashchange does not trigger on history.forward() that causes page change with different hash", function() { o("onhashchange does not trigger on history.forward() that causes page change with different hash", function(done) {
$window.location.href = "#a" $window.location.href = "#a"
$window.location.href = "a#b" $window.location.href = "a#b"
$window.onhashchange = o.spy() callAsync(function(){
$window.history.back() $window.onhashchange = o.spy()
$window.history.forward() $window.history.back()
$window.history.forward()
o($window.onhashchange.callCount).equals(0) callAsync(function(){
o($window.onhashchange.callCount).equals(0)
done()
})
})
}) })
o("onhashchange does not trigger on history.forward() that causes page change with same hash", function() { o("onhashchange does not trigger on history.forward() that causes page change with same hash", function(done) {
$window.location.href = "#a" $window.location.href = "#a"
$window.location.href = "a#b" $window.location.href = "a#b"
$window.onhashchange = o.spy() callAsync(function(){
$window.history.back() $window.onhashchange = o.spy()
$window.history.forward() $window.history.back()
$window.history.forward()
o($window.onhashchange.callCount).equals(0) callAsync(function(){
o($window.onhashchange.callCount).equals(0)
done()
})
})
}) })
}) })
o.spec("onunload", function() { o.spec("onunload", function() {