LayoutTests/fast/css/hover-subselector.html

   1 <html>
   2 <head>
   3 <title></title>
   4 <style type="text/css">
   5     span#t:hover { color: red; }
   6 </style>
   7 <script type="text/javascript">
   8 function test()
   9 {
  10     if (!window.eventSender)
  11         return;
  12     document.body.offsetTop;    // Force layout. The mouse is not tracked before first layout.
  13     eventSender.mouseMoveTo(16, 16);    // Hover.
  14     document.body.offsetTop;    // Update layout for hovered state.
  15 }
  16 </script>
  17 </head>
  18 <body onload="test()">
  19 <div>
  20 <span id="t">This should turn red when hovered.</span>
  21 </div>
  22 <hr>
  23 <p>
  24 Test for
  25 <i><a href="https://bugs.webkit.org/show_bug.cgi?id=7327">http://bugzilla.opendarwin.org/show_bug.cgi?id=7327</a>
  26 REGRESSION (r12869): :hover subselector does not work in quirks mode</i>.
  27 This tests that <code>span#t:hover</code> matches the hovered span.
  28 </p>
  29 </body>
  30 </html>