third_party/WebKit/LayoutTests/fast/css/hover-display-block.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5   #test {
   6     font: "ahem";
   7     font-size: 50px;
   8     display: block;
   9     color: red;
  10   }
  11   a:hover #test {
  12     color: rgb(0, 255, 0);
  13   }
  14   </style>
  15 </head>
  16 <body>
  17   <div id="container">
  18   <a href="#">
  19     <span id="test">This text should be green when hovered.</span>
  20   </a>
  21 </div>
  22 </body>
  23
  24 <script src="../../resources/js-test.js"></script>
  25 <script>
  26   if (window.testRunner) {
  27     description("Hover should work for :display block elements (regressed in crbug.com/253472)")
  28     var test = document.getElementById('test');
  29     var container = document.getElementById('container');
  30     test.offsetTop;
  31     eventSender.mouseMoveTo(50, container.offsetTop + 25)
  32     test.offsetTop;
  33     shouldBeEqualToString("getComputedStyle(test, null).color", 'rgb(0, 255, 0)')
  34     container.parentNode.removeChild(container); // clean up after ourselves.
  35   }
  36   successfullyParsed = true;
  37 </script>