src/third_party/WebKit/LayoutTests/fast/repaint/table-hover-on-link.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 html {
   6     font-size: 10px;
   7     font-family: Ahem;
   8     -webkit-font-smoothing: none;
   9 }
  10
  11 a {
  12     color: #0F0;
  13     background: #F00;
  14 }
  15 a:hover {
  16         background: #0F0;
  17 }
  18
  19 #table {
  20         display: table;
  21         overflow: hidden;
  22 }
  23 </style>
  24 <script src="resources/repaint.js"></script>
  25 <script>
  26     function repaintTest()
  27     {
  28         if (!window.testRunner)
  29             return;
  30
  31         var table = document.getElementById("table");
  32         var tableBox = table.getBoundingClientRect();
  33         var tableCenterX = (tableBox.left + tableBox.right) / 2;
  34         var tableCenterY = (tableBox.top + tableBox.bottom) / 2;
  35
  36         eventSender.mouseMoveTo(tableCenterX, tableCenterY);
  37         eventSender.mouseDown();
  38         eventSender.mouseUp();
  39     }
  40     window.addEventListener("load", runRepaintTest);
  41 </script>
  42 </head>
  43 <body>
  44 <!--
  45     REGRESSION(r110072): :hover doesn't work on table child with overflow: hidden
  46     http://webkit.org/b/81460
  47     To test this bug outside DRT, hover on the link below.
  48 -->
  49 <div id="table">
  50     <a href="inexistant_resources.html" >When hovered, the background should have the same color as this text.</a>
  51 </div>
  52 </body>
  53 </html>