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