third_party/WebKit/LayoutTests/fast/css/affected-by-hover-after-style-change.html

   1 <style>
   2     .bar { width: 100px; height: 100px; background-color: red; }
   3     .foo:hover .bar { background-color: green; }
   4 </style>
   5 <div class="foo" id="target">
   6     <div class="bar"></div>
   7 </div>
   8 <div id="result">This test runs in DumpRenderTree</div>
   9 <script>
  10     document.body.offsetLeft;
  11     document.getElementById("target").style.left = "0";
  12     if (window.eventSender) {
  13         eventSender.mouseMoveTo(200, 50);
  14         eventSender.mouseMoveTo(210, 50);
  15         testRunner.dumpAsText();
  16         document.getElementById("result").innerText = getComputedStyle(document.getElementById("target").firstElementChild).backgroundColor === "rgb(0, 128, 0)" ? "PASS" : "FAIL";
  17     }
  18 </script>