| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html><body> | 2 <html><body> |
| 3 <script src="../../../resources/js-test.js"></script> | 3 <script src="../../../resources/js-test.js"></script> |
| 4 | 4 |
| 5 <p>When we modify host children and get distributed nodes in nested ShadowDOM, d
istribution should occur from the host.</p> | 5 <p>When we modify host children and get distributed nodes in nested ShadowDOM, d
istribution should occur from the host.</p> |
| 6 | 6 |
| 7 <div id="container"> | 7 <div id="container"> |
| 8 <div id="host1"></div> | 8 <div id="host1"></div> |
| 9 </div> | 9 </div> |
| 10 <pre id="console"></pre> | 10 <pre id="console"></pre> |
| 11 | 11 |
| 12 <script> | 12 <script> |
| 13 jsTestIsAsync = true; | 13 jsTestIsAsync = true; |
| 14 | 14 |
| 15 var shadowRoot11 = host1.createShadowRoot(); | 15 var shadowRoot11 = host1.createShadowRoot(); |
| 16 shadowRoot11.innerHTML = '<div></div><shadow><content></content></shadow>'; | 16 shadowRoot11.innerHTML = '<div></div><shadow></shadow>'; |
| 17 var div1 = shadowRoot11.firstChild; | 17 var div1 = shadowRoot11.firstChild; |
| 18 var shadow1 = shadowRoot11.lastChild; | 18 var shadow1 = shadowRoot11.lastChild; |
| 19 | 19 |
| 20 var shadowRoot12 = host1.createShadowRoot(); | 20 var shadowRoot12 = host1.createShadowRoot(); |
| 21 shadowRoot12.innerHTML = '<div><shadow><content></content></shadow></div>'; | 21 shadowRoot12.innerHTML = '<div><shadow></shadow></div>'; |
| 22 var host2 = shadowRoot12.firstChild; | 22 var host2 = shadowRoot12.firstChild; |
| 23 | 23 |
| 24 var shadowRoot21 = host2.createShadowRoot(); | 24 var shadowRoot21 = host2.createShadowRoot(); |
| 25 shadowRoot21.innerHTML = '<content></content>'; | 25 shadowRoot21.innerHTML = '<content></content>'; |
| 26 | 26 |
| 27 var shadowRoot22 = host2.createShadowRoot(); | 27 var shadowRoot22 = host2.createShadowRoot(); |
| 28 shadowRoot22.innerHTML = '<div><shadow><content></content></shadow></div>'; | 28 shadowRoot22.innerHTML = '<div><shadow></shadow></div>'; |
| 29 var host3 = shadowRoot22.firstChild; | 29 var host3 = shadowRoot22.firstChild; |
| 30 | 30 |
| 31 var shadowRoot31 = host3.createShadowRoot(); | 31 var shadowRoot31 = host3.createShadowRoot(); |
| 32 shadowRoot31.innerHTML = '<content></content>'; | 32 shadowRoot31.innerHTML = '<content></content>'; |
| 33 | 33 |
| 34 var content = shadowRoot31.firstChild; | 34 var content = shadowRoot31.firstChild; |
| 35 | 35 |
| 36 setTimeout(function() { | 36 setTimeout(function() { |
| 37 debug('Adds a div to ShadowRoot.'); | 37 debug('Adds a div to ShadowRoot.'); |
| 38 addedDiv = document.createElement('div'); | 38 addedDiv = document.createElement('div'); |
| (...skipping 22 matching lines...) Expand all Loading... |
| 61 anotherAddedDiv.remove(); | 61 anotherAddedDiv.remove(); |
| 62 shouldBe('content.getDistributedNodes().length', '1'); | 62 shouldBe('content.getDistributedNodes().length', '1'); |
| 63 shouldBe('content.getDistributedNodes().item(0)', 'div1'); | 63 shouldBe('content.getDistributedNodes().item(0)', 'div1'); |
| 64 debug(''); | 64 debug(''); |
| 65 | 65 |
| 66 container.innerHTML = ""; | 66 container.innerHTML = ""; |
| 67 finishJSTest(); | 67 finishJSTest(); |
| 68 }, 0); | 68 }, 0); |
| 69 </script> | 69 </script> |
| 70 </body></html> | 70 </body></html> |
| OLD | NEW |