WebCore/manual-tests/bugzilla-6821.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en">
   4 <head>
   5 <style>
   6     div { width: 60px; text-align: center;
   7             position: relative; }
   8     div#a { background: green; }
   9     div#b { background: yellow; }
  10     div#a:hover { background: red; }
  11     div#b:hover { background: green; }
  12     span#c:hover { color: red; }
  13 </style>
  14 </head>
  15 <body>
  16 <p><b>BUG ID:</b> <a href="http://bugs.webkit.org/show_bug.cgi?id=6821">Bugzilla bug 6821</a> Fix for 5983 will not always update hover correctly.</p>
  17
  18 <p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b>
  19 Move the mouse over the text &ldquo;Hover here&rdquo; until it disappears and &ldquo;Wait&rdquo; appears, then DO NOT MOVE the mouse
  20 until the end of the test.
  21 </p>
  22
  23 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  24 After a second, you should see &ldquo;Only green now&rdquo; over a green background.
  25 No other colors should be visible.
  26 </p>
  27
  28 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  29 &ldquo;Only green now&rdquo; will appear over a yellow background with a red
  30 rect at the top. If you  move the mouse over the background, the colors will
  31 change to green eventually.
  32 </p>
  33
  34 <hr>
  35
  36 <script type="text/javascript">
  37 function hideC()
  38 {
  39     c.style.display = 'none';
  40 }
  41
  42 function hoveredC()
  43 {
  44     window.setTimeout(hideC, 1000);
  45 }
  46
  47 </script>
  48
  49 <div id="a">
  50 <div style="height: 20px;"></div>
  51 <span id="c" onmouseover="hoveredC()">Hover here<br><span style="background: black;">&nbsp;Wait&nbsp;</span></span>
  52 </div>
  53 <div id="b">
  54 Only green now
  55 </div>
  56 </body>
  57 </html>