| 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 :ancestor { | 7 :ancestor { |
| 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(':ancestor with * should not match any shadow hosts.'); | 46 debug(':ancestor 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('*:ancestor { background-color: green; }
')), | 52 document.createTextNode('*:ancestor { 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(':ancestor with tag selector should not match any shadow hosts.'); | 60 debug(':ancestor 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:ancestor { background-color: green;
}')), | 66 document.createTextNode('div:ancestor { background-color: green;
}')), |
| (...skipping 260 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 327 document.createTextNode(':ancestor(div) > div { background-color
: red; }')), | 327 document.createTextNode(':ancestor(div) > div { background-color
: red; }')), |
| 328 createDOM('div', {'id': 'target'}, | 328 createDOM('div', {'id': 'target'}, |
| 329 document.createTextNode('Hello'))))); | 329 document.createTextNode('Hello'))))); |
| 330 | 330 |
| 331 backgroundColorShouldBe('host/target', 'rgb(0, 128, 0)'); | 331 backgroundColorShouldBe('host/target', 'rgb(0, 128, 0)'); |
| 332 | 332 |
| 333 cleanUp(); | 333 cleanUp(); |
| 334 | 334 |
| 335 </script> | 335 </script> |
| 336 </body> | 336 </body> |
| OLD | NEW |