pjax/tests/lib/send-request.js

var tape = require("tape")

var sendRequest = require("../../lib/send-request.js")

// Polyfill responseURL property into XMLHttpRequest if it doesn't exist,
// just for the purposes of this test
// This polyfill is not complete; it won't show the updated location if a
// redirection occurred, but it's fine for our purposes.
if (!("responseURL" in XMLHttpRequest.prototype)) {
  var nativeOpen = XMLHttpRequest.prototype.open
  XMLHttpRequest.prototype.open = function(method, url) {
    this.responseURL = url
    return nativeOpen.apply(this, arguments)
  }
}

tape("test xhr request", function(t) {
  var url = "https://httpbin.org/get"

  t.test("- request is made, gets a result, and is cache-busted", function(t) {
    var r = sendRequest(url, {cacheBust: true}, function(result) {
      t.equal(r.responseURL.indexOf("?"), url.length, "XHR URL is cache-busted when configured to be")
      try {
        result = JSON.parse(result)
      }
      catch (e) {
        t.fail("xhr doesn't get a JSON response")
      }
      t.same(typeof result, "object", "xhr request get a result")
      t.end()
    })
  })
  t.test("- request is not cache-busted when configured not to be", function(t) {
    var r = sendRequest(url, {}, function() {
      t.equal(r.responseURL, url, "XHR URL is left untouched")
      t.end()
    })
  })
  t.end()
})

tape("request headers are sent properly", function(t) {
  var url = "https://httpbin.org/headers"
  var options = {
    selectors: ["div.pjax", "div.container"]
  }

  sendRequest(url, options, function(responseText) {
    var headers = JSON.parse(responseText).headers

    t.equals(headers["X-Requested-With"], "XMLHttpRequest", "X-Requested-With header is set correctly")
    // Httpbin.org changes the case to 'X-Pjax'
    t.equals(headers["X-Pjax"], "true", "X-PJAX header is set correctly")
    t.equals(headers["X-Pjax-Selectors"], "[\"div.pjax\",\"div.container\"]", "X-PJAX-Selectors header is set correctly")

    t.end()
  })
})

tape("HTTP status codes other than 200 are handled properly", function(t) {
  var url = "https://httpbin.org/status/400"

  sendRequest(url, {}, function(responseText, request) {
    t.equals(responseText, null, "responseText is null")
    t.equals(request.status, 400, "HTTP status code is correct")

    t.end()
  })
})

tape.skip("XHR error is handled properly", function(t) {
  var url = "https://encrypted.google.com/foobar"

  sendRequest(url, {}, function(responseText) {
    t.equals(responseText, null, "responseText is null")

    t.end()
  })
})

tape("POST body data is sent properly", function(t) {
  var url = "https://httpbin.org/post"
  var params = [{
    name: "test",
    value: "1"
  }];
  var options = {
    requestOptions: {
      requestMethod: "POST",
      requestParams: params
    }
  }

  sendRequest(url, options, function(responseText) {
    var response = JSON.parse(responseText)

    t.same(response.form[params[0].name], params[0].value, "requestParams were sent properly")
    t.equals(response.headers["Content-Type"], "application/x-www-form-urlencoded", "Content-Type header was set properly")

    t.end()
  })
})

tape("GET query data is sent properly", function(t) {
  var url = "https://httpbin.org/get"
  var params = [{
    name: "test",
    value: "1"
  }];
  var options = {
    requestOptions: {
      requestParams: params
    }
  }

  sendRequest(url, options, function(responseText) {
    var response = JSON.parse(responseText)

    t.same(response.args[params[0].name], params[0].value, "requestParams were sent properly")

    t.end()
  })
})

tape("XHR timeout is handled properly", function(t) {
  var url = "https://httpbin.org/delay/5"
  var options = {
    timeout: 1000
  }

  sendRequest(url, options, function(responseText) {
    t.equals(responseText, null, "responseText is null")

    t.end()
  })
})