OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../js/resources/js-test-pre.js"></script> | 4 <script src="../../js/resources/js-test-pre.js"></script> |
5 </head> | 5 </head> |
6 <body> | 6 <body> |
7 <div id="container"></div> | 7 <div id="container"></div> |
8 <form id="testForm"></form> | 8 <form id="testForm"></form> |
9 <script> | 9 <script> |
10 description("Testing document.register() type extension behaviours through creat
eElement()."); | 10 description("Testing document.register() type extension behaviours through creat
eElement()."); |
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
66 // Single parameter createElement() | 66 // Single parameter createElement() |
67 // | 67 // |
68 | 68 |
69 fooCreated = document.createElement("x-foo"); | 69 fooCreated = document.createElement("x-foo"); |
70 shouldBe("fooCreated.outerHTML", fooOuterHTML); | 70 shouldBe("fooCreated.outerHTML", fooOuterHTML); |
71 shouldBeTrue("fooCreated instanceof fooConstructor"); | 71 shouldBeTrue("fooCreated instanceof fooConstructor"); |
72 | 72 |
73 barCreated = document.createElement("x-bar"); | 73 barCreated = document.createElement("x-bar"); |
74 shouldBe("barCreated.outerHTML", "'<x-bar></x-bar>'"); | 74 shouldBe("barCreated.outerHTML", "'<x-bar></x-bar>'"); |
75 shouldBeFalse("barCreated instanceof barConstructor"); | 75 shouldBeFalse("barCreated instanceof barConstructor"); |
76 shouldBeTrue("barCreated instanceof HTMLUnknownElement"); | 76 shouldBeFalse("barCreated instanceof HTMLUnknownElement"); |
| 77 shouldBeTrue("barCreated instanceof HTMLElement"); |
77 | 78 |
78 bazCreated = document.createElement("x-baz"); | 79 bazCreated = document.createElement("x-baz"); |
79 shouldBe("bazCreated.outerHTML", "'<x-baz></x-baz>'"); | 80 shouldBe("bazCreated.outerHTML", "'<x-baz></x-baz>'"); |
80 shouldBeTrue("bazCreated instanceof bazConstructor"); | 81 shouldBeTrue("bazCreated instanceof bazConstructor"); |
81 shouldBeFalse("bazCreated instanceof HTMLUnknownElement"); | 82 shouldBeFalse("bazCreated instanceof HTMLUnknownElement"); |
82 | 83 |
83 quxCreated = document.createElement("x-qux"); | 84 quxCreated = document.createElement("x-qux"); |
84 shouldBe("quxCreated.outerHTML", "'<x-qux></x-qux>'"); | 85 shouldBe("quxCreated.outerHTML", "'<x-qux></x-qux>'"); |
85 shouldBeFalse("quxCreated instanceof quxConstructor"); | 86 shouldBeFalse("quxCreated instanceof quxConstructor"); |
86 shouldBeTrue("quxCreated instanceof HTMLUnknownElement"); | 87 shouldBeFalse("quxCreated instanceof HTMLUnknownElement"); |
| 88 shouldBeTrue("quxCreated instanceof HTMLElement"); |
87 | 89 |
88 // | 90 // |
89 // createElement() with type extensions | 91 // createElement() with type extensions |
90 // | 92 // |
91 | 93 |
92 divFooCreated = document.createElement("div", "x-foo"); | 94 divFooCreated = document.createElement("div", "x-foo"); |
93 shouldBe("divFooCreated.outerHTML", "'<div is=\"x-foo\"></div>'"); | 95 shouldBe("divFooCreated.outerHTML", "'<div is=\"x-foo\"></div>'"); |
94 shouldBeFalse("divFooCreated instanceof fooConstructor"); | 96 shouldBeFalse("divFooCreated instanceof fooConstructor"); |
95 shouldBeTrue("divFooCreated instanceof HTMLDivElement"); | 97 shouldBeTrue("divFooCreated instanceof HTMLDivElement"); |
96 | 98 |
97 inputBarCreated = document.createElement("input", "x-bar"); | 99 inputBarCreated = document.createElement("input", "x-bar"); |
98 shouldBe("inputBarCreated.outerHTML", barOuterHTML); | 100 shouldBe("inputBarCreated.outerHTML", barOuterHTML); |
99 shouldBeTrue("inputBarCreated instanceof barConstructor"); | 101 shouldBeTrue("inputBarCreated instanceof barConstructor"); |
100 shouldBeFalse("inputBarCreated instanceof HTMLUnknownElement"); | 102 shouldBeFalse("inputBarCreated instanceof HTMLUnknownElement"); |
101 shouldBeTrue("isFormControl(inputBarCreated)"); | 103 shouldBeTrue("isFormControl(inputBarCreated)"); |
102 | 104 |
103 divBarCreated = document.createElement("div", "x-bar"); | 105 divBarCreated = document.createElement("div", "x-bar"); |
104 shouldBe("divBarCreated.outerHTML", "'<div is=\"x-bar\"></div>'"); | 106 shouldBe("divBarCreated.outerHTML", "'<div is=\"x-bar\"></div>'"); |
105 shouldBeFalse("divBarCreated instanceof barConstructor"); | 107 shouldBeFalse("divBarCreated instanceof barConstructor"); |
106 shouldBeTrue("divBarCreated instanceof HTMLDivElement"); | 108 shouldBeTrue("divBarCreated instanceof HTMLDivElement"); |
107 | 109 |
108 fooBarCreated = document.createElement("x-foo", "x-bar"); | 110 fooBarCreated = document.createElement("x-foo", "x-bar"); |
109 shouldBe("fooBarCreated.outerHTML", "'<x-foo is=\"x-bar\"></x-foo>'"); | 111 shouldBe("fooBarCreated.outerHTML", "'<x-foo is=\"x-bar\"></x-foo>'"); |
110 shouldBeTrue("fooBarCreated instanceof fooConstructor"); | 112 shouldBeTrue("fooBarCreated instanceof fooConstructor"); |
111 | 113 |
112 barFooCreated = document.createElement("x-bar", "x-foo"); | 114 barFooCreated = document.createElement("x-bar", "x-foo"); |
113 shouldBe("barFooCreated.outerHTML", "'<x-bar is=\"x-foo\"></x-bar>'"); | 115 shouldBe("barFooCreated.outerHTML", "'<x-bar is=\"x-foo\"></x-bar>'"); |
114 shouldBeTrue("barFooCreated instanceof HTMLUnknownElement"); | 116 shouldBeFalse("barFooCreated instanceof HTMLUnknownElement"); |
| 117 shouldBeTrue("barFooCreated instanceof HTMLElement"); |
115 | 118 |
116 fooCreatedNull = document.createElement("x-foo", null); | 119 fooCreatedNull = document.createElement("x-foo", null); |
117 shouldBe("fooCreatedNull.outerHTML", fooOuterHTML); | 120 shouldBe("fooCreatedNull.outerHTML", fooOuterHTML); |
118 shouldBeTrue("fooCreatedNull instanceof fooConstructor"); | 121 shouldBeTrue("fooCreatedNull instanceof fooConstructor"); |
119 | 122 |
120 fooCreatedEmpty = document.createElement("x-foo", ""); | 123 fooCreatedEmpty = document.createElement("x-foo", ""); |
121 shouldBe("fooCreatedEmpty.outerHTML", fooOuterHTML); | 124 shouldBe("fooCreatedEmpty.outerHTML", fooOuterHTML); |
122 shouldBeTrue("fooCreatedEmpty instanceof fooConstructor"); | 125 shouldBeTrue("fooCreatedEmpty instanceof fooConstructor"); |
123 | 126 |
124 shouldThrow("document.createElement('@invalid', 'x-bar')", "'Error: InvalidChara
cterError: DOM Exception 5'"); | 127 shouldThrow("document.createElement('@invalid', 'x-bar')", "'Error: InvalidChara
cterError: DOM Exception 5'"); |
(...skipping 26 matching lines...) Expand all Loading... |
151 barParsed = createElementFromHTML('<input is=x-bar>') | 154 barParsed = createElementFromHTML('<input is=x-bar>') |
152 shouldBeTrue("barParsed instanceof barConstructor"); | 155 shouldBeTrue("barParsed instanceof barConstructor"); |
153 shouldBeTrue("isFormControl(barParsed)"); | 156 shouldBeTrue("isFormControl(barParsed)"); |
154 | 157 |
155 divFooParsed = createElementFromHTML('<div is=x-foo>') | 158 divFooParsed = createElementFromHTML('<div is=x-foo>') |
156 shouldBeFalse("divFooParsed instanceof fooConstructor"); | 159 shouldBeFalse("divFooParsed instanceof fooConstructor"); |
157 shouldBeTrue("divFooParsed instanceof HTMLDivElement"); | 160 shouldBeTrue("divFooParsed instanceof HTMLDivElement"); |
158 | 161 |
159 namedBarParsed = createElementFromHTML('<x-bar>') | 162 namedBarParsed = createElementFromHTML('<x-bar>') |
160 shouldBeFalse("namedBarParsed instanceof barConstructor"); | 163 shouldBeFalse("namedBarParsed instanceof barConstructor"); |
161 shouldBeTrue("namedBarParsed instanceof HTMLUnknownElement"); | 164 shouldBeFalse("namedBarParsed instanceof HTMLUnknownElement"); |
| 165 shouldBeTrue("namedBarParsed instanceof HTMLElement"); |
162 | 166 |
163 divBarParsed = createElementFromHTML('<div is=x-bar>') | 167 divBarParsed = createElementFromHTML('<div is=x-bar>') |
164 shouldBeFalse("divBarParsed instanceof barConstructor"); | 168 shouldBeFalse("divBarParsed instanceof barConstructor"); |
165 shouldBeTrue("divBarParsed instanceof HTMLDivElement"); | 169 shouldBeTrue("divBarParsed instanceof HTMLDivElement"); |
166 | 170 |
167 </script> | 171 </script> |
168 <script src="../../js/resources/js-test-post.js"></script> | 172 <script src="../../js/resources/js-test-post.js"></script> |
169 </body> | 173 </body> |
170 </html> | 174 </html> |
OLD | NEW |