mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update web-platform-tests to revision e3698c7bb3c309df69134e9bc0a375f00535e226
This commit is contained in:
WPT Sync Bot
parent
1b38197812
commit
e447ba9856
102 changed files with 1364 additions and 221 deletions
|
|
@ -35,9 +35,17 @@ body { margin: 0; }
|
|||
}
|
||||
.item {
|
||||
height: 25px;
|
||||
border-color: black;
|
||||
border-color: gray;
|
||||
border-style: solid;
|
||||
}
|
||||
.grid.grid > * {
|
||||
background: silver;
|
||||
background: rgba(0,0,0,0.3);
|
||||
}
|
||||
.target.target {
|
||||
background: blue;
|
||||
border-color: navy;
|
||||
}
|
||||
.style1 {
|
||||
border-width: 5px 0px 10px;
|
||||
padding: 10px 0px 20px;
|
||||
|
|
@ -79,124 +87,134 @@ body { margin: 0; }
|
|||
</p>
|
||||
|
||||
<p>
|
||||
This case shows 3 items located along the first row and in different columns, so grid baseline is computed using the one located at first column (blue item).
|
||||
This case shows 3 items located along the first row and in different columns.
|
||||
The grid baseline is computed using the one located at first column (blue item)
|
||||
regardless of source order.
|
||||
</p>
|
||||
<div class="container" data-expected-width="480" data-expected-height="120">
|
||||
<div class="grid" data-offset-x="0" data-offset-y="20">
|
||||
<div class="item style1 firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="item style1 firstRowFirstColumn target" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="item style2 firstRowSecondColumn" data-offset-x="50" data-offset-y="10"></div>
|
||||
<div class="item style3 firstRowThirdColumn" data-offset-x="100" data-offset-y="20"></div>
|
||||
</div>
|
||||
<div class="grid" data-offset-x="160" data-offset-y="10">
|
||||
<div class="item style1 firstRowThirdColumn" data-offset-x="100" data-offset-y="0"></div>
|
||||
<div class="item style2 firstRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="item style2 firstRowFirstColumn target" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="item style3 firstRowSecondColumn" data-offset-x="50" data-offset-y="20"></div>
|
||||
</div>
|
||||
<div class="grid" data-offset-x="320" data-offset-y="0">
|
||||
<div class="item style1 firstRowSecondColumn" data-offset-x="50" data-offset-y="0"></div>
|
||||
<div class="item style2 firstRowThirdColumn" data-offset-x="100" data-offset-y="10"></div>
|
||||
<div class="item style3 firstRowFirstColumn" data-offset-x="0" data-offset-y="20"></div>
|
||||
<div class="item style3 firstRowFirstColumn target" data-offset-x="0" data-offset-y="20"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
This case shows 3 items located along the first row and in different columns, so such item is used to determine the grid's baseline instead of using the grid order.
|
||||
This case shows 3 items located along the first row and in different columns.
|
||||
The baseline-aligned item (blue) always determines the grid baseline.
|
||||
</p>
|
||||
<div class="container" data-expected-width="480" data-expected-height="120">
|
||||
<div class="grid" data-offset-x="0" data-offset-y="0">
|
||||
<div class="item style1 firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="item style2 firstRowSecondColumn" data-offset-x="50" data-offset-y="10"></div>
|
||||
<div class="item style3 firstRowThirdColumn alignSelfBaseline" data-offset-x="100" data-offset-y="20"></div>
|
||||
<div class="item style3 firstRowThirdColumn alignSelfBaseline target" data-offset-x="100" data-offset-y="20"></div>
|
||||
</div>
|
||||
<div class="grid" data-offset-x="160" data-offset-y="0">
|
||||
<div class="item style1 firstRowThirdColumn" data-offset-x="100" data-offset-y="0"></div>
|
||||
<div class="item style2 firstRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="item style3 firstRowSecondColumn alignSelfBaseline" data-offset-x="50" data-offset-y="20"></div>
|
||||
<div class="item style3 firstRowSecondColumn alignSelfBaseline target" data-offset-x="50" data-offset-y="20"></div>
|
||||
</div>
|
||||
<div class="grid" data-offset-x="320" data-offset-y="20">
|
||||
<div class="item style1 firstRowSecondColumn alignSelfBaseline" data-offset-x="50" data-offset-y="0"></div>
|
||||
<div class="item style1 firstRowSecondColumn alignSelfBaseline target" data-offset-x="50" data-offset-y="0"></div>
|
||||
<div class="item style2 firstRowThirdColumn" data-offset-x="100" data-offset-y="10"></div>
|
||||
<div class="item style3 firstRowFirstColumn" data-offset-x="0" data-offset-y="20"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
This case shows 3 items' areas intersecting the first row and first column, so the dom order must be used to determine each grid's baseline.
|
||||
This case shows 3 items' areas intersecting the first row and first column,
|
||||
but none of them participate in baseline alignment in the first row,
|
||||
so the dom order must be used to determine each grid's baseline.
|
||||
</p>
|
||||
<div class="container" data-expected-width="480" data-expected-height="165">
|
||||
<div class="grid twoRows" data-offset-x="0" data-offset-y="40">
|
||||
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowFirstColumn target" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div>
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="bothRowFirstColumn style2" style="align-self: last baseline" data-offset-x="0"></div>
|
||||
</div>
|
||||
<div class="grid twoRows" data-offset-x="160" data-offset-y="0">
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="bothRowFirstColumn target" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div>
|
||||
</div>
|
||||
<div class="grid twoRows" data-offset-x="320" data-offset-y="55">
|
||||
<div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div>
|
||||
<div class="firstRowBothColumn target" data-offset-x="0" data-offset-y="15"></div>
|
||||
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
This case shows 3 items' areas intersecting the first row and first column, but one of the items participates in baseline alignment, so such item is used to determine the grid's baseline instead of using the dom order.
|
||||
This case shows 3 items' areas intersecting the first row and first column,
|
||||
but one of the items participates in baseline alignment in the first row,
|
||||
so such item is used to determine the grid's baseline
|
||||
instead of using the dom order.
|
||||
</p>
|
||||
<div class="container" data-expected-width="480" data-expected-height="165">
|
||||
<div class="grid twoRows" data-offset-x="0" data-offset-y="55">
|
||||
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowBothColumn alignSelfBaseline" style="width: 100px; height: 20px;" data-offset-x="0" data-offset-y="15"></div>
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="firstRowBothColumn alignSelfBaseline target" style="width: 100px; height: 20px;" data-offset-x="0" data-offset-y="15"></div>
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
</div>
|
||||
<div class="grid twoRows" data-offset-x="160" data-offset-y="40">
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="firstRowFirstColumn alignSelfBaseline" style="width: 50px; height: 50px;" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="bothRowFirstColumn style2" style="align-self: last baseline" data-offset-x="0"></div>
|
||||
<div class="firstRowFirstColumn alignSelfBaseline target" style="width: 50px; height: 50px;" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div>
|
||||
</div>
|
||||
<div class="grid twoRows" data-offset-x="320" data-offset-y="0">
|
||||
<div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div>
|
||||
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="bothRowFirstColumn alignSelfBaseline" style="width: 40px; height: 80px;" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="bothRowFirstColumn alignSelfBaseline target" style="width: 40px; height: 80px;" data-offset-x="0" data-offset-y="10"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
This case shows one of the grids with no items, hence its baseline must be synthesized.
|
||||
This case shows one of the grids with no items,
|
||||
hence its baseline must be synthesized from its margin box.
|
||||
</p>
|
||||
<div class="container" data-expected-width="480" data-expected-height="250">
|
||||
<div class="grid twoRows" data-offset-x="0" data-offset-y="140">
|
||||
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowFirstColumn target" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div>
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
</div>
|
||||
<div class="grid twoRows" data-offset-x="160" data-offset-y="100">
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="bothRowFirstColumn target" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div>
|
||||
</div>
|
||||
<div class="grid empty twoRows" data-offset-x="320" data-offset-y="15">
|
||||
<div class="grid empty twoRows target" data-offset-x="320" data-offset-y="15">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
This case shows one of the grids with no items in the first row, hence its baseline must be synthesized.
|
||||
This case shows two of the grids with no items in their first row,
|
||||
hence the items in the second row are evaluated.
|
||||
</p>
|
||||
<div class="container" data-expected-width="480" data-expected-height="300">
|
||||
<div class="grid twoRows" data-offset-x="0" data-offset-y="190">
|
||||
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="container" data-expected-width="480" data-expected-height="250">
|
||||
<div id=first class="grid twoRows" data-offset-x="0" data-offset-y="80">
|
||||
<div class="firstRowFirstColumn target" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div>
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
</div>
|
||||
<div class="grid twoRows" data-offset-x="160" data-offset-y="150">
|
||||
<div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div>
|
||||
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div>
|
||||
<div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div>
|
||||
<div id=second class="grid threeRows" data-offset-x="160" data-offset-y="55">
|
||||
<div class="thirdRowFirstColumn" data-offset-x="0" data-offset-y="100"></div>
|
||||
<div class="secondRowBothColumn" data-offset-x="0" data-offset-y="65"></div>
|
||||
<div class="secondRowSecondColumn style3 alignSelfBaseline target" id="first" data-offset-x="0" data-offset-y="80"></div>
|
||||
</div>
|
||||
<div class="grid empty threeRows" data-offset-x="320" data-offset-y="15">
|
||||
<div class="secondRowFirstColumn" data-offset-x="0" data-offset-y="60"></div>
|
||||
<div class="thirdRowSecondColumn" data-offset-x="50" data-offset-y="110"></div>
|
||||
<div class="secondRowFirstColumn target" data-offset-x="0" data-offset-y="60"></div>
|
||||
<div class="secondRowBothColumn" data-offset-x="0" data-offset-y="75"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue