third_party/WebKit/LayoutTests/fast/repaint/percent-size-image-resize-container.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   var div = document.getElementsByTagName('div')[0];
   6   div.style.width = '100px';
   7   div.style.height = '200px';
   8 }
   9 onload = runRepaintTest;
  10 </script>
  11 <style>
  12 div {
  13   position: absolute;
  14   top: 50px;
  15   left: 0px;
  16   width: 150px;
  17   height: 150px;
  18 }
  19 img {
  20   position: absolute;
  21   width: 100%;
  22   height: 100%;
  23 }
  24 </style>
  25 The percent-sized image should be fully repainted on container's resize. Passes if there is a whole apple after resize.
  26 <div>
  27   <img src="resources/apple.jpg">
  28 </div>