1 files changed, 61 insertions, 0 deletions
diff --git a/testing/web-platform/tests/xhr/response-json.htm b/testing/web-platform/tests/xhr/response-json.htm
new file mode 100644
index 0000000000..a694d7fc61
--- /dev/null
+++ b/testing/web-platform/tests/xhr/response-json.htm
@@ -0,0 +1,61 @@
+<!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>