<!DOCTYPE html>
<html>
<head>
<title>Removing an async script before execution</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta description="This test ensures that an async script still executes if it is removed from a markup before the download is complete. The other two scripts that come after it in insertion order should execute as well." />
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="https://html.spec.whatwg.org/multipage/#execute-the-script-block"/>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script type="text/javascript">
var t = async_test("Removing an async script before execution");
function timeout()
{
t.step(function(){ assert_equals(document.getElementById("testresult").innerHTML, "4123")});
t.done();
}
var timer = setTimeout(timeout, 8000);
function log(text)
{
var textNode = document.createTextNode(text);
document.getElementById("testresult").appendChild(textNode);
}
</script>
</head>
<body>
<div id=log></div>
<span id="testresult"></span>
<script type="text/javascript">
var s1 = document.createElement("script");
s1.src="log.py?sec=2&id=1";
s1.async = false;
document.body.appendChild(s1);
var s2 = document.createElement("script");
s2.src="log.py?sec=1&id=2";
s2.async = false;
document.body.appendChild(s2);
var s3 = document.createElement("script");
s3.id = "s3";
s3.src="log.py?sec=0&id=3";
s3.async = false;
document.body.appendChild(s3);
//Remove s1 (Should still execute)
document.body.removeChild(s1);
</script>
<script type="text/javascript">log('4');</script>
</body>
</html>