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 22 matching lines...) Expand all Loading... |
33 } | 33 } |
34 | 34 |
35 description('Test for http://crbug.com/35340: Style should not be conditioned by
the presence of the shadow element.'); | 35 description('Test for http://crbug.com/35340: Style should not be conditioned by
the presence of the shadow element.'); |
36 | 36 |
37 var sandbox = document.getElementById('sandbox'); | 37 var sandbox = document.getElementById('sandbox'); |
38 | 38 |
39 sandbox.appendChild( | 39 sandbox.appendChild( |
40 createDOM('div', {'id': 'host'}, | 40 createDOM('div', {'id': 'host'}, |
41 createShadowRoot( | 41 createShadowRoot( |
42 createDOM('style', {}, | 42 createDOM('style', {}, |
43 document.createTextNode(':host /shadow/ div { background: green;
}')), | 43 document.createTextNode(':host::shadow div { background: green;
}')), |
44 createDOM('div', {}, | 44 createDOM('div', {}, |
45 document.createTextNode('older div'))), | 45 document.createTextNode('older div'))), |
46 createShadowRoot( | 46 createShadowRoot( |
47 createDOM('div', {'id': 'target'}, | 47 createDOM('div', {'id': 'target'}, |
48 document.createTextNode('younger div should be green'))))); | 48 document.createTextNode('younger div should be green'))))); |
49 | 49 |
50 backgroundColorShouldBe('host//target', 'rgb(0, 128, 0)'); | 50 backgroundColorShouldBe('host//target', 'rgb(0, 128, 0)'); |
51 | 51 |
52 cleanUp(); | 52 cleanUp(); |
53 | 53 |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
89 createShadowRoot( | 89 createShadowRoot( |
90 createDOM('div', {'id': 'target'}, | 90 createDOM('div', {'id': 'target'}, |
91 document.createTextNode('younger div should be green'))))); | 91 document.createTextNode('younger div should be green'))))); |
92 | 92 |
93 backgroundColorShouldBe('host', 'rgb(0, 128, 0)'); | 93 backgroundColorShouldBe('host', 'rgb(0, 128, 0)'); |
94 | 94 |
95 cleanUp(); | 95 cleanUp(); |
96 </script> | 96 </script> |
97 </html> | 97 </html> |
98 | 98 |
OLD | NEW |