<!doctype html>
<html>
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
</head>
<body>
<div id="log"></div>
<script type="text/javascript">
var xhr;
var payload = "data";
var expectedLength = payload.length;
function verifyProgressEvent(eventName, e, expected)
{
assert_true(e.lengthComputable);
assert_equals(e.loaded, expected, "Expected 'loaded' value of '" + eventName + "' event.");
assert_equals(e.total, expected, "Expected 'total' value of '" + eventName + "' event.");
}
function loadHandler(e)
{
assert_true(e instanceof ProgressEvent);
verifyProgressEvent("onload", e, expectedLength);
testUploadLoadEvent.done();
}
var testUploadLoadEvent = async_test("Check that upload 'load' events are delivered and have expected values.");
testUploadLoadEvent.step(function () {
xhr = new XMLHttpRequest();
xhr.upload.onload = testUploadLoadEvent.step_func(loadHandler);
xhr.open("POST", "resources/post-echo.php", true);
xhr.send(payload);
});
</script>
</body>
</html>