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>
<head>
<meta charset=utf-8>
<title>Modify HTMLScriptElement's text after #prepare-a-script</title>
<link rel=help href="https://html.spec.whatwg.org/multipage/scripting.html#prepare-a-script">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
var t = async_test("Modify inline script element's text " +
"after prepare-a-script before evaluation");
function changeScriptText() {
document.querySelector('#script0').textContent =
't.unreached_func("This should not be evaluated")();';
}
t.step_timeout(changeScriptText, 500);
</script>
<!-- This is "a style sheet that is blocking scripts" and thus ... -->
<link rel="stylesheet" href="/common/slow.py?pipe=trickle(d1)"></link>
<!-- This inline script becomes a parser-blocking script, and thus
the step_timeout is evaluated after script0 is inserted into DOM,
prepare-a-script'ed, but before its evaluation. -->
<script id="script0">
t.step(() => {
// When this is evaluated after the stylesheet is loaded,
// script0's textContent is modified by the async script above,
// but the evaluated script is still the original script here,
// not what is overwritten, because "child text content" is taken in
// #prepare-a-script and passed to "creating a classic script".
var s = document.getElementById('script0');
assert_equals(s.textContent,
't.unreached_func("This should not be evaluated")();',
"<script>'s textContent should be already modified");
t.done();
});
</script>
|
