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 <style> | 3 <style> |
4 #match { background-color: red } | 4 #match { background-color: red } |
5 #hover:hover #match { background-color: green } | 5 #hover:hover #match { background-color: green } |
6 </style> | 6 </style> |
7 <div id="hover"> | 7 <div id="hover"> |
8 Hover this text ... | 8 Hover this text ... |
9 <span></span> | 9 <span></span> |
10 <span></span> | 10 <span></span> |
(...skipping 22 matching lines...) Expand all Loading... |
33 // Add and remove a ":hover *" rule from a shadow tree. | 33 // Add and remove a ":hover *" rule from a shadow tree. |
34 var root = host.createShadowRoot(); | 34 var root = host.createShadowRoot(); |
35 root.innerHTML = "<style>:hover * { background-color: pink }</style>"; | 35 root.innerHTML = "<style>:hover * { background-color: pink }</style>"; |
36 hover.offsetTop; | 36 hover.offsetTop; |
37 root.innerHTML = ""; | 37 root.innerHTML = ""; |
38 | 38 |
39 shouldBe("getComputedStyle(match).backgroundColor", "red"); | 39 shouldBe("getComputedStyle(match).backgroundColor", "red"); |
40 | 40 |
41 hoverElement(hover); | 41 hoverElement(hover); |
42 | 42 |
43 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "2"); | 43 shouldBe("internals.updateStyleAndLayoutAndReturnAffectedElementCount()", "2"); |
44 shouldBe("getComputedStyle(match).backgroundColor", "green"); | 44 shouldBe("getComputedStyle(match).backgroundColor", "green"); |
45 | 45 |
46 </script> | 46 </script> |
OLD | NEW |