OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <script src="../../../resources/js-test.js"></script> |
| 3 <script src="resources/shadow-dom.js"></script> |
| 4 <body> |
| 5 <div id="parent"></div> |
| 6 </body> |
| 7 <script> |
| 8 function prepareShadowTree() { |
| 9 var parent = document.getElementById('parent'); |
| 10 parent.appendChild( |
| 11 createDOM('div', {id: 'toplevel'}, |
| 12 createDOM('div', {id: 'openhost'}, |
| 13 createShadowRoot({mode: 'open'}, |
| 14 createDOM('div', {id: 'openhost_in_openshadow'}, |
| 15 createShadowRoot({'mode': 'open'}, |
| 16 createDOM('div', {id: 'div_open_in_open'}))), |
| 17 createDOM('div', {id: 'closedhost_in_openshadow'}, |
| 18 createShadowRoot({'mode': 'closed'}, |
| 19 createDOM('div', {id: 'div_closed_in_open'}))))), |
| 20 createDOM('div', {id: 'closedhost'}, |
| 21 createShadowRoot({mode: 'closed'}, |
| 22 createDOM('div', {id: 'openhost_in_closedshadow'}, |
| 23 createShadowRoot({'mode': 'open'}, |
| 24 createDOM('div', {id: 'div_open_in_closed'}))), |
| 25 createDOM('div', {id: 'closedhost_in_closedshadow'}, |
| 26 createShadowRoot({'mode': 'closed'}, |
| 27 createDOM('div', {id: 'div_closed_in_closed'})))))))
; |
| 28 } |
| 29 |
| 30 prepareShadowTree(); |
| 31 |
| 32 var parent = document.getElementById('parent'); |
| 33 var result = parent.querySelectorAll("div /deep/ div /deep/ div"); |
| 34 shouldBe('result.length', '5'); |
| 35 |
| 36 var expected = [ |
| 37 'openhost', |
| 38 'openhost_in_openshadow', |
| 39 'div_open_in_open', |
| 40 'closedhost_in_openshadow', |
| 41 'closedhost' |
| 42 ]; |
| 43 |
| 44 var node; |
| 45 for (var i = 0; i < result.length; ++i) { |
| 46 node = result[i]; |
| 47 shouldBeEqualToString('node.id', expected[i]); |
| 48 } |
| 49 </script> |
OLD | NEW |