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 #hovered { width: 100px; height: 100px; background-color: orange } | 4 #hovered { width: 100px; height: 100px; background-color: orange } |
5 #hovered::first-letter { color: lime } | 5 #hovered::first-letter { color: lime } |
6 #hovered:hover { background-color: green } | 6 #hovered:hover { background-color: green } |
7 #hovered:hover + div #target { background-color: green } | 7 #hovered:hover + div #target { background-color: green } |
8 </style> | 8 </style> |
9 <div id="hovered"> | 9 <div id="hovered"> |
10 <div></div> | 10 <div></div> |
(...skipping 24 matching lines...) Expand all Loading... |
35 shouldBe("getComputedStyle(target).backgroundColor", "transparent"); | 35 shouldBe("getComputedStyle(target).backgroundColor", "transparent"); |
36 | 36 |
37 shouldBeDefined("window.eventSender"); | 37 shouldBeDefined("window.eventSender"); |
38 | 38 |
39 if (window.eventSender) | 39 if (window.eventSender) |
40 hoverElement(hovered); | 40 hoverElement(hovered); |
41 | 41 |
42 // Recalc #hovered (1), its subtree (2) due to ::first-letter, and #target (1). | 42 // Recalc #hovered (1), its subtree (2) due to ::first-letter, and #target (1). |
43 // In total: 4. | 43 // In total: 4. |
44 if (window.internals) | 44 if (window.internals) |
45 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "4"); | 45 shouldBe("internals.updateStyleAndLayoutAndReturnAffectedElementCount()", "4
"); |
46 | 46 |
47 shouldBe("getComputedStyle(target).backgroundColor", "green"); | 47 shouldBe("getComputedStyle(target).backgroundColor", "green"); |
48 | 48 |
49 </script> | 49 </script> |
OLD | NEW |