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 |