OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <script src="resources/polyfill.js"></script> | |
4 | 3 |
5 <div id="host1"><div>Host Child</div></div> | 4 <div id="host1"><div>Host Child</div></div> |
6 | 5 |
7 <script> | 6 <script> |
8 if (window.testRunner) | 7 if (window.testRunner) |
9 testRunner.waitUntilDone(); | 8 testRunner.waitUntilDone(); |
10 | 9 |
11 var shadowRoot1 = host1.webkitCreateShadowRoot(); | 10 var shadowRoot1 = host1.webkitCreateShadowRoot(); |
12 shadowRoot1.innerHTML = '<div id="host2">Oldest ShadowRoot Child</div>'; | 11 shadowRoot1.innerHTML = '<div id="host2">Oldest ShadowRoot Child</div>'; |
13 | 12 |
14 var shadowRoot2 = host1.webkitCreateShadowRoot(); | 13 var shadowRoot2 = host1.webkitCreateShadowRoot(); |
15 shadowRoot2.innerHTML = '<div id="host3"><shadow></shadow><content></content><di
v>Youngest ShadowRoot Child</div></div>'; | 14 shadowRoot2.innerHTML = '<div id="host3"><shadow></shadow><content></content><di
v>Youngest ShadowRoot Child</div></div>'; |
16 | 15 |
17 var host3 = shadowRoot2.getElementById('host3'); | 16 var host3 = shadowRoot2.getElementById('host3'); |
18 var shadowRoot3 = host3.webkitCreateShadowRoot(); | 17 var shadowRoot3 = host3.webkitCreateShadowRoot(); |
19 shadowRoot3.innerHTML = '<content select="div"></content>'; | 18 shadowRoot3.innerHTML = '<content select="div"></content>'; |
20 | 19 |
21 setTimeout(function() { | 20 setTimeout(function() { |
22 shadowRoot1.innerHTML = '<div id="host2">Updated Oldest ShadowRoot Child</di
v><div>Added Oldest ShadowRoot Child</div>'; | 21 shadowRoot1.innerHTML = '<div id="host2">Updated Oldest ShadowRoot Child</di
v><div>Added Oldest ShadowRoot Child</div>'; |
23 if (window.testRunner) | 22 if (window.testRunner) |
24 testRunner.notifyDone(); | 23 testRunner.notifyDone(); |
25 }, 0); | 24 }, 0); |
26 </script> | 25 </script> |
27 | 26 |
28 </html> | 27 </html> |
OLD | NEW |