| 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> | 
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|   53         createDOM('p', {'id': 'target'}))); |   53         createDOM('p', {'id': 'target'}))); | 
|   54  |   54  | 
|   55 borderColorShouldBe('target', 'rgb(0, 128, 0)'); |   55 borderColorShouldBe('target', 'rgb(0, 128, 0)'); | 
|   56  |   56  | 
|   57 cleanUp(); |   57 cleanUp(); | 
|   58  |   58  | 
|   59 // Rules declared in outer treescope should win. |   59 // Rules declared in outer treescope should win. | 
|   60 sandbox.appendChild( |   60 sandbox.appendChild( | 
|   61     createDOM('div', {}, |   61     createDOM('div', {}, | 
|   62         createDOM('style', {}, |   62         createDOM('style', {}, | 
|   63             document.createTextNode('div /shadow-deep/ span { border: 1px solid 
     green; }')), |   63             document.createTextNode('div /deep/ span { border: 1px solid green; 
     }')), | 
|   64         createDOM('div', {'id': 'host'}, |   64         createDOM('div', {'id': 'host'}, | 
|   65             createShadowRoot( |   65             createShadowRoot( | 
|   66                 createDOM('style', {}, |   66                 createDOM('style', {}, | 
|   67                     document.createTextNode('div /shadow-deep/ span { border: 1p
     x solid red; }')), |   67                     document.createTextNode('div /deep/ span { border: 1px solid
      red; }')), | 
|   68                 createDOM('div', {'id': 'host2'}, |   68                 createDOM('div', {'id': 'host2'}, | 
|   69                     createShadowRoot( |   69                     createShadowRoot( | 
|   70                         createDOM('style', {}, |   70                         createDOM('style', {}, | 
|   71                             document.createTextNode('div > span { border: 1px so
     lid yellow; }')), |   71                             document.createTextNode('div > span { border: 1px so
     lid yellow; }')), | 
|   72                         createDOM('div', {}, |   72                         createDOM('div', {}, | 
|   73                             createDOM('span', {'id': 'target'}, |   73                             createDOM('span', {'id': 'target'}, | 
|   74                                 document.createTextNode('Geen border'))))))))); |   74                                 document.createTextNode('Geen border'))))))))); | 
|   75  |   75  | 
|   76 borderColorShouldBe('host/host2/target', 'rgb(0, 128, 0)'); |   76 borderColorShouldBe('host/host2/target', 'rgb(0, 128, 0)'); | 
|   77  |   77  | 
|   78 cleanUp(); |   78 cleanUp(); | 
|   79  |   79  | 
|   80 // Comparing rules declared in outer treescope with rules declared in inner tree
     scope. |   80 // Comparing rules declared in outer treescope with rules declared in inner tree
     scope. | 
|   81 // Outer's should win. |   81 // Outer's should win. | 
|   82 sandbox.appendChild( |   82 sandbox.appendChild( | 
|   83     createDOM('div', {}, |   83     createDOM('div', {}, | 
|   84         createDOM('style', {}, |   84         createDOM('style', {}, | 
|   85             document.createTextNode('div /shadow-deep/ p:empty { border: 1px sol
     id green; }')), |   85             document.createTextNode('div /deep/ p:empty { border: 1px solid gree
     n; }')), | 
|   86         createDOM('div', {'id': 'host'}, |   86         createDOM('div', {'id': 'host'}, | 
|   87             createShadowRoot( |   87             createShadowRoot( | 
|   88                 createDOM('div', {}, |   88                 createDOM('div', {}, | 
|   89                     createDOM('style', {}, |   89                     createDOM('style', {}, | 
|   90                         document.createTextNode('div > p:empty { border: 1px sol
     id blue; }')), |   90                         document.createTextNode('div > p:empty { border: 1px sol
     id blue; }')), | 
|   91                     createShadowRoot( |   91                     createShadowRoot( | 
|   92                         createDOM('style', {}, |   92                         createDOM('style', {}, | 
|   93                             document.createTextNode('content::content > p { bord
     er: 1px solid red; }')), |   93                             document.createTextNode('content::content > p { bord
     er: 1px solid red; }')), | 
|   94                         createDOM('div', {}, |   94                         createDOM('div', {}, | 
|   95                             createShadowRoot( |   95                             createShadowRoot( | 
|   96                                 createDOM('style', {}, |   96                                 createDOM('style', {}, | 
|   97                                     document.createTextNode('content::content > 
     p { border: 1px solid yellow; }')), |   97                                     document.createTextNode('content::content > 
     p { border: 1px solid yellow; }')), | 
|   98                                 createDOM('content', {})), |   98                                 createDOM('content', {})), | 
|   99                             createDOM('content', {}))), |   99                             createDOM('content', {}))), | 
|  100                     createDOM('p', {'id': 'target'})))))); |  100                     createDOM('p', {'id': 'target'})))))); | 
|  101  |  101  | 
|  102 borderColorShouldBe('host/target', 'rgb(0, 128, 0)'); |  102 borderColorShouldBe('host/target', 'rgb(0, 128, 0)'); | 
|  103  |  103  | 
|  104 cleanUp(); |  104 cleanUp(); | 
|  105  |  105  | 
|  106 </script> |  106 </script> | 
|  107 </html> |  107 </html> | 
|  108  |  108  | 
| OLD | NEW |