<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<script src="../../js-test-resources/js-test-pre.js"></script>
</head>
<body onload="test()">
This tests for proper execution order of module scripts with the async attribute.<hr>
<div id="console"></div>
<script type="text/javascript">
var jsTestIsAsync = true;
var log = [];

function debug(msg)
{
    log.push(msg);
}

document.addEventListener("DOMContentLoaded", function() {
    debug('DOMContentLoaded');
}, false);

function test()
{
    var expectedOrderings = [
        [ "async", "external", "inline", "DOMContentLoaded", "slowAsync" ],
        [ "external", "async", "inline", "DOMContentLoaded", "slowAsync" ],
        [ "external", "inline", "async", "DOMContentLoaded", "slowAsync" ],
        [ "external", "inline", "DOMContentLoaded", "async", "slowAsync" ],
    ];
    var results = "PASS";
    if (!expectedOrderings.find((expected) => JSON.stringify(expected) == JSON.stringify(log)))
        results = `FAIL: Expected one of ${JSON.stringify(expectedOrderings)}, Actual=${JSON.stringify(logs)}`;
    document.getElementById("console").innerHTML = results;
    finishJSTest();
}

</script>
<script type="module" src="http://127.0.0.1:8000/misc/resources/slow-async-script.cgi" async="ASYNC"></script>
<script type="module" src="http://127.0.0.1:8000/misc/resources/async-script.js" async="ASYNC"></script>
<script src="http://127.0.0.1:8000/misc/resources/external-script.js"></script>
<script>
debug("inline");
</script>
<script src="../../js-test-resources/js-test-post.js"></script>
</body>
</html>