OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 <script src="resources/shadow-dom.js"></script> | 5 <script src="resources/shadow-dom.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> |
11 <script> | 11 <script> |
12 description('Tests update the text of styles updates styles in shadow dom, crbug
.com/247280'); | 12 description('Tests update the text of styles updates styles in shadow dom, crbug
.com/247280'); |
13 | 13 |
14 var borderColor; | 14 var borderColor; |
15 | 15 |
16 function shouldHaveBorderColor(element, color) { | 16 function shouldHaveBorderColor(element, color) { |
17 borderColor = window.getComputedStyle(element).borderColor; | 17 borderColor = window.getComputedStyle(element).borderColor; |
18 shouldBeEqualToString('borderColor', color); | 18 shouldBeEqualToString('borderColor', color); |
19 } | 19 } |
20 | 20 |
21 document.getElementById('sandbox').appendChild( | 21 document.getElementById('sandbox').appendChild( |
22 createDOM('div', {'id': 'host'}, | 22 createDOM('div', {'id': 'host'}, |
23 createShadowRoot( | 23 createShadowRoot( |
24 createDOM('style', {'id': 'style'}, | 24 createDOM('style', {'id': 'style'}, |
25 document.createTextNode('span { border: 1px solid red; }')), | 25 document.createTextNode('span { border: 1px solid red; }')), |
26 createDOM('span', {'id': 'target'}, | 26 createDOM('span', {'id': 'target'}, |
27 document.createTextNode('This span should have green border.')))
)); | 27 document.createTextNode('This span should have green border.')))
)); |
28 document.body.offsetLeft; | 28 document.body.offsetLeft; |
29 | 29 |
30 getNodeInTreeOfTrees('host/style').innerHTML = 'span { border: 1px solid green;
}'; | 30 getNodeInComposedTree('host/style').innerHTML = 'span { border: 1px solid green;
}'; |
31 | 31 |
32 shouldHaveBorderColor(getNodeInTreeOfTrees('host/target'), 'rgb(0, 128, 0)'); | 32 shouldHaveBorderColor(getNodeInComposedTree('host/target'), 'rgb(0, 128, 0)'); |
33 </script> | 33 </script> |
34 </html> | 34 </html> |
OLD | NEW |