var tape = require("tape")

var switchesSelectors = require("../../lib/switches-selectors.js")

// @author darylteo
tape("test switchesSelectors", function(t) {
  // switchesSelectors relies on a higher level function callback
  // should really be passed in instead so I'll leave it here as a TODO:
  var pjax = {
    onSwitch: function() {
      console.log("Switched")
    }
  }

  var tmpEl = document.implementation.createHTMLDocument()

  // a div container is used because swapping the containers
  // will generate a new element, so things get weird
  // using "body" generates a lot of testling cruft that I don't
  // want so let's avoid that
  var container = document.createElement("div")
  container.innerHTML = "<p>Original Text</p><span>No Change</span>"
  document.body.appendChild(container)

  var container2 = tmpEl.createElement("div")
  container2.innerHTML = "<p>New Text</p><span>New Span</span>"
  tmpEl.body.appendChild(container2)

  switchesSelectors.bind(pjax)(
    {}, // switches
    {}, // switchesOptions
    ["p"], // selectors,
    tmpEl, // fromEl
    document, // toEl,
    {} // options
  )

  t.equals(container.innerHTML, "<p>New Text</p><span>No Change</span>", "Elements correctly switched")

  t.end()
})