| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!doctype html> | 
|  | 2 <html> | 
|  | 3 <head> | 
|  | 4 <script src="resources/shadow-dom.js"></script> | 
|  | 5 <script src="../../../resources/js-test.js"></script> | 
|  | 6 </head> | 
|  | 7 <body class="bodyClass"> | 
|  | 8   <div id='sandbox'></div> | 
|  | 9   <pre id='console'></pre> | 
|  | 10 </body> | 
|  | 11 <script> | 
|  | 12 description('Test for crbug.com/274059. Compare rules from a style in a shadow t
    ree with ::content in a different shadow tree.'); | 
|  | 13 | 
|  | 14 var sandbox = document.getElementById('sandbox'); | 
|  | 15 sandbox.appendChild( | 
|  | 16     createDOM('div', {'id': 'host'}, | 
|  | 17         createShadowRoot( | 
|  | 18             createDOM('style', {}, | 
|  | 19                 document.createTextNode('::content > * { color: green; }')), | 
|  | 20             createDOM('content', {})), | 
|  | 21         createDOM('div', {'id': 'hostChild', 'class': 'contentClass'}, | 
|  | 22             createShadowRoot( | 
|  | 23                 createDOM('style', {}, | 
|  | 24                     document.createTextNode(':host { color: red; }')), | 
|  | 25                 createDOM('span', {}, | 
|  | 26                     document.createTextNode('Hello')))))); | 
|  | 27 shouldBe('window.getComputedStyle(getNodeInTreeOfTrees("hostChild")).color', '"r
    gb(0, 128, 0)"'); | 
|  | 28 sandbox.innerHTML = ''; | 
|  | 29 | 
|  | 30 </script> | 
|  | 31 </html> | 
| OLD | NEW | 
|---|