<!DOCTYPE html>
<meta charset=utf-8>
<title>Process Events for FileReader</title>
<link rel=help href="http://dev.w3.org/2006/webapi/FileAPI/#event-handler-attributes-section">
<link rel=author title="Jinks Zhao" href="mailto:jinks@maxthon.com">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
Please choose one file through this input below.<br>
<input type="file" id="filer">
<div id="log"></div>
<script>
var input, reader, progressEventCounter, progressEventTimeList,
    lastProgressEventTime;
setup(function() {
    input = document.getElementById('filer');
    reader = new FileReader();
    progressEventCounter = 0;
    progressEventTimeList = [];
    lastProgressEventTime;
}, { explicit_timeout: true });

var t = async_test("FileReader progress events.")

reader.onprogress = t.step_func(function () {
    var newTime = new Date;
    var timeout = newTime - lastProgressEventTime;

    progressEventTimeList.push(timeout);
    lastProgressEventTime = newTime;
    progressEventCounter++;

    assert_less_than_equal(timeout, 50, "The progress event should be fired every 50ms.");
});

reader.onload = t.step_func_done(function () {
    assert_greater_than_equal(progressEventCounter, 1,
                              "When read completely, the progress event must be fired at least once.")
});

input.onchange = t.step_func(function () {
    var files = input.files;

    assert_greater_than(files.length, 0);
    var file = files[0];

    lastProgressEventTime = new Date;
    reader.readAsArrayBuffer(file);
});
</script>