OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>/content/ combinator with dynamic attribute change</title> |
| 5 <script src="resources/shadow-dom.js"></script> |
| 6 <script src="../../../resources/js-test.js"></script> |
| 7 </head> |
| 8 <body> |
| 9 <div id="sandbox"> |
| 10 </div> |
| 11 <pre id="console"></pre> |
| 12 <script> |
| 13 var sandbox = document.getElementById('sandbox'); |
| 14 sandbox.appendChild( |
| 15 createDOM('div', {'id': 'host'}, |
| 16 createShadowRoot( |
| 17 createDOM('style', {}, |
| 18 document.createTextNode('content /content/ .selected { color: gr
een; }')), |
| 19 createDOM('content')), |
| 20 createDOM('div', {'id': 'child'}, |
| 21 document.createTextNode('I should be green.')))); |
| 22 shouldNotBe('window.getComputedStyle(document.querySelector("#host > #child")).c
olor', '"rgb(0, 128, 0)"'); |
| 23 document.body.offsetLeft; |
| 24 |
| 25 document.getElementById('child').classList.add('selected'); |
| 26 shouldBe('window.getComputedStyle(document.querySelector("#host > #child")).colo
r', '"rgb(0, 128, 0)"'); |
| 27 |
| 28 sandbox.innerHTML = ''; |
| 29 </script> |
| 30 </body> |
| 31 </html> |
OLD | NEW |