mirror of
https://github.com/servo/servo.git
synced 2025-08-12 08:55:32 +01:00
Update web-platform-tests to revision e1edaa3dd1bea4415ee88e042affee32028d7f1d
This commit is contained in:
parent
0bd2661492
commit
0cb6acf9a2
4828 changed files with 87680 additions and 41620 deletions
|
@ -35,42 +35,42 @@
|
|||
<p>This test checks that the alignment properties align-self and justify-self apply the 'stretch' value correctly on replaced elements.</p>
|
||||
|
||||
<div style="position: relative">
|
||||
<p>The green image's original size is 100px x 100px, default alignment is resolved as 'start' for replaced elements so it prevents stretching to be applied.</p>
|
||||
<p>The blue image's original size is 100px x 100px, default alignment is resolved as 'start' for replaced elements so it prevents stretching to be applied.</p>
|
||||
<div class="grid">
|
||||
<img src="/css/support/blue-100.png" data-expected-width="100" data-expected-height="100"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative">
|
||||
<p>The green image's original size is 100px x 100px, 'normal' is resolved as 'start' for replaced elements so it prevents stretching to be applied.</p>
|
||||
<p>The blue image's original size is 100px x 100px, 'normal' is resolved as 'start' for replaced elements so it prevents stretching to be applied.</p>
|
||||
<div class="grid itemsNormal">
|
||||
<img src="/css/support/blue-100.png" data-expected-width="100" data-expected-height="100"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative">
|
||||
<p>The green image's original size is 100px x 100px, but it should be stretched to fill the 500px x 500px grid area it's placed into.</p>
|
||||
<p>The blue image's original size is 100px x 100px, but it should be stretched to fill the 500px x 500px grid area it's placed into.</p>
|
||||
<div class="grid alignItemsStretch justifyItemsStretch">
|
||||
<img src="/css/support/blue-100.png" data-expected-width="500" data-expected-height="500"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative">
|
||||
<p>The green image's original size is 100px x 100px, non-stretch values prevent stretching to be applied.</p>
|
||||
<p>The blue image's original size is 100px x 100px, non-stretch values prevent stretching to be applied.</p>
|
||||
<div class="grid itemsCenter">
|
||||
<img src="/css/support/blue-100.png" data-expected-width="100" data-expected-height="100"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative">
|
||||
<p>The green image's original size is 100px x 100px, non-auto sizes prevent stretching to be applied.</p>
|
||||
<p>The blue image's original size is 100px x 100px, non-auto sizes prevent stretching to be applied.</p>
|
||||
<div class="grid">
|
||||
<img class="fixedSizes" src="/css/support/blue-100.png" data-expected-width="150" data-expected-height="150"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative">
|
||||
<p>The green image's original size is 100px x 100px, auto-margins prevent stretching to be applied.</p>
|
||||
<p>The blue image's original size is 100px x 100px, auto-margins prevent stretching to be applied.</p>
|
||||
<div class="grid">
|
||||
<img class="autoMargins" src="/css/support/blue-100.png" data-expected-width="100" data-expected-height="100"/>
|
||||
</div>
|
||||
|
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
||||
<link rel="help" href="https://crbug.com/1040069">
|
||||
<meta name="assert" content="This test checks that a dynamic change relative position paints the grid correctly."/>
|
||||
<style>
|
||||
#target {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, 50px);
|
||||
|
||||
position: relative;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div id="target">
|
||||
<div style="width: 100px; height: 100px; background: green;"></div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
document.getElementById('target').style.top = '0px';
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue