| Test style update caused by changes the positional property "first-child" on a sibling. This test does not use any sibling "~" combinator to avoid its more generic marking. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| The initial state has <foo> in first position, it should match. |
| PASS getComputedStyle(document.getElementById("bar-with-renderer")).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById("baz-with-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("bar-without-renderer")).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById("baz-without-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("bar-with-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("baz-with-renderer")).color is "rgb(4, 5, 6)" |
| PASS getComputedStyle(document.getElementById("bar-without-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("baz-without-renderer")).color is "rgb(4, 5, 6)" |
| Adding an element as first child should clear the style. |
| PASS getComputedStyle(document.getElementById("bar-with-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("baz-with-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("bar-without-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("baz-without-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("bar-with-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("baz-with-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("bar-without-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("baz-without-renderer")).color is "rgb(0, 0, 0)" |
| Removing that first element put back the style. |
| PASS getComputedStyle(document.getElementById("bar-with-renderer")).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById("baz-with-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("bar-without-renderer")).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById("baz-without-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("bar-with-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("baz-with-renderer")).color is "rgb(4, 5, 6)" |
| PASS getComputedStyle(document.getElementById("bar-without-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("baz-without-renderer")).color is "rgb(4, 5, 6)" |
| Removing <foo> should clear the style. |
| PASS getComputedStyle(document.getElementById("bar-with-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("baz-with-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("bar-without-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("baz-without-renderer")).backgroundColor is "rgb(255, 255, 255)" |
| PASS getComputedStyle(document.getElementById("bar-with-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("baz-with-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("bar-without-renderer")).color is "rgb(0, 0, 0)" |
| PASS getComputedStyle(document.getElementById("baz-without-renderer")).color is "rgb(0, 0, 0)" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |