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 |