| 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 |