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

   1 <!-- Based on fast/repaint/align-self-change-keeping-geometry-grid.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 }
  10 onload = runPaintInvalidationTest;
  11 </script>
  12 <style>
  13 body {
  14   margin: 0;
  15 }
  16 #container {
  17   display: grid;
  18   grid: 100px / 300px;
  19   width: 200px;
  20   height: 300px;
  21   background-color: red;
  22 }
  23 .item {
  24   grid-row: 1;
  25   grid-column: 1;
  26   align-self: start;
  27   background-color: green;
  28 }
  29 </style>
  30 <p style="height: 20px">There should be no invalidations because align-self style change causes no visual change.</p>
  31 <div id="container">
  32   <div class="item">
  33     <div style="height: 300px"></div>
  34   </div>
  35 </div>