| 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 |