| 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'> |   8 <div id='sandbox'> | 
|   9   <div id='target5' class='bar'>Should have blue background.</div> |   9   <div id='target5' class='bar'>Should have blue background.</div> | 
|  10 </div> |  10 </div> | 
| (...skipping 22 matching lines...) Expand all  Loading... | 
|  33                     document.createTextNode('Should have green background')), |  33                     document.createTextNode('Should have green background')), | 
|  34                 createDOM('div', {'id': 'target3', 'class': 'bar'}, |  34                 createDOM('div', {'id': 'target3', 'class': 'bar'}, | 
|  35                     document.createTextNode('Should have blue background')), |  35                     document.createTextNode('Should have blue background')), | 
|  36                 createDOM('div', {'id': 'target4'}, |  36                 createDOM('div', {'id': 'target4'}, | 
|  37                     document.createTextNode('Should have blue background'))))); |  37                     document.createTextNode('Should have blue background'))))); | 
|  38 document.body.offsetLeft; |  38 document.body.offsetLeft; | 
|  39  |  39  | 
|  40 var style = document.createElement('style'); |  40 var style = document.createElement('style'); | 
|  41 style.innerHTML = 'div /shadow/ .foo { background: green; }' |  41 style.innerHTML = 'div /shadow/ .foo { background: green; }' | 
|  42     + 'div /shadow/ #target2 { background: green; }' |  42     + 'div /shadow/ #target2 { background: green; }' | 
|  43     + 'div /shadow-deep/ .bar { background: blue; }' |  43     + 'div /deep/ .bar { background: blue; }' | 
|  44     + 'div /shadow-deep/ #target4 { background: blue; }'; |  44     + 'div /deep/ #target4 { background: blue; }'; | 
|  45 document.body.appendChild(style); |  45 document.body.appendChild(style); | 
|  46  |  46  | 
|  47 backgroundColorShouldBe('host/target1', 'rgb(0, 128, 0)'); |  47 backgroundColorShouldBe('host/target1', 'rgb(0, 128, 0)'); | 
|  48 backgroundColorShouldBe('host/target2', 'rgb(0, 128, 0)'); |  48 backgroundColorShouldBe('host/target2', 'rgb(0, 128, 0)'); | 
|  49 backgroundColorShouldBe('host/target3', 'rgb(0, 0, 255)'); |  49 backgroundColorShouldBe('host/target3', 'rgb(0, 0, 255)'); | 
|  50 backgroundColorShouldBe('host/target4', 'rgb(0, 0, 255)'); |  50 backgroundColorShouldBe('host/target4', 'rgb(0, 0, 255)'); | 
|  51 backgroundColorShouldBe('target5', 'rgb(0, 0, 255)'); |  51 backgroundColorShouldBe('target5', 'rgb(0, 0, 255)'); | 
|  52 </script> |  52 </script> | 
|  53 </html> |  53 </html> | 
| OLD | NEW |