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="../../dom/shadow/resources/shadow-dom.js"></script> | 5 <script src="../../dom/shadow/resources/shadow-dom.js"></script> |
6 <script> | 6 <script> |
7 shouldBeDefined("window.internals"); | 7 shouldBeDefined("window.internals"); |
8 | 8 |
9 var borderColor; | 9 var borderColor; |
10 | 10 |
(...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
151 | 151 |
152 createDOM('style', {'scoped': 'scoped'}, | 152 createDOM('style', {'scoped': 'scoped'}, |
153 document.createTextNode('div { border: 1px solid red; }')), | 153 document.createTextNode('div { border: 1px solid red; }')), |
154 createDOM('div', {}))); | 154 createDOM('div', {}))); |
155 | 155 |
156 getNodeInTreeOfTrees('host/').applyAuthorStyles = false; | 156 getNodeInTreeOfTrees('host/').applyAuthorStyles = false; |
157 getNodeInTreeOfTrees('host//').applyAuthorStyles = false; | 157 getNodeInTreeOfTrees('host//').applyAuthorStyles = false; |
158 getNodeInTreeOfTrees('host///').applyAuthorStyles = false; | 158 getNodeInTreeOfTrees('host///').applyAuthorStyles = false; |
159 | 159 |
160 // before | 160 // before |
161 borderColorShouldBe(getNodeInTreeOfTrees('host/oldestShadow'), 'rgb(0, 0, 0)
'); | 161 borderColorShouldBe(getNodeInTreeOfTrees('host/oldestShadow'), 'rgb(0, 0, 25
5)'); |
162 borderColorShouldBe(getNodeInTreeOfTrees('host//olderShadow'), 'rgb(0, 0, 25
5)'); | 162 borderColorShouldBe(getNodeInTreeOfTrees('host//olderShadow'), 'rgb(0, 0, 25
5)'); |
163 borderColorShouldBe(getNodeInTreeOfTrees('host///target'), 'rgb(0, 0, 0)'); | 163 borderColorShouldBe(getNodeInTreeOfTrees('host///target'), 'rgb(0, 0, 255)')
; |
164 | 164 |
165 // document ---+--- oldestShadow | 165 // document ---+--- oldestShadow |
166 // | | 166 // | |
167 // +--- olderShadow | 167 // +--- olderShadow |
168 // | | 168 // | |
169 // +--- shadow | 169 // +--- shadow |
170 | 170 |
171 // apply-author-styles affects between shadow and document. | 171 // apply-author-styles affects between shadow and document. |
172 getNodeInTreeOfTrees('host///').applyAuthorStyles = true; | 172 getNodeInTreeOfTrees('host///').applyAuthorStyles = true; |
173 borderColorShouldBe(getNodeInTreeOfTrees('host/oldestShadow'), 'rgb(0, 0, 0)
'); | 173 borderColorShouldBe(getNodeInTreeOfTrees('host/oldestShadow'), 'rgb(0, 0, 25
5)'); |
174 borderColorShouldBe(getNodeInTreeOfTrees('host//olderShadow'), 'rgb(0, 0, 25
5)'); | 174 borderColorShouldBe(getNodeInTreeOfTrees('host//olderShadow'), 'rgb(0, 0, 25
5)'); |
175 borderColorShouldBe(getNodeInTreeOfTrees('host///target'), 'rgb(255, 0, 0)')
; | 175 borderColorShouldBe(getNodeInTreeOfTrees('host///target'), 'rgb(0, 0, 255)')
; |
176 | 176 |
177 // apply-author-styles affects between older shadow and document. | 177 // apply-author-styles affects between older shadow and document. |
178 getNodeInTreeOfTrees('host///').applyAuthorStyles = false; | 178 getNodeInTreeOfTrees('host///').applyAuthorStyles = false; |
179 getNodeInTreeOfTrees('host//').applyAuthorStyles = true; | 179 getNodeInTreeOfTrees('host//').applyAuthorStyles = true; |
180 borderColorShouldBe(getNodeInTreeOfTrees('host/oldestShadow'), 'rgb(0, 0, 0)
'); | 180 borderColorShouldBe(getNodeInTreeOfTrees('host/oldestShadow'), 'rgb(0, 0, 25
5)'); |
181 borderColorShouldBe(getNodeInTreeOfTrees('host//olderShadow'), 'rgb(0, 0, 25
5)'); | 181 borderColorShouldBe(getNodeInTreeOfTrees('host//olderShadow'), 'rgb(0, 0, 25
5)'); |
182 borderColorShouldBe(getNodeInTreeOfTrees('host///target'), 'rgb(0, 0, 0)'); | 182 borderColorShouldBe(getNodeInTreeOfTrees('host///target'), 'rgb(0, 0, 255)')
; |
183 | 183 |
184 // apply-author-styles affects between oldest shadow and document. | 184 // apply-author-styles affects between oldest shadow and document. |
185 getNodeInTreeOfTrees('host//').applyAuthorStyles = false; | 185 getNodeInTreeOfTrees('host//').applyAuthorStyles = false; |
186 getNodeInTreeOfTrees('host/').applyAuthorStyles = true; | 186 getNodeInTreeOfTrees('host/').applyAuthorStyles = true; |
187 borderColorShouldBe(getNodeInTreeOfTrees('host/oldestShadow'), 'rgb(255, 0,
0)'); | 187 borderColorShouldBe(getNodeInTreeOfTrees('host/oldestShadow'), 'rgb(0, 0, 25
5)'); |
188 borderColorShouldBe(getNodeInTreeOfTrees('host//olderShadow'), 'rgb(0, 0, 25
5)'); | 188 borderColorShouldBe(getNodeInTreeOfTrees('host//olderShadow'), 'rgb(0, 0, 25
5)'); |
189 borderColorShouldBe(getNodeInTreeOfTrees('host///target'), 'rgb(0, 0, 0)'); | 189 borderColorShouldBe(getNodeInTreeOfTrees('host///target'), 'rgb(0, 0, 255)')
; |
190 | 190 |
191 cleanUp(); | 191 cleanUp(); |
192 } | 192 } |
193 | 193 |
194 function testOrderOfApplyStyle() | 194 function testOrderOfApplyStyle() |
195 { | 195 { |
196 debug('test a style is applied in document order.'); | 196 debug('test a style is applied in document order.'); |
197 | 197 |
198 document.getElementById('sandbox').appendChild( | 198 document.getElementById('sandbox').appendChild( |
199 createDOM('div', {}, | 199 createDOM('div', {}, |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
234 testNestedShadow(); | 234 testNestedShadow(); |
235 testMultipleShadow(); | 235 testMultipleShadow(); |
236 testOrderOfApplyStyle(); | 236 testOrderOfApplyStyle(); |
237 } | 237 } |
238 </script> | 238 </script> |
239 </head> | 239 </head> |
240 <body onload="runTests()"> | 240 <body onload="runTests()"> |
241 <div id='sandbox'></div> | 241 <div id='sandbox'></div> |
242 </body> | 242 </body> |
243 </html> | 243 </html> |
OLD | NEW |