| <!DOCTYPE html> |
| <style> |
| body { |
| margin: 0; |
| } |
| |
| table { |
| border-collapse: collapse; |
| padding: 4px; |
| } |
| |
| tr { |
| background: red; |
| } |
| |
| td { |
| width: 260px; |
| height: 50px; |
| /* Disable the cell padding for output simplicity. */ |
| padding: 0; |
| } |
| </style> |
| <!-- |
| This test checks that we correctly invalidate a row on a table with padding. |
| There should be no red below. |
| --> |
| <table> |
| <td></td> |
| </table> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| repaintTest = function() { |
| var row = document.getElementsByTagName("tr")[0]; |
| row.style.background = "green"; |
| } |
| |
| runAfterLayoutAndPaint(function() { |
| runRepaintAndPixelTest(); |
| }); |
| </script> |