<html>
<body>
<p>Test EventSource reconnect after end of event stream. Should print a series of PASS messages followed by DONE.</p>
<div id="result"></div>
<script>
function log(msg) {
    document.getElementById("result").innerHTML += msg + "<br>";
}

var stateNames = ["CONNECTING", "OPEN", "CLOSED"];
for (var i in stateNames)
    eval("var " + stateNames[i] + " = " + i);
var retryTimeout;

function checkReadyState(es, desiredState) {
    var currState = es.readyState;
    if (currState == desiredState)
        log("PASS: state is " + stateNames[desiredState]);
    else
        log("FAIL: bad state (" + stateNames[currState] + ", should be " + stateNames[desiredState] + ")");
}

if (window.testRunner) {
    testRunner.dumpAsText();
    testRunner.waitUntilDone();
}

var errCount = 0;
var es = new EventSource("resources/reconnect.php");

checkReadyState(es, CONNECTING);

es.onopen = function (evt) {
    checkReadyState(es, OPEN);
};

es.onmessage = function (evt) {
    if (!errCount) {
        if (evt.lastEventId == "77")
            log("PASS: got lastEventId \"77\"");
        else
            log("FAIL: unexpected lastEventId \"" + evt.lastEventId + "\"");
    } else {
        if (evt.data != "77")
            log("FAIL: Last-Event-ID header was incorrect/missing");
        else if (evt.lastEventId != "77")
            log("FAIL: the lastEventId property was incorrect");
        else
            log("PASS: Last-Event-ID header and the lastEventId property were correct");
    }
};

es.onerror = function () {
    errCount++;
    if (errCount < 2) {
        checkReadyState(es, CONNECTING);
        retryTimeout = setTimeout(end, 1000);
        return;
    }
    clearTimeout(retryTimeout);
    retryTimeout = null;
    end();
};

function end() {
    es.close();
    if (retryTimeout)
        log("FAIL: did not reconnect in time");
    else {
        checkReadyState(es, CLOSED);
        log("DONE");
    }

    if (window.testRunner)
        testRunner.notifyDone();
}
</script>
</body>
</html>