| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 3 <head> | 3 <head> | 
| 4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> | 
| 5 <script src="resources/shadow-dom.js"></script> | 5 <script src="resources/shadow-dom.js"></script> | 
| 6 <style> | 6 <style> | 
| 7 :host-context(*) { | 7 :host-context(*) { | 
| 8    background-color: red; | 8    background-color: red; | 
| 9 } | 9 } | 
| 10 </style> | 10 </style> | 
| (...skipping 183 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 194 sandbox.appendChild( | 194 sandbox.appendChild( | 
| 195     createDOM('div', {'id': 'parentOfHost'}, | 195     createDOM('div', {'id': 'parentOfHost'}, | 
| 196         createShadowRoot( | 196         createShadowRoot( | 
| 197             createDOM('span', {'id': 'spanA'}, | 197             createDOM('span', {'id': 'spanA'}, | 
| 198                 document.createTextNode('no content, no shadow'))), | 198                 document.createTextNode('no content, no shadow'))), | 
| 199         createShadowRoot( | 199         createShadowRoot( | 
| 200             createDOM('span', {'id': 'spanB'}, | 200             createDOM('span', {'id': 'spanB'}, | 
| 201                 createDOM('content', {}))), | 201                 createDOM('content', {}))), | 
| 202         createShadowRoot( | 202         createShadowRoot( | 
| 203             createDOM('span', {'id': 'spanC'}, | 203             createDOM('span', {'id': 'spanC'}, | 
| 204                 createDOM('shadow', {}, | 204                 createDOM('shadow', {}))), | 
| 205                          createDOM('content')))), |  | 
| 206         createDOM('div', {'id': 'host'}, | 205         createDOM('div', {'id': 'host'}, | 
| 207             createShadowRoot( | 206             createShadowRoot( | 
| 208                 createDOM('style', {}, | 207                 createDOM('style', {}, | 
| 209                     document.createTextNode(':host-context(span#spanA) > #target
     A { background-color: red; }')), | 208                     document.createTextNode(':host-context(span#spanA) > #target
     A { background-color: red; }')), | 
| 210                 createDOM('style', {}, | 209                 createDOM('style', {}, | 
| 211                     document.createTextNode(':host-context(span#spanB) > #target
     B { background-color: green; }')), | 210                     document.createTextNode(':host-context(span#spanB) > #target
     B { background-color: green; }')), | 
| 212                 createDOM('style', {}, | 211                 createDOM('style', {}, | 
| 213                     document.createTextNode(':host-context(span#spanC) > #target
     C { background-color: green; }')), | 212                     document.createTextNode(':host-context(span#spanC) > #target
     C { background-color: green; }')), | 
| 214                 createDOM('div', {'id': 'targetA'}, | 213                 createDOM('div', {'id': 'targetA'}, | 
| 215                     document.createTextNode('Hello')), | 214                     document.createTextNode('Hello')), | 
| (...skipping 125 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 341                 document.createTextNode(':host-context { background-color: red; 
     }')), | 340                 document.createTextNode(':host-context { background-color: red; 
     }')), | 
| 342             createDOM('div', {}, | 341             createDOM('div', {}, | 
| 343                 document.createTextNode('Hello'))))); | 342                 document.createTextNode('Hello'))))); | 
| 344 | 343 | 
| 345 backgroundColorShouldBe('host', 'rgba(0, 0, 0, 0)'); | 344 backgroundColorShouldBe('host', 'rgba(0, 0, 0, 0)'); | 
| 346 | 345 | 
| 347 cleanUp(); | 346 cleanUp(); | 
| 348 | 347 | 
| 349 </script> | 348 </script> | 
| 350 </body> | 349 </body> | 
| OLD | NEW | 
|---|