<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=503481
-->
<head>
  <title>Test for Bug 503481</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body onload="done();">

<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=503481"
   target="_blank" >Mozilla Bug 503481</a>

<p id="display"></p>

<script>
SimpleTest.waitForExplicitFinish();
function done() {
  is(firstRan, true, "first has run");
  is(secondRan, true, "second has run");
  is(thirdRan, true, "third has run");
  SimpleTest.finish();
}
var reqs = [];
function unblock(s) {
  xhr = new XMLHttpRequest();
  xhr.open("GET", "file_bug503481.sjs?unblock=" + s);
  xhr.send();
  reqs.push(xhr);
}
var firstRan = false, secondRan = false, thirdRan = false;
function runFirst() { firstRan = true; }
function runSecond() {
  is(thirdRan, true, "should have run third already");
  secondRan = true;
}
function runThird() {
  is(secondRan, false, "shouldn't have unblocked second yet");
  thirdRan = true;
  unblock("B");
}
</script>
<script id=firstScript async src="file_bug503481.sjs?blockOn=A&body=runFirst();"></script>
<script id=firstScriptHelper>
is(document.getElementById("firstScript").async, true,
   "async set");
is(document.getElementById("firstScriptHelper").async, false,
   "async not set");
document.getElementById("firstScript").async = false;
is(document.getElementById("firstScript").async, false,
   "async no longer set");
is(document.getElementById("firstScript").hasAttribute("async"), false,
   "async attribute no longer set");
is(firstRan, false, "First async script shouldn't have run");
unblock("A");
</script>

<script async src="file_bug503481.sjs?blockOn=B&body=runSecond();"></script>
<script async src="file_bug503481.sjs?blockOn=C&body=runThird();"></script>
<script>
is(secondRan, false, "Second async script shouldn't have run");
is(thirdRan, false, "Third async script shouldn't have run");
unblock("C");
</script>

</body>
</html>
