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 |