OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 <script> | 5 <script> |
6 description("This test ensures that the lifecycle callbacks of API-originated el
ements are visible in following script block.") | 6 description("This test ensures that the lifecycle callbacks of API-originated el
ements are visible in following script block.") |
7 window.callbacksCalled = []; | 7 window.callbacksCalled = []; |
8 function markingReadyCallback() { | 8 function markingReadyCallback() { |
9 window.callbacksCalled.push(this.tagName); | 9 window.callbacksCalled.push(this.tagName); |
10 this.callbacksCalled = true; | 10 this.callbacksCalled = true; |
(...skipping 24 matching lines...) Expand all Loading... |
35 bar.appendChild(document.createElement('x-foo')); | 35 bar.appendChild(document.createElement('x-foo')); |
36 shouldBeTrue("bar.cloneNode().callbacksCalled"); | 36 shouldBeTrue("bar.cloneNode().callbacksCalled"); |
37 shouldBeTrue("bar.cloneNode(true).firstChild.callbacksCalled"); | 37 shouldBeTrue("bar.cloneNode(true).firstChild.callbacksCalled"); |
38 | 38 |
39 var foreignDoc = document.implementation.createDocument('http://www.w3.org/1999/
xhtml', 'html', null); | 39 var foreignDoc = document.implementation.createDocument('http://www.w3.org/1999/
xhtml', 'html', null); |
40 | 40 |
41 var foreignFoo = foreignDoc.createElement('x-foo'); | 41 var foreignFoo = foreignDoc.createElement('x-foo'); |
42 foreignFoo.appendChild(foreignDoc.createElement('div', 'x-bar')); | 42 foreignFoo.appendChild(foreignDoc.createElement('div', 'x-bar')); |
43 shouldBeTrue("foreignFoo.callbacksCalled"); | 43 shouldBeTrue("foreignFoo.callbacksCalled"); |
44 shouldBeTrue("foreignFoo.firstChild.callbacksCalled"); | 44 shouldBeTrue("foreignFoo.firstChild.callbacksCalled"); |
45 importedFoo = document.importNode(foreignFoo) | 45 importedFoo = document.importNode(foreignFoo, true) |
46 shouldBeTrue("importedFoo.callbacksCalled"); | 46 shouldBeTrue("importedFoo.callbacksCalled"); |
47 shouldBeTrue("importedFoo.firstChild.callbacksCalled"); | 47 shouldBeTrue("importedFoo.firstChild.callbacksCalled"); |
48 | 48 |
49 window.callbacksCalled = []; | 49 window.callbacksCalled = []; |
50 var foreignBar = foreignDoc.createElement('div', 'x-bar'); | 50 var foreignBar = foreignDoc.createElement('div', 'x-bar'); |
51 foreignBar.appendChild(foreignDoc.createElement('x-foo')); | 51 foreignBar.appendChild(foreignDoc.createElement('x-foo')); |
52 shouldBe("window.callbacksCalled", "['div', 'x-foo']"); | 52 shouldBe("window.callbacksCalled", "['div', 'x-foo']"); |
53 window.callbacksCalled = []; | 53 window.callbacksCalled = []; |
54 importedBar = document.importNode(foreignBar); | 54 importedBar = document.importNode(foreignBar, true); |
55 shouldBeTrue("importedBar.callbacksCalled"); | 55 shouldBeTrue("importedBar.callbacksCalled"); |
56 shouldBeTrue("importedBar.firstChild.callbacksCalled"); | 56 shouldBeTrue("importedBar.firstChild.callbacksCalled"); |
57 shouldBe("window.callbacksCalled", "['DIV', 'X-FOO']"); | 57 shouldBe("window.callbacksCalled", "['DIV', 'X-FOO']"); |
58 | 58 |
59 window.callbacksCalled = []; | 59 window.callbacksCalled = []; |
60 var toBeReplaced = document.createElement("div"); | 60 var toBeReplaced = document.createElement("div"); |
61 document.body.appendChild(toBeReplaced); | 61 document.body.appendChild(toBeReplaced); |
62 toBeReplaced.outerHTML = "<x-foo></x-foo>"; | 62 toBeReplaced.outerHTML = "<x-foo></x-foo>"; |
63 shouldBe("window.callbacksCalled", "['X-FOO']"); | 63 shouldBe("window.callbacksCalled", "['X-FOO']"); |
64 | 64 |
65 window.callbacksCalled = []; | 65 window.callbacksCalled = []; |
66 var insertionPlaceHolder = document.createElement("div"); | 66 var insertionPlaceHolder = document.createElement("div"); |
67 document.body.appendChild(insertionPlaceHolder); | 67 document.body.appendChild(insertionPlaceHolder); |
68 insertionPlaceHolder.insertAdjacentHTML("beforebegin", "<x-foo></x-foo>"); | 68 insertionPlaceHolder.insertAdjacentHTML("beforebegin", "<x-foo></x-foo>"); |
69 shouldBe("window.callbacksCalled", "['X-FOO']"); | 69 shouldBe("window.callbacksCalled", "['X-FOO']"); |
70 | 70 |
71 </script> | 71 </script> |
72 </body> | 72 </body> |
73 </html> | 73 </html> |
OLD | NEW |