Update web-platform-tests to revision e1edaa3dd1bea4415ee88e042affee32028d7f1d

This commit is contained in:
WPT Sync Bot 2020-01-26 08:23:54 +00:00
parent 0bd2661492
commit 0cb6acf9a2
4828 changed files with 87680 additions and 41620 deletions

View file

@ -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>

View file

@ -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>