| 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 function borderColorOf(node) |   13 function borderColorOf(node) | 
|   14 { |   14 { | 
|   15     return document.defaultView.getComputedStyle(node, null).getPropertyValue('b
     order-color'); |   15     return document.defaultView.getComputedStyle(node, null).getPropertyValue('b
     order-color'); | 
|   16 } |   16 } | 
|   17  |   17  | 
|   18 function borderColorShouldBe(selector, color) |   18 function borderColorShouldBe(selector, color) | 
|   19 { |   19 { | 
|   20     var text = 'borderColorOf(getNodeInTreeOfTrees("' + selector + '"))'; |   20     var text = 'borderColorOf(getNodeInComposedTree("' + selector + '"))'; | 
|   21     shouldBeEqualToString(text, color); |   21     shouldBeEqualToString(text, color); | 
|   22 } |   22 } | 
|   23  |   23  | 
|   24 function borderColorShouldNotBe(selector, color) |   24 function borderColorShouldNotBe(selector, color) | 
|   25 { |   25 { | 
|   26     var text = 'borderColorOf(getNodeInTreeOfTrees("' + selector + '"))'; |   26     var text = 'borderColorOf(getNodeInComposedTree("' + selector + '"))'; | 
|   27     var unevaledString = '"' + color.replace(/\\/g, "\\\\").replace(/"/g, "\"") 
     + '"'; |   27     var unevaledString = '"' + color.replace(/\\/g, "\\\\").replace(/"/g, "\"") 
     + '"'; | 
|   28     shouldNotBe(text, unevaledString); |   28     shouldNotBe(text, unevaledString); | 
|   29 } |   29 } | 
|   30  |   30  | 
|   31 function cleanUp() |   31 function cleanUp() | 
|   32 { |   32 { | 
|   33     document.getElementById('sandbox').innerHTML = ''; |   33     document.getElementById('sandbox').innerHTML = ''; | 
|   34 } |   34 } | 
|   35  |   35  | 
|   36 description('Test for /deep/ combinator, http://crbug.com/309504.'); |   36 description('Test for /deep/ combinator, http://crbug.com/309504.'); | 
| (...skipping 338 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  375                             createShadowRoot( |  375                             createShadowRoot( | 
|  376                                 createDOM('div', {'id': 'x-zot-target'}, |  376                                 createDOM('div', {'id': 'x-zot-target'}, | 
|  377                                     document.createTextNode('x-zot')))))))))); |  377                                     document.createTextNode('x-zot')))))))))); | 
|  378  |  378  | 
|  379 borderColorShouldNotBe('host/x-bar-host/x-bar-target', 'rgb(255, 0, 0)'); |  379 borderColorShouldNotBe('host/x-bar-host/x-bar-target', 'rgb(255, 0, 0)'); | 
|  380 borderColorShouldNotBe('host/x-bar-host/x-zot-host/x-zot-target', 'rgb(255, 0, 0
     )'); |  380 borderColorShouldNotBe('host/x-bar-host/x-zot-host/x-zot-target', 'rgb(255, 0, 0
     )'); | 
|  381 cleanUp(); |  381 cleanUp(); | 
|  382  |  382  | 
|  383 </script> |  383 </script> | 
|  384 </html> |  384 </html> | 
| OLD | NEW |