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

   1 <!DOCTYPE HTML>
   2 <style>
   3 body {
   4   margin: 0;
   5 }
   6 #container {
   7   display: grid;
   8   grid: 100px 100px / 150px 150px;
   9   width: 200px;
  10   height: 300px;
  11   background-color: red;
  12 }
  13 .item1 {
  14   grid-row: 1;
  15   grid-column: 1;
  16   justify-self: left;
  17   background-color: green;
  18   width: 50px;
  19 }
  20 .item2 {
  21   grid-row: 1;
  22   grid-column: 2;
  23   justify-self: right;
  24   background-color: green;
  25   width: 50px;
  26 </style>
  27 <p style="height: 20px">Tests invalidation on justify-self style change. Passes if there is no red.</p>
  28 <div id="container">
  29   <div class="item1">
  30     <div style="height: 150px"></div>
  31   </div>
  32   <div class="item2">
  33     <div style="height: 100px"></div>
  34   </div>
  35 </div>