third_party/WebKit/LayoutTests/paint/invalidation/spv2/justify-self-change-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   justify-items: center;
  10   width: 200px;
  11   height: 300px;
  12   background-color: red;
  13 }
  14 .item1 {
  15   grid-row: 1;
  16   grid-column: 1;
  17   background-color: green;
  18   border: solid thin blue;
  19   width: 50px;
  20   justify-self: start;
  21 }
  22 .item2 {
  23   grid-row: 1;
  24   grid-column: 2;
  25   background-color: green;
  26   border: solid thin blue;
  27   width: 50px;
  28   justify-self: end;
  29 </style>
  30 <p style="height: 20px">Tests invalidation on justify-self style change. Passes if there is no red.</p>
  31 <div id="container">
  32   <div class="item1">
  33     <div style="height: 150px"></div>
  34   </div>
  35   <div class="item2">
  36     <div style="height: 100px"></div>
  37   </div>
  38 </div>