third_party/WebKit/LayoutTests/fast/table/table-row-focus-ring-paint.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title> Testcase for bug https://bugs.webkit.org/show_bug.cgi?id=85348 </title>
   5 <!--
   6 Issue: The focus ring used be drawn around the first row irrespective of the current focused row. The issue was fixed by the bug
   7        http://www.webkit.org/b/92389 .
   8 Description: The test case checks if the focus ring is drawn around currently focused table row.
   9 Expectation: Focus ring must be drawn around the green box and not around the yellow boxes.
  10  -->
  11 <script>
  12 if(window.testRunner)
  13     testRunner.dumpAsTextWithPixelResults();
  14 </script>
  15 </head>
  16 <body>
  17 <style>
  18 td {
  19     width: 50px;
  20     height: 50px;
  21     background:yellow;
  22  }
  23 </style>
  24 <table>
  25   <tr>
  26     <td></td>
  27   </tr>
  28   <tr id="row2" tabindex=0>
  29     <td style="background:green"></td>
  30   </tr>
  31   <tr tabindex=0>
  32     <td></td>
  33   </tr>
  34 </table>
  35 <script>
  36   document.getElementById('row2').focus();
  37 </script>
  38 </body>
  39 </html>