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

Update web-platform-tests to revision 4877e40ba4bc993de5ccbd206845b63ceb07a892

Browse source
This commit is contained in:
WPT Sync Bot 2020-06-20 08:20:10 +00:00
parent 0b61cfc3ae
commit 287381881b
91 changed files with 1890 additions and 393 deletions
Download patch file Download diff file Expand all files Collapse all files

53
tests/wpt/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-005.html Normal file
View file

@ -0,0 +1,53 @@
<!doctype html>
<title>Aspect-ratio items with borders</title>
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#algo-main-item" title="Section B">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#transferred-size-suggestion">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#content-size-suggestion">
<meta name="assert" content="Multiplying cross size by aspect ratio should operate on content box only.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<style>
img {
border-top: 50px solid blue;
border-left: 10px solid orange;
}
.flexbox {
display: flex;
margin-bottom: 20px;
}
</style>
<!-- script after body was flakily triggering before images were loaded, so wait for onload -->
<body onload="checkLayout('img')">
<p>
The green boxes should all be 100x100.
</p>
Section B of flex base size + transferred size suggestion:
<div class=flexbox>
<img style="height: 100px;" src="support/200x200-green.png" data-expected-client-width=100 data-expected-client-height=100 />
</div>
Section B of flex base size + transferred size suggestion, with box-sizing: border-box:
<!-- Chrome 83 fails the border-box version. -->
<div class=flexbox>
<img style="height: 150px; box-sizing: border-box;" src="support/200x200-green.png" data-expected-client-width=100 data-expected-client-height=100 />
</div>
content size suggestion
<div class=flexbox>
<img style="max-height: 100px;" src="support/200x200-green.png" data-expected-client-width=100 data-expected-client-height=100 />
</div>
content size suggestion
<div class=flexbox>
<img style="min-height: 100px;" src="support/60x60-green.png" data-expected-client-width=100 data-expected-client-height=100 />
</div>
</body>