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> |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
45 createDOM('div', {'id': 'e'})), | 45 createDOM('div', {'id': 'e'})), |
46 createShadowRoot(createDOM('div', {'id': 'f'}), | 46 createShadowRoot(createDOM('div', {'id': 'f'}), |
47 createDOM('shadow', {'id': 'g'}), | 47 createDOM('shadow', {'id': 'g'}), |
48 createDOM('div', {'id': 'h'})))); | 48 createDOM('div', {'id': 'h'})))); |
49 | 49 |
50 debug('shadow reprojection'); | 50 debug('shadow reprojection'); |
51 testComposedShadowTree( | 51 testComposedShadowTree( |
52 createDOM('div', {'id': 'a'}, | 52 createDOM('div', {'id': 'a'}, |
53 createDOM('div', {'id': 'a-child'}), | 53 createDOM('div', {'id': 'a-child'}), |
54 createShadowRoot(createDOM('div', {'id': 'b'}, | 54 createShadowRoot(createDOM('div', {'id': 'b'}, |
55 createDOM('shadow', {'id': 'c'}, | 55 createDOM('shadow', {'id': 'c'}), |
56 createDOM('content', {})), | |
57 createShadowRoot(createDOM('div', {'id'
: 'd'}), | 56 createShadowRoot(createDOM('div', {'id'
: 'd'}), |
58 createDOM('content', {
'id': 'e'}), | 57 createDOM('content', {
'id': 'e'}), |
59 createDOM('div', {'id'
: 'f'})))))); | 58 createDOM('div', {'id'
: 'f'})))))); |
60 | 59 |
61 debug('shadow reprojection, take 2'); | 60 debug('shadow reprojection, take 2'); |
62 testComposedShadowTree( | 61 testComposedShadowTree( |
63 createDOM('div', {'id': 'a'}, | 62 createDOM('div', {'id': 'a'}, |
64 createDOM('div', {'id': 'b'}), | 63 createDOM('div', {'id': 'b'}), |
65 createShadowRoot(createDOM('shadow', {'id': 'c'}, | 64 createShadowRoot(createDOM('shadow', {'id': 'c'})), |
66 createDOM('content', {}))), | |
67 createShadowRoot(createDOM('div', {'id': 'd'}, | 65 createShadowRoot(createDOM('div', {'id': 'd'}, |
68 createDOM('shadow', {'id': 'e'}, | 66 createDOM('shadow', {'id': 'e'}), |
69 createDOM('content', {})), | |
70 createShadowRoot(createDOM('div', {'id'
: 'f'}), | 67 createShadowRoot(createDOM('div', {'id'
: 'f'}), |
71 createDOM('content', {
'id': 'g'}), | 68 createDOM('content', {
'id': 'g'}), |
72 createDOM('div', {'id'
: 'h'})))))); | 69 createDOM('div', {'id'
: 'h'})))))); |
73 | 70 |
74 debug('Ignore shadow fallback elements'); | 71 debug('Ignore shadow fallback elements'); |
75 testComposedShadowTree( | 72 testComposedShadowTree( |
76 createDOM('div', {'id': 'a'}, | 73 createDOM('div', {'id': 'a'}, |
77 createDOM('div', {'id': 'b'}), | 74 createDOM('div', {'id': 'b'}), |
78 createShadowRoot(createDOM('div', {'id': 'c'}), | 75 createShadowRoot(createDOM('div', {'id': 'c'}), |
79 createDOM('shadow', {'id': 'd'}, | 76 createDOM('shadow', {'id': 'd'}, |
80 createDOM('div', {'id': 'e'})), | 77 createDOM('div', {'id': 'e'})), |
81 createDOM('shadow', {'id': 'f'}, | 78 createDOM('shadow', {'id': 'f'}, |
82 createDOM('div', {'id': 'g'})), | 79 createDOM('div', {'id': 'g'})), |
83 createDOM('div', {'id': 'h'})), | 80 createDOM('div', {'id': 'h'})), |
84 createShadowRoot(createDOM('div', {'id': 'i'}, | 81 createShadowRoot(createDOM('div', {'id': 'i'}, |
85 createDOM('shadow', {'id': 'j'}, | 82 createDOM('shadow', {'id': 'j'}), |
86 createDOM('content', {})), | |
87 createShadowRoot(createDOM('div', {'id'
: 'k'}), | 83 createShadowRoot(createDOM('div', {'id'
: 'k'}), |
88 createDOM('content', {
'id': 'l'}), | 84 createDOM('content', {
'id': 'l'}), |
89 createDOM('div', {'id'
: 'm'})))))); | 85 createDOM('div', {'id'
: 'm'})))))); |
90 | 86 |
91 debug('with inactive insertion points') | 87 debug('with inactive insertion points') |
92 testComposedShadowTree( | 88 testComposedShadowTree( |
93 createDOM('div', {'id': 'a'}, | 89 createDOM('div', {'id': 'a'}, |
94 createDOM('content', {'id': 'b'}, | 90 createDOM('content', {'id': 'b'}, |
95 createDOM('div', {'id': 'c'})), | 91 createDOM('div', {'id': 'c'})), |
96 createDOM('shadow', {'id': 'd'}, | 92 createDOM('shadow', {'id': 'd'}, |
97 createDOM('div', {'id': 'e'})), | 93 createDOM('div', {'id': 'e'})), |
98 createShadowRoot(createDOM('div', {'id': 'f'}), | 94 createShadowRoot(createDOM('div', {'id': 'f'}), |
99 createDOM('content', {'id': 'g'}, | 95 createDOM('content', {'id': 'g'}, |
100 createDOM('content', {'id': 'h'}), | 96 createDOM('content', {'id': 'h'}), |
101 createDOM('shadow', {'id': 'i'}), | 97 createDOM('shadow', {'id': 'i'}), |
102 createDOM('div', {'id': 'j'})), | 98 createDOM('div', {'id': 'j'})), |
103 createDOM('content', {'id': 'k'}, | 99 createDOM('content', {'id': 'k'}, |
104 createDOM('content', {'id': 'l'}), | 100 createDOM('content', {'id': 'l'}), |
105 createDOM('shadow', {'id': 'm'}), | 101 createDOM('shadow', {'id': 'm'}), |
106 createDOM('div', {'id': 'n'})), | 102 createDOM('div', {'id': 'n'})), |
107 createDOM('shadow', {'id': 'o'}, | 103 createDOM('shadow', {'id': 'o'}, |
108 createDOM('content', {'id': 'p'}), | 104 createDOM('content', {'id': 'p'}), |
109 createDOM('shadow', {'id': 'q'}), | 105 createDOM('shadow', {'id': 'q'}), |
110 createDOM('div', {'id': 'r'}))), | 106 createDOM('div', {'id': 'r'}))), |
111 createShadowRoot(createDOM('div', {'id': 's'}, | 107 createShadowRoot(createDOM('div', {'id': 's'}, |
112 createDOM('shadow', {'id': 't'}, | 108 createDOM('shadow', {'id': 't'}), |
113 createDOM('content', {})), | |
114 createShadowRoot(createDOM('div', {'id'
: 'u'}), | 109 createShadowRoot(createDOM('div', {'id'
: 'u'}), |
115 createDOM('content', {
'id': 'v'}), | 110 createDOM('content', {
'id': 'v'}), |
116 createDOM('div', {'id'
: 'w'})))))); | 111 createDOM('div', {'id'
: 'w'})))))); |
117 | 112 |
118 | 113 |
119 </script> | 114 </script> |
120 </body> | 115 </body> |
121 </html> | 116 </html> |
OLD | NEW |