| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="resources/shadow-dom.js"></script> | 2 <script src="resources/shadow-dom.js"></script> |
| 3 <script src="../../../resources/js-test.js"></script> | 3 <script src="../../../resources/js-test.js"></script> |
| 4 <style> | 4 <style> |
| 5 .hello, div::shadow .hello { | 5 .hello, div::shadow .hello { |
| 6 color: yellowgreen; | 6 color: yellowgreen; |
| 7 } | 7 } |
| 8 .world, div::shadow .world { | 8 .world, div::shadow .world { |
| 9 color: red; | 9 color: red; |
| 10 } | 10 } |
| 11 </style> | 11 </style> |
| 12 <style> | 12 <style> |
| 13 .world, div::shadow .world { | 13 .world, div::shadow .world { |
| 14 color: yellow; | 14 color: yellow; |
| 15 } | 15 } |
| 16 </style> | 16 </style> |
| 17 <body></body> | 17 <body></body> |
| 18 <script> | 18 <script> |
| 19 description('crbug.com/396585: ShadowDom CSS doesn\'t merge style'); | 19 description('crbug.com/396585: ShadowDom CSS doesn\'t merge style'); |
| 20 | 20 |
| 21 document.body.appendChild( | 21 document.body.appendChild( |
| 22 createDOM('div', {'id': 'host'}, | 22 createDOM('div', {'id': 'host'}, |
| 23 createShadowRoot( | 23 createShadowRoot( |
| 24 createDOM('span', {'class': 'hello' }, | 24 createDOM('span', {'class': 'hello' }, |
| 25 document.createTextNode("Hello, ")), | 25 document.createTextNode("Hello, ")), |
| 26 createDOM('span', {'id': 'world', 'class': 'hello world' }, | 26 createDOM('span', {'id': 'world', 'class': 'hello world' }, |
| 27 document.createTextNode("World"))))); | 27 document.createTextNode("World"))))); |
| 28 | 28 |
| 29 shouldBe('window.getComputedStyle(getNodeInTreeOfTrees("host/world")).color', '"
rgb(255, 255, 0)"'); | 29 shouldBe('window.getComputedStyle(getNodeInComposedTree("host/world")).color', '
"rgb(255, 255, 0)"'); |
| 30 </script> | 30 </script> |
| OLD | NEW |