third_party/WebKit/LayoutTests/fast/repaint/resize-skewed.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   document.getElementById('skewed').style.width = '200px';
   6 }
   7 onload = runRepaintTest;
   8 </script>
   9 <style>
  10 div {
  11   position: absolute;
  12   transform: skew(-45deg);
  13   transform-origin: left top;
  14   top: 50px;
  15   left: 500px;
  16   height: 500px;
  17 }
  18 #skewed {
  19   width: 100px;
  20   background-color: green;
  21 }
  22 #indicator {
  23   width: 200px;
  24   background-color: red;
  25 }
  26 </style>
  27 Tests paint invalidation when a skewed element is resized. Passes if there is no red.
  28 <div id="indicator"></div>
  29 <div id="skewed"></div>
  30