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 381 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
392 createDOM('span', {}, | 392 createDOM('span', {}, |
393 document.createTextNode('some text'))), | 393 document.createTextNode('some text'))), |
394 createShadowRoot( | 394 createShadowRoot( |
395 createDOM('span', {'id': 'target'}, | 395 createDOM('span', {'id': 'target'}, |
396 document.createTextNode('green border'))))); | 396 document.createTextNode('green border'))))); |
397 | 397 |
398 borderColorShouldBe('host//target', 'rgb(0, 128, 0)'); | 398 borderColorShouldBe('host//target', 'rgb(0, 128, 0)'); |
399 | 399 |
400 cleanUp(); | 400 cleanUp(); |
401 | 401 |
| 402 sandbox.appendChild( |
| 403 createDOM('div', {'id': 'host'}, |
| 404 createShadowRoot( |
| 405 createDOM('style', {}, |
| 406 document.createTextNode('* /deep/ .x-bar div { border: 1px solid
red; }')), |
| 407 createDOM('div', {'id': 'x-foo'}, |
| 408 document.createTextNode('x-foo')), |
| 409 createDOM('div', {}, |
| 410 createDOM('div', {'id': 'x-bar-host', 'class': 'x-bar'}, |
| 411 createShadowRoot( |
| 412 createDOM('div', {'id': 'x-bar-target'}, |
| 413 document.createTextNode('x-bar')), |
| 414 createDOM('div', {'id': 'x-zot-host', 'class': 'x-zot'}, |
| 415 createShadowRoot( |
| 416 createDOM('div', {'id': 'x-zot-target'}, |
| 417 document.createTextNode('x-zot')))))))))); |
| 418 |
| 419 borderColorShouldNotBe('host/x-bar-host/x-bar-target', 'rgb(255, 0, 0)'); |
| 420 borderColorShouldNotBe('host/x-bar-host/x-zot-host/x-zot-target', 'rgb(255, 0, 0
)'); |
| 421 cleanUp(); |
| 422 |
402 </script> | 423 </script> |
403 </html> | 424 </html> |
404 | 425 |
OLD | NEW |