| <!DOCTYPE html> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| onload = function() { |
| runAfterLayoutAndPaint(function() { |
| document.getElementById('row1').style.backgroundColor = 'green'; |
| document.getElementById('row2').style.backgroundColor = 'green'; |
| }, true); |
| }; |
| </script> |
| Tests repaint of composited table cells when their containers change background. |
| Passes if there are two green table cells. |
| <table> |
| <tr id="row1" style="backface-visibility: hidden; background-color: red"> |
| <td style="backface-visibility: hidden; width: 100px; height: 50px"></td> |
| </tr> |
| <tr id="row2" style="background-color: red"> |
| <td style="backface-visibility: hidden; width: 100px; height: 50px"></td> |
| </tr> |
| </table> |
