| 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 324 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 335 createDOM('div', {'id': 'outer'}, | 335 createDOM('div', {'id': 'outer'}, |
| 336 createDOM('div', {'id': 'inner'}, | 336 createDOM('div', {'id': 'inner'}, |
| 337 createShadowRoot( | 337 createShadowRoot( |
| 338 createDOM('h1', {'id': 'target'}, | 338 createDOM('h1', {'id': 'target'}, |
| 339 document.createTextNode('no red border'))))))); | 339 document.createTextNode('no red border'))))))); |
| 340 | 340 |
| 341 borderColorShouldNotBe('inner/target', 'rgb(255, 0, 0)'); | 341 borderColorShouldNotBe('inner/target', 'rgb(255, 0, 0)'); |
| 342 | 342 |
| 343 cleanUp(); | 343 cleanUp(); |
| 344 | 344 |
| 345 // :host /deep/ span is declared in a shadow tree, but the shadow root does not
participate in composed tree. | 345 // :host /deep/ span is declared in a shadow tree, but the shadow root does not
participate in flat tree. |
| 346 | 346 |
| 347 sandbox.appendChild( | 347 sandbox.appendChild( |
| 348 createDOM('div', {'id': 'host'}, | 348 createDOM('div', {'id': 'host'}, |
| 349 createShadowRoot( | 349 createShadowRoot( |
| 350 createDOM('style', {}, | 350 createDOM('style', {}, |
| 351 document.createTextNode(':host /deep/ span { border: 1px solid g
reen; }')), | 351 document.createTextNode(':host /deep/ span { border: 1px solid g
reen; }')), |
| 352 createDOM('span', {}, | 352 createDOM('span', {}, |
| 353 document.createTextNode('some text'))), | 353 document.createTextNode('some text'))), |
| 354 createShadowRoot( | 354 createShadowRoot( |
| 355 createDOM('span', {'id': 'target'}, | 355 createDOM('span', {'id': 'target'}, |
| (...skipping 19 matching lines...) Expand all 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 |