<!doctype html>
<html>
<head>
<title>Test case for bug 40952</title>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
</head>
<body>
<p> Test case for <a href="https://bugs.webkit.org/show_bug.cgi?id=40952"> bug 40952</a>: Onloadend event is not supported in XMLHttpRequest</p>
<p> Verify that a loadend ProgressEvent is dispatched after the load ProgressEvent when an async upload request completes normally.</p>
<div id="log"></div>
<script type="text/javascript">
var xhr;
var payload = "data";
var expectedLength = payload.length;
var results = "";
var expected = " loadstart load loadend";
function verifyProgressEvent(context, e, expected)
{
assert_true(e.lengthComputable);
assert_equals(e.loaded, expected, "Expected 'loaded' value for '" + context + "' event.");
assert_equals(e.total, expected, "Expected 'total' value for '" + context + "' event.");
}
function logProgressEvent(e) {
results += " " + e.type;
}
function logUnexpectedProgressEvent(e) {
results += " [unexpected ProgressEvent: " + e.type + "]";
completeTest();
}
function loadendHandler(e)
{
logProgressEvent(e);
assert_true(e instanceof ProgressEvent);
verifyProgressEvent("onloadend", e, expectedLength);
completeTest();
}
function completeTest()
{
assert_equals(results, expected, "Expected load event sequence");
testUploadOnloadEndEvent.done();
}
var testUploadOnloadEndEvent = async_test("Check that upload 'loadend' events are delivered and have expected values.");
testUploadOnloadEndEvent.step(function () {
xhr = new XMLHttpRequest();
xhr.upload.onloadstart = testUploadOnloadEndEvent.step_func(logProgressEvent);
xhr.upload.onabort = testUploadOnloadEndEvent.step_func(logUnexpectedProgressEvent);
xhr.upload.onerror = testUploadOnloadEndEvent.step_func(logUnexpectedProgressEvent);
xhr.upload.onload = testUploadOnloadEndEvent.step_func(logProgressEvent);
xhr.upload.onloadend = testUploadOnloadEndEvent.step_func(loadendHandler);
xhr.open("POST", "resources/post-echo.php", true);
xhr.send(payload);
});
</script>
</body>
</html>