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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
<!DOCTYPE html>
<html>
<head>
<title>HTML: Document.prototype.currentScript</title>
<meta name="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org">
<meta name="assert" content="If the script element is in a document, then set the script element's node document's currentScript attribute to the script element.">
<link rel="help" href="https://html.spec.whatwg.org/multipage/scripting.html#execute-the-script-block">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id="log"></div>
<script id="outerScriptElement">
var outerScriptElement = document.currentScript;
function testInlineScript(mode)
{
test(function () {
var host = document.createElement('div');
var shadowRoot = host.attachShadow({mode: mode});
var scriptElement = document.createElement('script');
scriptElement.textContent = 'assert_equals(document.currentScript, null)';
shadowRoot.appendChild(scriptElement);
assert_equals(document.currentScript, outerScriptElement,
'document.currentScript must be set to the currently excusing script element in a document tree before executing a script in a shadow tree');
document.body.appendChild(host);
assert_equals(document.currentScript, outerScriptElement,
'document.currentScript must be set to the currently excusing script element in a document tree after executing a script in a shadow tree');
}, 'document.currentScript must not to be set to a script element in a shadow tree in ' + mode + ' mode');
}
testInlineScript('open');
testInlineScript('closed');
var executeExternalScript = null;
var testedScriptElement = null;
function executeNextTest()
{
var testCase = asyncScriptTests.shift();
var mode = testCase.mode;
if (!testCase)
return;
testCase.test.step(function () {
testedScriptElement = document.createElement('script');
testedScriptElement.src = 'resources/Document-prototype-currentScript-helper.js';
if (mode !== null) {
var host = document.createElement('div');
var shadowRoot = host.attachShadow({mode: mode});
shadowRoot.appendChild(testedScriptElement);
document.body.appendChild(host);
} else {
document.body.appendChild(testedScriptElement);
}
if (testCase.remove)
testedScriptElement.parentNode.removeChild(testedScriptElement);
});
executeExternalScript = function () {
testCase.test.step(function () {
assert_equals(document.currentScript, testCase.expected());
});
testCase.test.done();
setTimeout(executeNextTest, 1);
}
}
var asyncScriptTests = [
{
test: async_test('document.currentScript must be set to a script element that loads an external script in a document tree'),
mode: null, remove: false, expected: function () { return testedScriptElement; }},
{
test: async_test('document.currentScript must be set to a script element that loads an external script in a document tree'),
mode: null, remove: true, expected: function () { return testedScriptElement; }},
{
test: async_test('document.currentScript must not be set to a script element that loads an external script in an open shadow tree'),
mode: 'open', remove: false, expected: function () { return null; }},
{
test: async_test('document.currentScript must not be set to a script element that loads an external script in a closed shadow tree'),
mode: 'closed', remove: false, expected: function () { return null; }},
{
test: async_test('document.currentScript must be set to a script element that loads an external script that was in an open shadow tree and then removed'),
mode: 'open', remove: true, expected: function () { return testedScriptElement; }},
{
test: async_test('document.currentScript must be set to a script element that loads an external script that was in a closed shadow tree and then removed'),
mode: 'closed', remove: true, expected: function () { return testedScriptElement; }},
];
executeNextTest();
</script>
</body>
</html>
|
