OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <script src="../resources/js-test.js"></script> | |
3 <script src="../fast/dom/shadow/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 attachShadow({mode: 'open'}, | |
14 createDOM('div', {id: 'v0host_in_openshadow'}, | |
15 createShadowRoot( | |
16 createDOM('div', {id: 'div_v0_in_open'}))), | |
17 createDOM('div', {id: 'openhost_in_openshadow'}, | |
18 attachShadow({'mode': 'open'}, | |
19 createDOM('div', {id: 'div_open_in_open'}))), | |
20 createDOM('div', {id: 'closedhost_in_openshadow'}, | |
21 attachShadow({'mode': 'closed'}, | |
22 createDOM('div', {id: 'div_closed_in_open'}))))), | |
23 createDOM('div', {id: 'closedhost'}, | |
24 attachShadow({mode: 'closed'}, | |
25 createDOM('div', {id: 'v0host_in_closedshadow'}, | |
26 createShadowRoot( | |
27 createDOM('div', {id: 'div_v0_in_closed'}))), | |
28 createDOM('div', {id: 'openhost_in_closedshadow'}, | |
29 attachShadow({'mode': 'open'}, | |
30 createDOM('div', {id: 'div_open_in_closed'}))), | |
31 createDOM('div', {id: 'closedhost_in_closedshadow'}, | |
32 attachShadow({'mode': 'closed'}, | |
33 createDOM('div', {id: 'div_closed_in_closed'}))))), | |
34 createDOM('div', {id: 'v0host'}, | |
35 createShadowRoot( | |
36 createDOM('div', {id: 'v0host_in_v0host'}, | |
37 createShadowRoot( | |
38 createDOM('div', {id: 'div_v0_in_v0'}))), | |
39 createDOM('div', {id: 'openhost_in_v0host'}, | |
40 attachShadow({'mode': 'open'}, | |
41 createDOM('div', {id: 'div_open_in_v0'}))), | |
42 createDOM('div', {id: 'closedhost_in_v0host'}, | |
43 attachShadow({'mode': 'closed'}, | |
44 createDOM('div', {id: 'div_closed_in_v0'}))))))); | |
45 } | |
46 | |
47 prepareShadowTree(); | |
48 | |
49 var parent = document.getElementById('parent'); | |
50 var result = parent.querySelectorAll("div /deep/ div /deep/ div"); | |
51 shouldBe('result.length', '7'); | |
52 | |
53 var expected = [ | |
54 'openhost', | |
55 'closedhost', | |
56 'v0host', | |
57 'v0host_in_v0host', | |
58 'div_v0_in_v0', | |
59 'openhost_in_v0host', | |
60 'closedhost_in_v0host' | |
61 ]; | |
62 | |
63 var node; | |
64 for (var i = 0; i < result.length; ++i) { | |
65 node = result[i]; | |
66 shouldBeEqualToString('node.id', expected[i]); | |
67 } | |
68 </script> | |
OLD | NEW |