OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../../resources/js-test.js"></script> |
| 3 <div id="host"> |
| 4 <div slot="s1">This text should be green</div> |
| 5 </div> |
| 6 <script> |
| 7 description("A changed inherited property on a slot parent should propagate
down to slotted elements."); |
| 8 |
| 9 var root = host.attachShadow({mode:"open"}); |
| 10 root.innerHTML = '<style>.p1 { color: green }</style><div id="p1"><slot name
="s1"></slot></div>'; |
| 11 var p1 = root.querySelector("#p1"); |
| 12 var s1 = host.querySelector("[slot]"); |
| 13 host.offsetTop; |
| 14 shouldBeEqualToString("getComputedStyle(s1).color", "rgb(0, 0, 0)"); |
| 15 p1.className = "p1"; |
| 16 shouldBeEqualToString("getComputedStyle(s1).color", "rgb(0, 128, 0)"); |
| 17 </script> |
OLD | NEW |