third_party/WebKit/LayoutTests/fast/repaint/resize-with-border.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest()
   5 {
   6     document.getElementById('div').style.width = '400px';
   7 }
   8 window.onload = runRepaintTest;
   9 </script>
  10 <style>
  11 body {
  12     margin: 0;
  13 }
  14 #div {
  15     position: absolute;
  16     top: 100px;
  17     left: 100px;
  18     width: 200px;
  19     height: 200px;
  20     border: green 10px solid;
  21 }
  22 </style>
  23 <div>
  24 Tests repaint when a box with border is resized.
  25 Passes if the result paint rects cover all changed part,
  26 the new border is correctly drawn and there is no residue of the old border.
  27 </div>
  28 <div id="div"></div>