| 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 |