third_party/WebKit/LayoutTests/fast/css/pseudo-not-empty-adjacent-dynamic.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4 #empty:not(:empty) + div { background-color: green; }
   5 </style>
   6 <div id="empty"></div>
   7 <div id="sibling">This text should be green</div>
   8 <script>
   9 description("Check that the sibling of an element that becomes :not(:empty) is properly recalculated");
  10
  11 var transparent = "rgba(0, 0, 0, 0)";
  12 var green = "rgb(0, 128, 0)";
  13
  14 empty.offsetTop; // force recalc
  15 empty.style.color = "red"; // force LocalStyleChange on #empty
  16 empty.offsetTop; // force recalc
  17
  18 shouldBe("getComputedStyle(sibling, '').backgroundColor", "transparent");
  19
  20 empty.appendChild(document.createElement("div"));
  21 empty.offsetTop; // force recalc
  22
  23 shouldBe("getComputedStyle(sibling, '').backgroundColor", "green");
  24 </script>