<!DOCTYPE html>
<meta charset="utf-8">
<title>FileAPI Test: Creating Blob URL via XMLHttpRequest</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<link rel="author" title="JunChen Xia" href="mailto:xjconlyme@gmail.com">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

<div id="log"></div>

<script>
  async_test(function () {
    var http = new XMLHttpRequest();
    http.open("GET", "/images/blue96x96.png", true);
    http.responseType = "blob";
    http.onloadend = this.step_func(function(evt) {
      var blobURI = window.URL.createObjectURL(http.response);
      assert_true(http.response instanceof Blob, "XMLHttpRequest returns instanceof Blob");
      assert_equals(typeof blobURI, "string", "Blob URI is typeof string");
      assert_equals(blobURI.indexOf("blob"), 0, "Blob URI starts with 'blob'");
      assert_equals(http.status, 200, "The status is 200");
      assert_equals(http.statusText, "OK", "The status text is OK when XMLHttpRequest returns correct blob");
      assert_equals(http.getResponseHeader("Content-Type"), "image/png", "The content type is image/png when set the respnose blob");
      this.done();
    });
    http.send();
  });
</script>