| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <script src="../../../resources/js-test.js"></script> | |
| 3 <script src="resources/shadow-dom.js"></script> | |
| 4 <div id="sandbox"></div> | |
| 5 <script> | |
| 6 description("::content /deep/ should match deep into distributed subtree."); | |
| 7 | |
| 8 var shadowStyle = document.createElement('style'); | |
| 9 shadowStyle.innerText = "::content /deep/ #target { color: green; }"; | |
| 10 | |
| 11 sandbox.appendChild( | |
| 12 createDOM('div', {}, | |
| 13 createShadowRoot( | |
| 14 shadowStyle, | |
| 15 createDOM('content')), | |
| 16 createDOM('div', {'id': 'inner'}, | |
| 17 createShadowRoot( | |
| 18 createDOM('div', {'id': 'target'}, | |
| 19 document.createTextNode('This text should be green')))))); | |
| 20 | |
| 21 var target = sandbox.querySelector("#inner").shadowRoot.querySelector("#target")
; | |
| 22 | |
| 23 shouldBeEqualToString("getComputedStyle(target).color", "rgb(0, 128, 0)"); | |
| 24 </script> | |
| OLD | NEW |