forked from web-platform-tests/wpt
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathupgrading.html
190 lines (156 loc) · 10.3 KB
/
upgrading.html
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html>
<head>
<title>Custom Elements: Enqueue a custom element upgrade reaction</title>
<meta name="author" title="Ryosuke Niwa" href="mailto:[email protected]">
<meta name="assert" content="Enqueue a custom element upgrade reaction must upgrade a custom element">
<link rel="help" href="https://dom.spec.whatwg.org/#concept-create-element">
<link rel="help" href="https://html.spec.whatwg.org/multipage/scripting.html#concept-try-upgrade">
<link rel="help" href="https://html.spec.whatwg.org/multipage/scripting.html#enqueue-a-custom-element-upgrade-reaction">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/custom-elements-helpers.js"></script>
</head>
<body>
<div id="log"></div>
<script>
class PredefinedCustomElement extends HTMLElement {}
customElements.define('predefined-custom-element', PredefinedCustomElement);
var customElementNumber = 1;
function generateNextCustomElementName() { return 'custom-' + customElementNumber++; }
// Tests for documents without a browsing context.
document_types().filter(function (entry) { return !entry.isOwner && !entry.hasBrowsingContext; }).forEach(function (entry) {
var documentName = entry.name;
var getDocument = entry.create;
promise_test(function () {
return getDocument().then(function (doc) {
assert_false(doc.createElement('predefined-custom-element') instanceof PredefinedCustomElement);
});
}, 'Creating an element in ' + documentName + ' must not enqueue a custom element upgrade reaction'
+ ' because the document does not have a browsing context');
promise_test(function () {
var name = generateNextCustomElementName();
var unresolvedElement = document.createElement(name);
assert_equals(unresolvedElement.__proto__, HTMLElement.prototype,
'[[Prototype]] internal slot of the unresolved custom element must be the HTMLElement prototype');
return getDocument().then(function (doc) {
var unresolvedElementInDoc = doc.createElement(name);
var prototype = (unresolvedElementInDoc.namespaceURI == 'http://www.w3.org/1999/xhtml' ? HTMLElement : Element).prototype;
assert_equals(unresolvedElementInDoc.__proto__, prototype,
'[[Prototype]] internal slot of the unresolved custom element must be the ' + prototype.toString() + ' prototype');
var someCustomElement = class extends HTMLElement {};
customElements.define(name, someCustomElement);
assert_equals(unresolvedElementInDoc.__proto__, prototype, '"define" must not upgrade a disconnected unresolved custom elements');
doc.documentElement.appendChild(unresolvedElementInDoc);
assert_equals(unresolvedElementInDoc.__proto__, prototype,
'Inserting an element into a document without a browsing context must not enqueue a custom element upgrade reaction');
});
}, 'Creating an element in ' + documentName + ' and inserting into the document must not enqueue a custom element upgrade reaction');
promise_test(function () {
var name = generateNextCustomElementName();
var unresolvedElement = document.createElement(name);
assert_equals(unresolvedElement.__proto__, HTMLElement.prototype,
'[[Prototype]] internal slot of the unresolved custom element must be the HTMLElement prototype');
return getDocument().then(function (doc) {
var unresolvedElementInDoc = doc.createElement(name);
var prototype = (unresolvedElementInDoc.namespaceURI == 'http://www.w3.org/1999/xhtml' ? HTMLElement : Element).prototype;
assert_equals(unresolvedElementInDoc.__proto__, prototype,
'[[Prototype]] internal slot of the unresolved custom element must be the ' + prototype.toString() + ' prototype');
var someCustomElement = class extends HTMLElement {};
customElements.define(name, someCustomElement);
assert_equals(unresolvedElementInDoc.__proto__, prototype, '"define" must not upgrade a disconnected unresolved custom elements');
document.body.appendChild(unresolvedElementInDoc);
if (unresolvedElementInDoc.namespaceURI == 'http://www.w3.org/1999/xhtml') {
assert_equals(unresolvedElementInDoc.__proto__, someCustomElement.prototype,
'Inserting an element into a document with a browsing context must enqueue a custom element upgrade reaction');
} else {
assert_equals(unresolvedElementInDoc.__proto__, prototype,
'Looking up a custom element definition must return null if the element is not in the HTML namespace');
}
});
}, 'Creating an element in ' + documentName + ' and adopting back to a document with browsing context must enqueue a custom element upgrade reaction');
});
// Tests for documents with a browsing context.
document_types().filter(function (entry) { return !entry.isOwner && entry.hasBrowsingContext; }).forEach(function (entry) {
var documentName = entry.name;
var getDocument = entry.create;
promise_test(function () {
return getDocument().then(function (doc) {
assert_false(doc.createElement('predefined-custom-element') instanceof PredefinedCustomElement);
});
}, 'Creating an element in ' + documentName + ' must not enqueue a custom element upgrade reaction if there is no matching definition');
promise_test(function () {
return getDocument().then(function (doc) {
var docWindow = doc.defaultView;
class DistinctPredefinedCustomElement extends docWindow.HTMLElement { };
docWindow.customElements.define('predefined-custom-element', DistinctPredefinedCustomElement);
assert_true(doc.createElement('predefined-custom-element') instanceof DistinctPredefinedCustomElement);
});
}, 'Creating an element in ' + documentName + ' must enqueue a custom element upgrade reaction if there is a matching definition');
promise_test(function () {
var unresolvedElement = document.createElement('unresolved-element');
return getDocument().then(function (doc) {
var docWindow = doc.defaultView;
class UnresolvedElement extends docWindow.HTMLElement { };
var unresolvedElementInDoc = doc.createElement('unresolved-element');
assert_equals(unresolvedElement.__proto__, HTMLElement.prototype);
assert_equals(unresolvedElementInDoc.__proto__, docWindow.HTMLElement.prototype);
docWindow.customElements.define('unresolved-element', UnresolvedElement);
assert_equals(unresolvedElement.__proto__, HTMLElement.prototype);
assert_equals(unresolvedElementInDoc.__proto__, docWindow.HTMLElement.prototype);
});
}, '"define" in ' + documentName + ' must not enqueue a custom element upgrade reaction on a disconnected unresolved custom element');
promise_test(function () {
var unresolvedElement = document.createElement('unresolved-element');
return getDocument().then(function (doc) {
var docWindow = doc.defaultView;
class UnresolvedElement extends docWindow.HTMLElement { };
var unresolvedElementInDoc = doc.createElement('unresolved-element');
assert_equals(unresolvedElement.__proto__, HTMLElement.prototype);
assert_equals(unresolvedElementInDoc.__proto__, docWindow.HTMLElement.prototype);
docWindow.customElements.define('unresolved-element', UnresolvedElement);
doc.documentElement.appendChild(unresolvedElementInDoc);
assert_equals(unresolvedElement.__proto__, HTMLElement.prototype);
assert_equals(unresolvedElementInDoc.__proto__, UnresolvedElement.prototype);
});
}, 'Inserting an unresolved custom element into ' + documentName + ' must enqueue a custom element upgrade reaction');
promise_test(function () {
var unresolvedElement = document.createElement('unresolved-element');
return getDocument().then(function (doc) {
var docWindow = doc.defaultView;
class UnresolvedElement extends docWindow.HTMLElement { };
var unresolvedElementInDoc = doc.createElement('unresolved-element');
doc.documentElement.appendChild(unresolvedElementInDoc);
assert_equals(unresolvedElement.__proto__, HTMLElement.prototype);
assert_equals(unresolvedElementInDoc.__proto__, docWindow.HTMLElement.prototype);
docWindow.customElements.define('unresolved-element', UnresolvedElement);
assert_equals(unresolvedElement.__proto__, HTMLElement.prototype);
assert_equals(unresolvedElementInDoc.__proto__, UnresolvedElement.prototype);
});
}, '"define" in ' + documentName + ' must enqueue a custom element upgrade reaction on a connected unresolved custom element');
promise_test(function () {
var unresolvedElement = document.createElement('unresolved-element');
return getDocument().then(function (doc) {
var docWindow = doc.defaultView;
class UnresolvedElement extends docWindow.HTMLElement { };
assert_false(unresolvedElement instanceof UnresolvedElement);
docWindow.customElements.define('unresolved-element', UnresolvedElement);
doc.adoptNode(unresolvedElement);
assert_false(unresolvedElement instanceof UnresolvedElement);
});
}, 'Adopting (and leaving disconnceted) an unresolved custom element into ' + documentName + ' must not enqueue a custom element upgrade reaction');
promise_test(function () {
var unresolvedElement = document.createElement('unresolved-element');
return getDocument().then(function (doc) {
var docWindow = doc.defaultView;
class UnresolvedElement extends docWindow.HTMLElement { };
assert_false(unresolvedElement instanceof UnresolvedElement);
docWindow.customElements.define('unresolved-element', UnresolvedElement);
doc.documentElement.appendChild(unresolvedElement);
assert_true(unresolvedElement instanceof UnresolvedElement);
});
}, 'Adopting and inserting an unresolved custom element into ' + documentName + ' must enqueue a custom element upgrade reaction');
});
</script>
</body>
</html>