third_party/WebKit/LayoutTests/fast/repaint/align-self-change-no-flex.html

   1 <!DOCTYPE HTML>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   document.getElementsByClassName('item')[0].style.alignSelf = 'stretch';
   6   document.getElementsByClassName('item')[1].style.alignSelf = 'stretch';
   7 }
   8 onload = runRepaintTest;
   9 </script>
  10 <style>
  11 .container {
  12   width: 200px;
  13   height: 300px;
  14   background-color: blue;
  15 }
  16 .item {
  17   background-color: green;
  18   border: solid thin blue;
  19 }
  20 </style>
  21 There should be no invalidations when align-self changes on a non-flex container.
  22 <div id="container">
  23   <div class="item">
  24     <div style="height: 100px"></div>
  25   </div>
  26   <div class="item">
  27     <div style="height: 150px"></div>
  28   </div>
  29 </div>