src/third_party/WebKit/LayoutTests/fast/repaint/add-table-overpaint.html

   1
   2 <!DOCTYPE html>
   3 <html>
   4 <body onload="runRepaintTest()" style="margin: 0px">
   5 <script src="resources/repaint.js"></script>
   6 <style>
   7 td {
   8   height: 150px;
   9   width: 150px;
  10   background-color: blue;
  11 }
  12 </style>
  13 <!-- This test adds 3 tables do the document.  Adding the 3rd table should not cause the first table to repaint. -->
  14 <div id="container"></div>
  15 <script>
  16 function addTable() {
  17         var div = document.createElement('div');
  18         document.getElementById('container').appendChild(div);
  19   div.innerHTML = '<table><td></td></table>';
  20 }
  21 addTable();
  22 addTable();
  23 if (window.testRunner)
  24     testRunner.dumpAsTextWithPixelResults(); // We don't care about the rendering tree dump, just the pixel dump.
  25 function repaintTest() {
  26   addTable();
  27 }
  28 </script>
  29 </body>
  30 </html>