third_party/WebKit/LayoutTests/paint/invalidation/spv2/resize-skewed.html

   1 <!-- Based on fast/repaint/resize-skewed.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 window.expectedPaintInvalidationObjects = [
   6     "LayoutBlockFlow (positioned) DIV id='skewed'",
   7 ];
   8 function paintInvalidationTest() {
   9   document.getElementById('skewed').style.width = '200px';
  10 }
  11 onload = runPaintInvalidationTest;
  12 </script>
  13 <style>
  14 div {
  15   position: absolute;
  16   transform: skew(-45deg);
  17   transform-origin: left top;
  18   top: 50px;
  19   left: 500px;
  20   height: 500px;
  21 }
  22 #skewed {
  23   width: 100px;
  24   background-color: green;
  25 }
  26 #indicator {
  27   margin-left: 1px;
  28   width: 198px; /* Narrower than the target to avoid anti-alias effect. */
  29   background-color: red;
  30 }
  31 </style>
  32 Tests paint invalidation when a skewed element is resized. Passes if there is no red.
  33 <div id="indicator"></div>
  34 <div id="skewed"></div>
  35