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