| 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 <style> | 6 <style> |
| 7 :host { | 7 :host { |
| 8 background-color: red; | 8 background-color: red; |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 46 debug(':host with * should not match any shadow hosts.'); | 46 debug(':host with * should not match any shadow hosts.'); |
| 47 | 47 |
| 48 sandbox.appendChild( | 48 sandbox.appendChild( |
| 49 createDOM('div', {'id': 'host'}, | 49 createDOM('div', {'id': 'host'}, |
| 50 createShadowRoot( | 50 createShadowRoot( |
| 51 createDOM('style', {}, | 51 createDOM('style', {}, |
| 52 document.createTextNode('*:host { background-color: green; }')), | 52 document.createTextNode('*:host { background-color: green; }')), |
| 53 createDOM('div', {}, | 53 createDOM('div', {}, |
| 54 document.createTextNode('Hello'))))); | 54 document.createTextNode('Hello'))))); |
| 55 | 55 |
| 56 backgroundColorShouldBe('host', 'rgb(0, 128, 0)'); | 56 backgroundColorShouldBe('host', 'rgba(0, 0, 0, 0)'); |
| 57 | 57 |
| 58 cleanUp(); | 58 cleanUp(); |
| 59 | 59 |
| 60 debug(':host with tag selector should not match any shadow hosts.'); | 60 debug(':host with tag selector should not match any shadow hosts.'); |
| 61 | 61 |
| 62 sandbox.appendChild( | 62 sandbox.appendChild( |
| 63 createDOM('div', {'id': 'host'}, | 63 createDOM('div', {'id': 'host'}, |
| 64 createShadowRoot( | 64 createShadowRoot( |
| 65 createDOM('style', {}, | 65 createDOM('style', {}, |
| 66 document.createTextNode('div:host { background-color: green; }')
), | 66 document.createTextNode('div:host { background-color: green; }')
), |
| (...skipping 204 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 271 document.createTextNode(':host(div) > div { background-color: re
d; }')), | 271 document.createTextNode(':host(div) > div { background-color: re
d; }')), |
| 272 createDOM('div', {'id': 'target'}, | 272 createDOM('div', {'id': 'target'}, |
| 273 document.createTextNode('Hello'))))); | 273 document.createTextNode('Hello'))))); |
| 274 | 274 |
| 275 backgroundColorShouldBe('host/target', 'rgb(0, 128, 0)'); | 275 backgroundColorShouldBe('host/target', 'rgb(0, 128, 0)'); |
| 276 | 276 |
| 277 cleanUp(); | 277 cleanUp(); |
| 278 | 278 |
| 279 </script> | 279 </script> |
| 280 </body> | 280 </body> |
| OLD | NEW |