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