container-backgrounds-on-cell-resize.html

<!DOCTYPE html>
<style>
  tr { height: 30px }
</style>
Should repaint the backgrounds of column (yellow), section (blue) and row (green) when cells resize.
<table style="width: 300px">
  <colgroup>
    <col style="background: yellow">
  </colgroup>
  <thead style="background: blue">
    <tr>
      <td>A</td><td id="cell" style="width: 100px">B</td><td>C</td>
    </tr>
  </thead>
  <tbody>
    <tr style="background: green">
      <td>A</td><td>B</td><td>C</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>A</td><td>B</td><td>C</td>
    </tr>
  </tfoot>
</table>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
  cell.style.width = '200px';
}, true);
</script>

chromium/third_party/blink/web_tests/paint/invalidation/table/container-backgrounds-on-cell-resize.html