<!doctype html>
<html>
  <head>
    <title>XMLHttpRequest: responseType json</title>
    <meta charset="utf-8">
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
        <link rel="help" href="https://xhr.spec.whatwg.org/#the-responsetype-attribute" data-tested-assertations="following::OL[1]/LI[4]" />
        <link rel="help" href="https://xhr.spec.whatwg.org/#the-response-attribute" data-tested-assertations="following::dt[2]/dt[4] following::dt[2]/dt[4]/following::dd[1]" />
        <link rel="help" href="https://xhr.spec.whatwg.org/#json-response-entity-body" data-tested-assertations="following::ol[1]/li[1] following::ol[1]/li[2] following::ol[1]/li[3]" />

  </head>
  <body>
    <div id="log"></div>
    <script>
      function setupXHR () {
        var client = new XMLHttpRequest()
        client.open('POST', "resources/content.py", true)
        client.responseType = 'json'
        return client
      }
      function makeTest(data, expectedResponse, description){
        var test = async_test(description)
        var xhr = setupXHR()
        assert_equals(xhr.responseType, 'json')
        xhr.onreadystatechange = function(){
            if(xhr.readyState === 4){
                test.step(function(){
                    assert_equals(xhr.status, 200)
                    assert_equals(xhr.responseType, 'json')
                    assert_equals(typeof xhr.response, 'object')
                    if(expectedResponse){ // if the expectedResponse is not null, we iterate over properties to do a deeper comparison..
                        for(var prop in expectedResponse){
                          if (expectedResponse[prop] instanceof Array) {
                            assert_array_equals(expectedResponse[prop], xhr.response[prop])
                          }else{
                            assert_equals(expectedResponse[prop], xhr.response[prop])
                          }
                        }
                    }else{
                        assert_equals(xhr.response, expectedResponse) // null comparison, basically
                    }
                    assert_equals(xhr.response, xhr.response,
                                  "Response should be cached")
                    test.done()
                })
            }
        }
        xhr.send(data)
      }
      // no data
      makeTest("", null, 'json response with no data: response property is null')
      // malformed
      makeTest('{"test":"foo"', null, 'json response with malformed data: response property is null')
      // real object
      var obj = {alpha:'a-z', integer:15003, negated:-20, b1:true, b2:false, myAr:['a', 'b', 'c', 1, 2, 3]}
      makeTest(JSON.stringify(obj), obj,  'JSON object roundtrip')
      makeTest('{"日本語":"にほんご"}', {"日本語":"にほんご"}, 'JSON roundtrip with Japanese text')
    </script>
  </body>
</html>