OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <script src="resources/polyfill.js"></script> | |
5 <div id="host"></div> | 4 <div id="host"></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 shadowRoot = host.webkitCreateShadowRoot(); | 10 var shadowRoot = host.webkitCreateShadowRoot(); |
12 shadowRoot.innerHTML = "<p>oldest shadow</p>" | 11 shadowRoot.innerHTML = "<p>oldest shadow</p>" |
13 | 12 |
14 setTimeout(function() { | 13 setTimeout(function() { |
15 var shadowRoot2 = host.webkitCreateShadowRoot(); | 14 var shadowRoot2 = host.webkitCreateShadowRoot(); |
16 shadowRoot2.innerHTML = "<p>younger shadow</p>"; | 15 shadowRoot2.innerHTML = "<p>younger shadow</p>"; |
17 | 16 |
18 if (window.testRunner) | 17 if (window.testRunner) |
19 testRunner.notifyDone(); | 18 testRunner.notifyDone(); |
20 }, 0); | 19 }, 0); |
21 </script> | 20 </script> |
22 </body> | 21 </body> |
23 </html> | 22 </html> |
OLD | NEW |