1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<!doctype html>
<title>Async Script Execution Order</title>
<html>
<head>
<meta charset="utf-8">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/helper.js"></script>
</head>
<body>
<script>
setup({single_test: true});
function finish() {
assert_array_equals(
window.result,
["Inline1", "Sync1", "Async1", "Sync2", "EndOfBody",
"DOMContentLoaded"],
"Execution order");
// Chromium's force-defer order would be:
// ["EndOfBody", "Inline1", "Sync1", "Sync2",
// "DOMContentLoaded", "Async1"]
//
// If we delay async script e.g. after DOMContentLoaded,
// the order would be:
// ["Inline1", "Sync1", "Sync2", "EndOfBody",
// "DOMContentLoaded", "Async1"]
done();
}
logScript("Inline1");
window.addEventListener("load", finish);
</script>
<script src="resources/sync-script-1.js"></script>
<!-- To test the async script loaded before force-deferred scripts
should be evaluated after the force-deferred scripts
in Chromium's force-defer order. -->
<script src="resources/async-script-1.js?pipe=trickle(d1)" async></script>
<script src="resources/sync-script-2.js?pipe=trickle(d2)"></script>
<pre id="bodyend">End</pre>
</body>
</html>
|
