third_party/WebKit/LayoutTests/fast/repaint/hover-invalidation-table.html

   1 <!DOCTYPE html>
   2 <style>
   3 body {
   4     font: 10px/1 Ahem;
   5 }
   6
   7 tr:hover {
   8     background-color: green;
   9 }
  10
  11 table {
  12     position:relative;
  13     top: 180px;
  14 }
  15 </style>
  16 <script src="resources/text-based-repaint.js" type="text/javascript"></script>
  17 <script>
  18 function repaintTest()
  19 {
  20     var secondRowSpan = document.getElementById("secondRowSpan");
  21     var secondRowSpanBox = secondRowSpan.getBoundingClientRect();
  22     var secondRowSpanCenterX = (secondRowSpanBox.left + secondRowSpanBox.right) / 2;
  23     var secondRowSpanCenterY = (secondRowSpanBox.top + secondRowSpanBox.bottom) / 2;
  24
  25     if (window.eventSender) {
  26         eventSender.mouseMoveTo(secondRowSpanCenterX, secondRowSpanCenterY);
  27         eventSender.mouseDown();
  28         eventSender.mouseUp();
  29     }
  30 }
  31
  32 window.addEventListener("load", runRepaintTest);
  33 </script>
  34 <table>
  35     <tr>
  36         <td rowspan="2">1,1</td>
  37         <td>1,4</td>
  38     </tr>
  39     <tr>
  40         <td>2,3</td>
  41     </tr>
  42     <tr class="bla">
  43         <td rowspan="2" id="secondRowSpan">3,1</td>
  44         <td>3,4</td>
  45     </tr>
  46     <tr>
  47         <td>4,4</td>
  48     </tr>
  49 </table>