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