third_party/WebKit/LayoutTests/paint/invalidation/spv2/justify-items-legacy-change-expected.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 body {
   4   margin: 0;
   5 }
   6 #parentContainer {
   7   justify-items: legacy center;
   8   background-color: orange;
   9   width: 300px;
  10   height: 400px;
  11 }
  12
  13 #container {
  14   display: grid;
  15   grid: 100px 100px / 150px 150px;
  16   width: 200px;
  17   height: 300px;
  18   background-color: red;
  19 }
  20 .item1 {
  21   grid-row: 1;
  22   grid-column: 1;
  23   background-color: green;
  24   border: solid thin blue;
  25   width: 50px;
  26 }
  27 .item2 {
  28   grid-row: 1;
  29   grid-column: 2;
  30   background-color: green;
  31   border: solid thin blue;
  32   width: 50px;
  33 </style>
  34 <p style="height: 20px">Tests invalidation on justify-items style change (legacy value). Passes if green bars are centerd inside their red container.</p>
  35 <div id="parentContainer">
  36     <div id="container">
  37         <div class="item1">
  38             <div style="height: 50px"></div>
  39         </div>
  40         <div class="item2">
  41             <div style="height: 50px"></div>
  42         </div>
  43     </div>
  44 </div>