48 lines
3.3 KiB
Plaintext
48 lines
3.3 KiB
Plaintext
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
|
|
|