third_party/WebKit/LayoutTests/fast/css/nth-child-no-mutations.html

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