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 |