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 |