src/third_party/WebKit/LayoutTests/compositing/repaint/resize-repaint.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5     <style>
   6         #resizing {
   7             width: 400px;
   8             border: 1px solid black;
   9             transform: translateZ(0);
  10         }
  11
  12         #resizing > div {
  13             height: 50px;
  14             margin: 1px;
  15             background-color: silver;
  16         }
  17     </style>
  18     <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
  19     <script>
  20         function repaintTest()
  21         {
  22             var resizingDiv = document.getElementById('resizing');
  23
  24             for (var i = 0; i < 2; ++i) {
  25                 var newDiv = document.createElement('div');
  26                 resizingDiv.appendChild(newDiv);
  27             }
  28         }
  29
  30         window.onload = runRepaintTest;
  31     </script>
  32 </head>
  33 <body>
  34
  35 <div id="resizing">
  36   <div></div>
  37   <div></div>
  38 </div>
  39
  40 </body>
  41 </html>