d6bf21ed22
* Fix bug when checking if elements were parsed already
parse-element.js checks if the element was already parsed by
checking for the `data-pjax-click-state` attribute. However, this
attribute was not added until the link is clicked.
Originally, there was a separate attribute, `data-pjax-enabled`,
which tracked if the element was parsed already, but that was
changed in 9a86044.
This commit merges the attributes for mouse clicks and key presses
into one and adds that attribute when the element is initially
parsed.
* More bug fixes
* Fix documentation for currentUrlFullReload
* Ignore lines from coverage if they can't be tested
* Refactor attach-link and attach-form
* Fix and refactors tests
* Add tests
* Add TS definitions for options.requestOptions
* Code cleanup
144 lines
3.9 KiB
JavaScript
144 lines
3.9 KiB
JavaScript
var tape = require("tape")
|
|
|
|
var on = require("../../../lib/events/on")
|
|
var trigger = require("../../../lib/events/trigger")
|
|
var attachLink = require("../../../lib/proto/attach-link")
|
|
|
|
var attr = "data-pjax-state"
|
|
|
|
tape("test attach link prototype method", function(t) {
|
|
var a = document.createElement("a")
|
|
var loadUrlCalled = false
|
|
|
|
attachLink.call({
|
|
options: {},
|
|
loadUrl: function() {
|
|
loadUrlCalled = true
|
|
}
|
|
}, a)
|
|
|
|
var internalUri = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search
|
|
|
|
a.href = internalUri
|
|
trigger(a, "click", {metaKey: true})
|
|
t.equal(a.getAttribute(attr), "modifier", "event key modifier stop behavior")
|
|
|
|
a.href = "http://external.com/"
|
|
trigger(a, "click")
|
|
t.equal(a.getAttribute(attr), "external", "external url stop behavior")
|
|
|
|
window.location.hash = "#anchor"
|
|
a.href = internalUri + "#anchor"
|
|
trigger(a, "click")
|
|
t.equal(a.getAttribute(attr), "anchor", "internal anchor stop behavior")
|
|
|
|
a.href = internalUri + "#another-anchor"
|
|
trigger(a, "click")
|
|
t.equal(a.getAttribute(attr), "anchor", "different anchors stop behavior")
|
|
window.location.hash = ""
|
|
|
|
a.href = internalUri + "#"
|
|
trigger(a, "click")
|
|
t.equal(a.getAttribute(attr), "anchor-empty", "empty anchor stop behavior")
|
|
|
|
a.href = window.location.protocol + "//" + window.location.host + "/internal"
|
|
trigger(a, "click")
|
|
t.equals(a.getAttribute(attr), "load", "triggering an internal link sets the state attribute to 'load'")
|
|
t.equals(loadUrlCalled, true, "triggering an internal link actually loads the page")
|
|
|
|
t.end()
|
|
})
|
|
|
|
tape("test attach link preventDefaulted events", function(t) {
|
|
var loadUrlCalled = false
|
|
var a = document.createElement("a")
|
|
|
|
// This needs to be before the call to attachLink()
|
|
on(a, "click", function(event) {
|
|
event.preventDefault()
|
|
})
|
|
|
|
attachLink.call({
|
|
options: {},
|
|
loadUrl: function() {
|
|
loadUrlCalled = true
|
|
}
|
|
}, a)
|
|
|
|
a.href = "#"
|
|
trigger(a, "click")
|
|
t.equal(loadUrlCalled, false, "events that are preventDefaulted should not fire callback")
|
|
|
|
t.end()
|
|
})
|
|
|
|
tape("test options are not modified by attachLink", function(t) {
|
|
var a = document.createElement("a")
|
|
var options = {foo: "bar"}
|
|
var loadUrl = function() {}
|
|
|
|
attachLink.call({options: options, loadUrl: loadUrl}, a)
|
|
|
|
a.href = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search
|
|
|
|
trigger(a, "click")
|
|
|
|
t.equal(1, Object.keys(options).length, "options object that is passed in should not be modified")
|
|
t.equal("bar", options.foo, "options object that is passed in should not be modified")
|
|
|
|
t.end()
|
|
})
|
|
|
|
tape("test link triggered by keyboard", function(t) {
|
|
var a = document.createElement("a")
|
|
var pjax = {
|
|
options: {},
|
|
loadUrl: function() {
|
|
t.equal(a.getAttribute(attr), "load", "triggering a internal link actually loads the page")
|
|
}
|
|
}
|
|
|
|
t.plan(3)
|
|
|
|
attachLink.call(pjax, a)
|
|
|
|
a.href = window.location.protocol + "//" + window.location.host + "/internal"
|
|
|
|
trigger(a, "keyup", {keyCode: 14})
|
|
t.equal(a.getAttribute(attr), "", "keycode other than 13 doesn't trigger anything")
|
|
|
|
trigger(a, "keyup", {keyCode: 13, metaKey: true})
|
|
t.equal(a.getAttribute(attr), "modifier", "event key modifier stop behavior")
|
|
|
|
trigger(a, "keyup", {keyCode: 13})
|
|
// see loadUrl defined above
|
|
|
|
t.end()
|
|
})
|
|
|
|
tape("test link with the same URL as the current one, when currentUrlFullReload set to true", function(t) {
|
|
var a = document.createElement("a")
|
|
var pjax = {
|
|
options: {
|
|
currentUrlFullReload: true
|
|
},
|
|
reload: function() {
|
|
t.pass("this.reload() was called correctly")
|
|
},
|
|
loadUrl: function() {
|
|
t.fail("loadUrl() was called wrongly")
|
|
}
|
|
}
|
|
|
|
t.plan(2)
|
|
|
|
attachLink.call(pjax, a)
|
|
|
|
a.href = window.location.href
|
|
|
|
trigger(a, "click")
|
|
t.equal(a.getAttribute(attr), "reload", "reload stop behavior")
|
|
|
|
t.end()
|
|
})
|