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