OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <script src="resources/polyfill.js"></script> | |
5 <script src="../../js/resources/js-test-pre.js"></script> | 4 <script src="../../js/resources/js-test-pre.js"></script> |
6 | 5 |
7 <p>A crash should not happen when fallback elements are reprojected.</p> | 6 <p>A crash should not happen when fallback elements are reprojected.</p> |
8 | 7 |
9 <div id="host1"></div> | 8 <div id="host1"></div> |
10 | 9 |
11 <pre id="console"></pre> | 10 <pre id="console"></pre> |
12 | 11 |
13 <script> | 12 <script> |
14 var shadowRoot1 = host1.webkitCreateShadowRoot(); | 13 var shadowRoot1 = host1.webkitCreateShadowRoot(); |
15 shadowRoot1.innerHTML = '<div id="host2"><content select="span"><div id="fallbac
k">fallback element</div></content><div id="div">This should be selected.</div><
/div>'; | 14 shadowRoot1.innerHTML = '<div id="host2"><content select="span"><div id="fallbac
k">fallback element</div></content><div id="div">This should be selected.</div><
/div>'; |
16 | 15 |
17 var host2 = shadowRoot1.getElementById('host2'); | 16 var host2 = shadowRoot1.getElementById('host2'); |
18 var shadowRoot2 = host2.webkitCreateShadowRoot(); | 17 var shadowRoot2 = host2.webkitCreateShadowRoot(); |
19 shadowRoot2.innerHTML = '<content select="div"></content>'; | 18 shadowRoot2.innerHTML = '<content select="div"></content>'; |
20 | 19 |
21 var content = shadowRoot2.getElementsByTagName('content').item(0); | 20 var content = shadowRoot2.getElementsByTagName('content').item(0); |
22 var distributedNodes = content.getDistributedNodes(); | 21 var distributedNodes = content.getDistributedNodes(); |
23 | 22 |
24 shouldBe('distributedNodes.item(0)', 'shadowRoot1.getElementById("fallback")'); | 23 shouldBe('distributedNodes.item(0)', 'shadowRoot1.getElementById("fallback")'); |
25 shouldBe('distributedNodes.item(1)', 'shadowRoot1.getElementById("div")'); | 24 shouldBe('distributedNodes.item(1)', 'shadowRoot1.getElementById("div")'); |
26 | 25 |
27 finishJSTest(); | 26 finishJSTest(); |
28 </script> | 27 </script> |
29 | 28 |
30 <script src="../../js/resources/js-test-post.js"></script> | 29 <script src="../../js/resources/js-test-post.js"></script> |
31 </html> | 30 </html> |
OLD | NEW |