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