OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../resources/js-test.js"></script> | 2 <script src="../../resources/js-test.js"></script> |
3 <style> | 3 <style> |
4 #test :nth-child(odd) { color: green; } | 4 #test :nth-child(odd) { color: green; } |
5 #test :not(.a) { color: rgb(200, 200, 200); } | 5 #test :not(.a) { color: rgb(200, 200, 200); } |
6 </style> | 6 </style> |
7 <div id="test"> | 7 <div id="test"> |
8 <div></div> | 8 <div></div> |
9 <div></div> | 9 <div></div> |
10 <div></div> | 10 <div></div> |
11 <div></div> | 11 <div></div> |
12 <div></div> | 12 <div></div> |
13 <div></div> | 13 <div></div> |
14 <div></div> | 14 <div></div> |
15 <div></div> | 15 <div></div> |
16 </div> | 16 </div> |
17 <script> | 17 <script> |
18 description("Not necessary to recalc sibling styles for :nth-child when no mutat
ions have happened."); | 18 description("Not necessary to recalc sibling styles for :nth-child when no mutat
ions have happened."); |
19 | 19 |
20 document.body.offsetTop; | 20 document.body.offsetTop; |
21 | 21 |
22 var testElm = document.querySelector("#test div"); | 22 var testElm = document.querySelector("#test div"); |
23 testElm.className = "a"; | 23 testElm.className = "a"; |
24 | 24 |
25 if (window.internals) | 25 if (window.internals) |
26 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "1"); | 26 shouldBe("internals.updateStyleAndLayoutAndReturnAffectedElementCount()", "1
"); |
27 | 27 |
28 var green = "rgb(0, 128, 0)"; | 28 var green = "rgb(0, 128, 0)"; |
29 shouldBe("getComputedStyle(testElm, null).color", "green"); | 29 shouldBe("getComputedStyle(testElm, null).color", "green"); |
30 </script> | 30 </script> |
OLD | NEW |