third_party/WebKit/LayoutTests/fast/repaint/repaint-on-style-change.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>Test for repaint on style change</title>
   5     <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   6     <script>
   7         function repaintTest()
   8         {
   9             if (!window.testRunner)
  10                 return;
  11             document.getElementById('box').style['background-color'] = 'green';
  12         }
  13     </script>
  14     <style>
  15     div {
  16         background-color: magenta;
  17         height: 100px;
  18         width: 100px;
  19
  20         position: absolute;
  21         top: 260px;
  22         left: 260px;
  23     }
  24     </style>
  25 </head>
  26 <body onload="runRepaintTest()">
  27     <div id='box'> </div>
  28 </body>
  29 </html>
  30