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

Update web-platform-tests to revision ee35e5ccfe4ffeb108e603a05d1ea44f19275e04

Browse source
This commit is contained in:
WPT Sync Bot 2020-03-30 08:19:13 +00:00
parent c3ecf2ecef
commit 6a6caaf929
64 changed files with 743 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

77
tests/wpt/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html Normal file
View file

@ -0,0 +1,77 @@
<!DOCTYPE html>
<title>CSS Flexbox: images' aspect ratio in flex box with flex-direction: column for min-size: auto</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-containers">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#min-size-auto">
<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#replaced-intrinsic">
<link rel="help" href="https://crbug.com/581535">
<link rel="help" href="https://crbug.com/581361">
<link href="support/flexbox.css" rel="stylesheet">
<meta name="assert" content="Images maintain aspect ratio in flex box with column direction with min-size: auto.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.flexbox')">
<div id=log></div>
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- should use content width, clamped by converted max-height, as minimum width. -->
<img src="support/100x100-green.png" style="max-height: 5px;"
data-expected-width="5" data-expected-height="5">
</div>
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- should use min(specified, content width) = 10px as minimum width,
which the image will shrink to due to default flex-shrink. -->
<img src="support/10x10-green.png" style="width: 100px;" data-expected-width="10">
</div>
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- should use content width, clamped by converted min-height, as minimum width. -->
<img src="support/100x100-green.png" style="max-height: 5px;"
data-expected-width="5" data-expected-height="5">
</div>
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- should use content width, clamped by converted min-height, as minimum width. -->
<img src="support/100x100-green.png" style="max-height: 5px; min-height: 10px;"
data-expected-width="10" data-expected-height="10">
</div>
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- should use min(transferred, content width) = 10px as minimum width,
which the image will shrink to due to default flex-shrink. -->
<img src="support/10x10-green.png" style="height: 100px;" data-expected-width="10">
</div>
<div class="flexbox column" style="height: 10px;" data-expected-height="10">
<!-- should use content height, clamped by converted max-width, as minimum height. -->
<img src="support/100x100-green.png" style="max-width: 5px;"
data-expected-width="5" data-expected-height="5">
</div>
<div class="flexbox column" style="height: 10px;" data-expected-height="10">
<!-- should use min(specified, content height) = 10px as minimum height,
which the image will shrink to due to default flex-shrink. -->
<img src="support/10x10-green.png" style="height: 100px;" data-expected-height="10">
</div>
<div class="flexbox" style="height: 10px;" data-expected-height="10">
<!-- should use content height, clamped by converted min-height, as minimum height. -->
<img src="support/100x100-green.png" style="max-height: 5px;"
data-expected-height="5" data-expected-height="5">
</div>
<div class="flexbox" style="height: 10px;" data-expected-height="10">
<!-- should use content height, clamped by converted min-width, as minimum height. -->
<img src="support/100x100-green.png" style="max-width: 5px; min-width: 10px;"
data-expected-height="10" data-expected-width="10">
</div>
<div class="flexbox column" style="height: 10px;" data-expected-height="10">
<!-- should use min(transferred, content height) = 10px as minimum height,
which the image will shrink to due to default flex-shrink. -->
<img src="support/10x10-green.png" style="width: 100px;" data-expected-height="10">
</div>

0
tests/wpt/web-platform-tests/css/css-flexbox/intrinsic-min-width-applies-with-fixed-width.html → tests/wpt/web-platform-tests/css/css-flexbox/flex-minimum-width-flex-items-014.html
View file

66
tests/wpt/web-platform-tests/css/css-flexbox/max-width-violation.html Normal file
View file

@ -0,0 +1,66 @@
<!DOCTYPE html>
<title>CSS Flexbox: max-width of inflexible items</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#resolve-flexible-lengths">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flexibility">
<link rel="bookmark" href="https://crbug.com/617956">
<meta name="assert" content="Inflexible items (flex factor 0 or flex basis violating the min/max size constraint) take max-width into account.">
<style>
.columns {
display: flex;
width: 800px;
}
.columns > div {
background: #aaa;
}
.column1 {
width: 800px;
overflow: auto;
max-width: 150px;
}
.column2 {
flex: 0.8 0 0;
}
.red {
position: absolute;
width: 510px;
background: red !important;
height: 10px;
z-index: -1;
}
.abspos {
position: absolute;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.columns')">
<div id=log></div>
<p>You should see no red</p>
<div class="columns">
<div class="red"></div>
<div class="column1" data-expected-width="150">
Column 1
</div>
<div class="column2" data-expected-width="520">
Column 2
</div>
</div>
<p>This second part is just to ensure we don't assert</p>
<div class="columns">
<div class="column1 abspos" data-expected-width="150">
Column 1
</div>
<div class="column2" data-expected-width="640">
Column 2
</div>
</div>

BIN
tests/wpt/web-platform-tests/css/css-flexbox/support/10x10-green.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 74 B