pjax/tests/lib/proto/attach-link.js

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()
})