| When updating the tree, the style needs to be invalidated when the :first-child changes, even if there is no renderer. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Base case for rightmost element with :first-child |
| PASS getComputedStyle(document.getElementById("target1")).color is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById("target2")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("target3")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("target1")).backgroundColor is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("target2")).backgroundColor is "rgb(4, 5, 6)" |
| PASS getComputedStyle(document.getElementById("target3")).backgroundColor is "rgb(4, 5, 6)" |
| Removed first child (target1) |
| PASS getComputedStyle(document.getElementById("target2")).color is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById("target3")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("target2")).backgroundColor is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("target3")).backgroundColor is "rgb(4, 5, 6)" |
| Add back target1 at the end |
| PASS getComputedStyle(document.getElementById("target2")).color is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById("target3")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("target1")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("target2")).backgroundColor is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("target3")).backgroundColor is "rgb(4, 5, 6)" |
| PASS getComputedStyle(document.getElementById("target1")).backgroundColor is "rgb(4, 5, 6)" |
| Base case for a styled element with an ancestor affected by :first-child |
| PASS getComputedStyle(document.getElementById("target4")).color is "rgb(7, 8, 9)" |
| PASS getComputedStyle(document.getElementById("target5")).color is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("target6")).color is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("target4")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("target5")).backgroundColor is "rgb(10, 11, 12)" |
| PASS getComputedStyle(document.getElementById("target6")).backgroundColor is "rgb(10, 11, 12)" |
| Removed first child (target4's parent) |
| PASS getComputedStyle(document.getElementById("target5")).color is "rgb(7, 8, 9)" |
| PASS getComputedStyle(document.getElementById("target6")).color is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("target5")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("target6")).backgroundColor is "rgb(10, 11, 12)" |
| Add back target4's parent at the end |
| PASS getComputedStyle(document.getElementById("target5")).color is "rgb(7, 8, 9)" |
| PASS getComputedStyle(document.getElementById("target6")).color is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("target4")).color is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("target5")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("target6")).backgroundColor is "rgb(10, 11, 12)" |
| PASS getComputedStyle(document.getElementById("target4")).backgroundColor is "rgb(10, 11, 12)" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
