| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="resources/shadow-dom.js"></script> | 4 <script src="resources/shadow-dom.js"></script> |
| 5 <script src="../../../resources/js-test.js"></script> | 5 <script src="../../../resources/js-test.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 | 12 |
| 13 var borderColor; | 13 var borderColor; |
| 14 | 14 |
| 15 function borderColorOf(node) | 15 function borderColorOf(node) |
| 16 { | 16 { |
| 17 return document.defaultView.getComputedStyle(node, null).getPropertyValue('b
order-color'); | 17 return document.defaultView.getComputedStyle(node, null).getPropertyValue('b
order-color'); |
| 18 } | 18 } |
| 19 | 19 |
| 20 function borderColorShouldBe(selector, color) | 20 function borderColorShouldBe(selector, color) |
| 21 { | 21 { |
| 22 var text = 'borderColorOf(getNodeInTreeOfTrees("' + selector + '"))'; | 22 var text = 'borderColorOf(getNodeInComposedTree("' + selector + '"))'; |
| 23 shouldBeEqualToString(text, color); | 23 shouldBeEqualToString(text, color); |
| 24 } | 24 } |
| 25 | 25 |
| 26 function borderColorShouldNotBe(selector, color) | 26 function borderColorShouldNotBe(selector, color) |
| 27 { | 27 { |
| 28 var text = 'borderColorOf(getNodeInTreeOfTrees("' + selector + '"))'; | 28 var text = 'borderColorOf(getNodeInComposedTree("' + selector + '"))'; |
| 29 var unevaledString = '"' + color.replace(/\\/g, "\\\\").replace(/"/g, "\"")
+ '"'; | 29 var unevaledString = '"' + color.replace(/\\/g, "\\\\").replace(/"/g, "\"")
+ '"'; |
| 30 shouldNotBe(text, unevaledString); | 30 shouldNotBe(text, unevaledString); |
| 31 } | 31 } |
| 32 | 32 |
| 33 function cleanUp() | 33 function cleanUp() |
| 34 { | 34 { |
| 35 document.getElementById('sandbox').innerHTML = ''; | 35 document.getElementById('sandbox').innerHTML = ''; |
| 36 } | 36 } |
| 37 | 37 |
| 38 description('Test for ::shadow, http://crbug.com/309504.'); | 38 description('Test for ::shadow, http://crbug.com/309504.'); |
| (...skipping 261 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 300 createDOM('div', {'id': 'x-zot-host', 'class': 'x-zot'}, | 300 createDOM('div', {'id': 'x-zot-host', 'class': 'x-zot'}, |
| 301 createShadowRoot( | 301 createShadowRoot( |
| 302 createDOM('div', {'id': 'x-zot-target'}, | 302 createDOM('div', {'id': 'x-zot-target'}, |
| 303 document.createTextNode('x-zot'))))))))); | 303 document.createTextNode('x-zot'))))))))); |
| 304 | 304 |
| 305 borderColorShouldNotBe('host/x-bar-host/x-zot-host/x-zot-target', 'rgb(255, 0, 0
)'); | 305 borderColorShouldNotBe('host/x-bar-host/x-zot-host/x-zot-target', 'rgb(255, 0, 0
)'); |
| 306 cleanUp(); | 306 cleanUp(); |
| 307 | 307 |
| 308 </script> | 308 </script> |
| 309 </html> | 309 </html> |
| OLD | NEW |