OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../js/resources/js-test-pre.js"></script> |
| 3 <body> |
| 4 <div id="div1"></div> |
| 5 </body> |
| 6 <script> |
| 7 if (window.testRunner) |
| 8 testRunner.dumpAsText(); |
| 9 |
| 10 description("This test ensures we properly invalidate style when adding children
affected by direct adjacent sibling selectors."); |
| 11 |
| 12 var div1 = document.getElementById('div1'); |
| 13 var div2 = document.createElement('div'); |
| 14 div1.appendChild(div2); |
| 15 var testDiv = document.createElement('div'); |
| 16 testDiv.id = "testDiv"; |
| 17 div2.appendChild(testDiv); |
| 18 var style = document.createElement('style'); |
| 19 document.documentElement.firstChild.appendChild(style); |
| 20 style.appendChild(document.createTextNode("#div1 > div + div > div { color: red;
}\n")); |
| 21 |
| 22 // Recalc style with our test div not matching the selector |
| 23 document.defaultView.getComputedStyle(testDiv, "").color; |
| 24 |
| 25 var trigger = document.createElement('div'); |
| 26 div1.insertBefore(trigger, div2); |
| 27 shouldBe('document.defaultView.getComputedStyle(testDiv).color', '"rgb(255, 0, 0
)"'); |
| 28 |
| 29 </script> |
| 30 <script src="../js/resources/js-test-post.js"></script> |
OLD | NEW |