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

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   document.getElementById('target').style.width = '300px';
   6   document.getElementById('target').style.height = '300px';
   7 }
   8 window.onload = runRepaintTest;
   9 </script>
  10 <style>
  11 body {
  12   margin: 0;
  13 }
  14 #container {
  15   position: absolute;
  16   top: 100px;
  17   left: 100px;
  18   width: 200px;
  19   height: 200px;
  20   overflow: hidden;
  21 }
  22 #target {
  23   width: 100px;
  24   height: 100px;
  25   border: green 10px solid;
  26   background-color: blue;
  27 }
  28 </style>
  29 Tests invalidation when a box with border is resized within a clipping container.
  30 Passes if the result paint rects don't exceed the container.
  31 <div id="container">
  32   <div id="target"></div>
  33 </div>