OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="resources/shadow-dom.js"></script> | 4 <script src="resources/shadow-dom.js"></script> |
5 <script src="../../../resources/js-test.js"></script> | 5 <script src="../../../resources/js-test.js"></script> |
6 </head> | 6 </head> |
7 <body> | 7 <body> |
8 <div id='sandbox'></div> | 8 <div id='sandbox'></div> |
9 <pre id='console'></pre> | 9 <pre id='console'></pre> |
10 </body> | 10 </body> |
(...skipping 207 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
218 document.createTextNode('div :host div /shadow-deep/ div { borde
r: 1px solid green; }')), | 218 document.createTextNode('div :host div /shadow-deep/ div { borde
r: 1px solid green; }')), |
219 createDOM('div', {'id': 'host2'}, | 219 createDOM('div', {'id': 'host2'}, |
220 createShadowRoot( | 220 createShadowRoot( |
221 createDOM('div', {'id': 'target'}, | 221 createDOM('div', {'id': 'target'}, |
222 document.createTextNode('green border'))))))); | 222 document.createTextNode('green border'))))))); |
223 | 223 |
224 borderColorShouldBe('host/host2/target', 'rgb(0, 0, 0)'); | 224 borderColorShouldBe('host/host2/target', 'rgb(0, 0, 0)'); |
225 | 225 |
226 cleanUp(); | 226 cleanUp(); |
227 | 227 |
228 // :host /shadow-all/ :host /shadow-deep/ div should not match. | 228 // :host /shadow/ :host /shadow-deep/ div should not match. |
229 | 229 |
230 sandbox.appendChild( | 230 sandbox.appendChild( |
231 createDOM('div', {'id': 'host'}, | 231 createDOM('div', {'id': 'host'}, |
232 createShadowRoot( | 232 createShadowRoot( |
233 createDOM('style', {}, | 233 createDOM('style', {}, |
234 document.createTextNode(':host /shadow-all/ :host /shadow-deep/
div { border: 1px solid green; }')), | 234 document.createTextNode(':host /shadow/ :host /shadow-deep/ div
{ border: 1px solid green; }')), |
235 createDOM('div', {'id': 'host2'}, | 235 createDOM('div', {'id': 'host2'}, |
236 createShadowRoot( | 236 createShadowRoot( |
237 createDOM('div', {'id': 'host3'}, | 237 createDOM('div', {'id': 'host3'}, |
238 createShadowRoot( | 238 createShadowRoot( |
239 createDOM('div', {'id': 'target'}, | 239 createDOM('div', {'id': 'target'}, |
240 document.createTextNode('no border'))))))))); | 240 document.createTextNode('no border'))))))))); |
241 | 241 |
242 borderColorShouldBe('host/host2/host3/target', 'rgb(0, 0, 0)'); | 242 borderColorShouldBe('host/host2/host3/target', 'rgb(0, 0, 0)'); |
243 | 243 |
244 cleanUp(); | 244 cleanUp(); |
(...skipping 150 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
395 createDOM('span', {'id': 'target'}, | 395 createDOM('span', {'id': 'target'}, |
396 document.createTextNode('not red border'))))); | 396 document.createTextNode('not red border'))))); |
397 | 397 |
398 borderColorShouldNotBe('host//target', 'rgb(255, 0, 0)'); | 398 borderColorShouldNotBe('host//target', 'rgb(255, 0, 0)'); |
399 | 399 |
400 cleanUp(); | 400 cleanUp(); |
401 | 401 |
402 </script> | 402 </script> |
403 </html> | 403 </html> |
404 | 404 |
OLD | NEW |