OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script src="../../../resources/js-test.js"></script> | |
5 <script src="resources/shadow-dom.js"></script> | |
6 </head> | |
7 <body> | |
8 <div id="console"></div> | |
9 <div id="sandbox"></div> | |
10 <script> | |
11 description("Tests for Composed Shadow DOM Tree Traversal APIs. Can only run wit
hin DRT"); | |
12 | |
13 function testComposedShadowTree(node) | |
14 { | |
15 var sandbox = document.getElementById('sandbox'); | |
16 sandbox.innerHTML = ''; | |
17 sandbox.appendChild(node); | |
18 document.body.offsetLeft; | |
19 showComposedShadowTree(node); | |
20 } | |
21 | |
22 debug('Multiple shadow root without shadow element'); | |
23 testComposedShadowTree( | |
24 createDOM('div', {'id': 'a'}, | |
25 createShadowRoot(createDOM('div', {'id': 'b'})), | |
26 createShadowRoot(createDOM('div', {'id': 'c'})))); | |
27 | |
28 debug('Multiple shadow root with shadow element'); | |
29 testComposedShadowTree( | |
30 createDOM('div', {'id': 'a'}, | |
31 createShadowRoot(createDOM('div', {'id': 'b'})), | |
32 createShadowRoot(createDOM('div', {'id': 'c'}), | |
33 createDOM('shadow', {'id': 'd'}), | |
34 createDOM('div', {'id': 'e'})))); | |
35 | |
36 debug('Multiple shadow root with shadow element, case 2'); | |
37 testComposedShadowTree( | |
38 createDOM('div', {'id': 'a'}, | |
39 createShadowRoot(createDOM('div', {'id': 'b'})), | |
40 createShadowRoot(createDOM('div', {'id': 'c'}), | |
41 createDOM('shadow', {'id': 'd'}), | |
42 createDOM('div', {'id': 'e'})), | |
43 createShadowRoot(createDOM('div', {'id': 'f'}), | |
44 createDOM('shadow', {'id': 'g'}), | |
45 createDOM('div', {'id': 'h'})))); | |
46 | |
47 debug('shadow reprojection'); | |
48 testComposedShadowTree( | |
49 createDOM('div', {'id': 'a'}, | |
50 createDOM('div', {'id': 'a-child'}), | |
51 createShadowRoot(createDOM('div', {'id': 'b'}, | |
52 createDOM('shadow', {'id': 'c'}), | |
53 createShadowRoot(createDOM('div', {'id'
: 'd'}), | |
54 createDOM('content', {
'id': 'e'}), | |
55 createDOM('div', {'id'
: 'f'})))))); | |
56 | |
57 debug('shadow reprojection, take 2'); | |
58 testComposedShadowTree( | |
59 createDOM('div', {'id': 'a'}, | |
60 createDOM('div', {'id': 'b'}), | |
61 createShadowRoot(createDOM('shadow', {'id': 'c'})), | |
62 createShadowRoot(createDOM('div', {'id': 'd'}, | |
63 createDOM('shadow', {'id': 'e'}), | |
64 createShadowRoot(createDOM('div', {'id'
: 'f'}), | |
65 createDOM('content', {
'id': 'g'}), | |
66 createDOM('div', {'id'
: 'h'})))))); | |
67 | |
68 debug('Ignore shadow fallback elements'); | |
69 testComposedShadowTree( | |
70 createDOM('div', {'id': 'a'}, | |
71 createDOM('div', {'id': 'b'}), | |
72 createShadowRoot(createDOM('div', {'id': 'c'}), | |
73 createDOM('shadow', {'id': 'd'}, | |
74 createDOM('div', {'id': 'e'})), | |
75 createDOM('shadow', {'id': 'f'}, | |
76 createDOM('div', {'id': 'g'})), | |
77 createDOM('div', {'id': 'h'})), | |
78 createShadowRoot(createDOM('div', {'id': 'i'}, | |
79 createDOM('shadow', {'id': 'j'}), | |
80 createShadowRoot(createDOM('div', {'id'
: 'k'}), | |
81 createDOM('content', {
'id': 'l'}), | |
82 createDOM('div', {'id'
: 'm'})))))); | |
83 | |
84 debug('with inactive insertion points') | |
85 testComposedShadowTree( | |
86 createDOM('div', {'id': 'a'}, | |
87 createDOM('content', {'id': 'b'}, | |
88 createDOM('div', {'id': 'c'})), | |
89 createDOM('shadow', {'id': 'd'}, | |
90 createDOM('div', {'id': 'e'})), | |
91 createShadowRoot(createDOM('div', {'id': 'f'}), | |
92 createDOM('content', {'id': 'g'}, | |
93 createDOM('content', {'id': 'h'}), | |
94 createDOM('shadow', {'id': 'i'}), | |
95 createDOM('div', {'id': 'j'})), | |
96 createDOM('content', {'id': 'k'}, | |
97 createDOM('content', {'id': 'l'}), | |
98 createDOM('shadow', {'id': 'm'}), | |
99 createDOM('div', {'id': 'n'})), | |
100 createDOM('shadow', {'id': 'o'}, | |
101 createDOM('content', {'id': 'p'}), | |
102 createDOM('shadow', {'id': 'q'}), | |
103 createDOM('div', {'id': 'r'}))), | |
104 createShadowRoot(createDOM('div', {'id': 's'}, | |
105 createDOM('shadow', {'id': 't'}), | |
106 createShadowRoot(createDOM('div', {'id'
: 'u'}), | |
107 createDOM('content', {
'id': 'v'}), | |
108 createDOM('div', {'id'
: 'w'})))))); | |
109 | |
110 | |
111 </script> | |
112 </body> | |
113 </html> | |
OLD | NEW |