third_party/WebKit/LayoutTests/paint/invalidation/spv2/percent-size-image-resize-container.html

   1 <!-- Based on fast/repaint/percent-size-image-resize-container.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 if (window.testRunner)
   6   testRunner.dumpAsText();
   7
   8 window.expectedPaintInvalidationObjects = [
   9     "LayoutBlockFlow (positioned) DIV",
  10     "LayoutImage (positioned) IMG",
  11 ];
  12 function paintInvalidationTest() {
  13   var div = document.getElementsByTagName('div')[0];
  14   div.style.width = '100px';
  15   div.style.height = '200px';
  16 }
  17 onload = runPaintInvalidationTest;
  18 </script>
  19 <style>
  20 div {
  21   position: absolute;
  22   top: 50px;
  23   left: 0px;
  24   width: 150px;
  25   height: 150px;
  26 }
  27 img {
  28   position: absolute;
  29   width: 100%;
  30   height: 100%;
  31 }
  32 </style>
  33 The percent-sized image should be fully repainted on container's resize. Passes if there is a whole apple after resize.
  34 <div>
  35   <img src="../../../fast/repaint/resources/apple.jpg">
  36 </div>