Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-07 22:45:34 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'e055b8d439d6f4b09635f1f0c3180e17cf368071'

Browse source
This commit is contained in:
WPT Sync Bot 2021-03-05 08:20:23 +00:00
parent 8aad7694e2
commit 3abcd4237f
66 changed files with 621 additions and 461 deletions
Download patch file Download diff file Expand all files Collapse all files

17
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-025.html
View file

@ -14,6 +14,7 @@
.item {
background: green;
padding-top: 15px;
padding-left: 10px;
box-sizing: border-box;
}
</style>
@ -49,25 +50,25 @@
because its value contains 'auto'. -->
<div class="flexContainer" style="width: auto;">
<!-- The content-box height 10px is transferred to the main axis,
yielding a resolved flex base size of 200px. -->
<div class="item" style="min-width:0; height: 25px; aspect-ratio: auto 20/1;"></div>
yielding a resolved flex base size of 190px. -->
<div class="item" style="min-width:0; height: 25px; aspect-ratio: auto 19/1;"></div>
</div>
<div class="flexContainer">
<!-- The content-box height 10px is transferred to the main axis,
yielding a resolved min-width:auto of 200px. -->
<div class="item" style="height: 25px; aspect-ratio: auto 20/1;"></div>
yielding a resolved min-width:auto of 190px. -->
<div class="item" style="height: 25px; aspect-ratio: auto 19/1;"></div>
</div>
<div class="flexContainer">
<!-- The content-box min-height 10px is transferred to the main axis,
yielding a resolved min-width:auto of 200px. -->
<div class="item" style="min-height: 25px; aspect-ratio: auto 20/1;"></div>
yielding a resolved min-width:auto of 190px. -->
<div class="item" style="min-height: 25px; aspect-ratio: auto 19/1;"></div>
</div>
<div class="flexContainer">
<!-- The content-box height 10px (clamped by max-height) is transferred
to the main axis, yielding a resolved min-width:auto of 200px. -->
<div class="item" style="max-height: 25px; height: 100px; aspect-ratio: auto 20/1;"></div>
to the main axis, yielding a resolved min-width:auto of 190px. -->
<div class="item" style="max-height: 25px; height: 100px; aspect-ratio: auto 19/1;"></div>
</div>
</html>

17
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-026.html
View file

@ -15,6 +15,7 @@
.item {
background: green;
padding-left: 15px;
padding-top: 10px;
box-sizing: border-box;
}
.item > div {
@ -53,25 +54,25 @@
because its value contains 'auto'. -->
<div class="flexContainer" style="height: auto;">
<!-- The content-box width 10px is transferred to the main axis,
yielding a resolved flex base size of 200px. -->
<div class="item" style="min-height:0; width: 25px; aspect-ratio: auto 1/20;"><div></div></div>
yielding a resolved flex base size of 190px. -->
<div class="item" style="min-height:0; width: 25px; aspect-ratio: auto 1/19;"><div></div></div>
</div>
<div class="flexContainer">
<!-- The content-box width 10px is transferred to the main axis,
yielding a resolved min-height:auto of 200px. -->
<div class="item" style="width: 25px; aspect-ratio: auto 1/20;"><div></div></div>
yielding a resolved min-height:auto of 190px. -->
<div class="item" style="width: 25px; aspect-ratio: auto 1/19;"><div></div></div>
</div>
<div class="flexContainer">
<!-- The content-box min-width 10px is transferred to the main axis,
yielding a resolved min-height:auto of 200px. -->
<div class="item" style="min-width: 25px; aspect-ratio: auto 1/20;"><div></div></div>
yielding a resolved min-height:auto of 190px. -->
<div class="item" style="min-width: 25px; aspect-ratio: auto 1/19;"><div></div></div>
</div>
<div class="flexContainer">
<!-- The content-box width 10px (clamped by max-width) is transferred to the main axis,
yielding a resolved min-height:auto of 200px. -->
<div class="item" style="max-width: 25px; width: 100px; aspect-ratio: auto 1/20;"><div></div></div>
yielding a resolved min-height:auto of 190px. -->
<div class="item" style="max-width: 25px; width: 100px; aspect-ratio: auto 1/19;"><div></div></div>
</div>
</html>

16
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-027.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: Row flexbox and transferred min/max-size</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: flex; flex-direction: row;">
<div style="background: green; width: 40px; height: 50px;" ></div>
<div style="background: green; width: 60px; max-height: 50px; aspect-ratio: 1/1;"></div>
</div>
<div style="display: flex; flex-direction: row;">
<div style="background: green; width: 40px; height: 50px;" ></div>
<div style="background: green; width: 60px; height: 60px; max-height: 50px; aspect-ratio: 1/1;"></div>
</div>

3
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-003.html
View file

@ -3,6 +3,9 @@
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<!-- The pixel values from the video can be slightly different; allow for
fuzzy matching. -->
<meta name="fuzzy" content="0-3;0-5000">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>