third_party/WebKit/LayoutTests/paint/invalidation/spv2/align-self-change-keeping-geometry.html

   1 <!-- Based on fast/repaint/align-self-change-keeping-geometry.html -->
   2 <!DOCTYPE HTML>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 window.expectedPaintInvalidationObjects = [
   6 ];
   7 function paintInvalidationTest() {
   8   document.getElementsByClassName('item')[0].style.alignSelf = 'stretch';
   9   document.getElementsByClassName('item')[1].style.alignSelf = 'stretch';
  10 }
  11 onload = runPaintInvalidationTest;
  12 </script>
  13 <style>
  14 .flex {
  15   display: flex;
  16   align-items: flex-start;
  17   width: 200px;
  18   height: 300px;
  19   background-color: red;
  20 }
  21 .item {
  22   background-color: green;
  23   border: solid thin blue;
  24   width: 100px;
  25   height: 300px;
  26 }
  27 </style>
  28 <p style="height: 20px">There should be no invalidations because align-self style change causes no visual change.</p>
  29 <div class="flex">
  30   <div class="item"></div>
  31   <div class="item"></div>
  32 </div>