mirror of
https://github.com/servo/servo.git
synced 2025-08-11 00:15:32 +01:00
Update web-platform-tests to revision 38bc0248d6de92451d8d1c180056dbae0564606c
This commit is contained in:
parent
e0bbe82f76
commit
8b930e61dd
118 changed files with 1216 additions and 173 deletions
|
@ -10,6 +10,6 @@
|
|||
<!-- This makes sure that we only see green if the flex items are sized correctly -->
|
||||
<div style="position: absolute; width: 100px; height: 100px; background: green;"></div>
|
||||
|
||||
<div style="display: flex; flex-direction: column; width: 100px; height: 100px; line-height: 20px; align-items: center; background: green;">
|
||||
<div style="display: flex; flex-direction: column; width: 100px; height: 100px; line-height: 20px; align-items: center;">
|
||||
<img src="../support/red-rect.svg">
|
||||
</div>
|
||||
|
|
|
@ -71,7 +71,7 @@
|
|||
</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">
|
||||
<!-- should use min(transferred (100), content height (100)) = 100px as
|
||||
minimum height, which will be final height of the image -->
|
||||
<img src="support/10x10-green.png" style="width: 100px;" data-expected-height="100">
|
||||
</div>
|
||||
|
|
|
@ -0,0 +1,34 @@
|
|||
<!doctype html>
|
||||
<title>Non aspect-ratio svg flex item</title>
|
||||
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#min-size-auto">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#intrinsic-sizes">
|
||||
<meta name="assert" content="Specified height on an svg image with no aspect ratio or intrinsic height is not the automatic minimum size." />
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
|
||||
<div id=log></div>
|
||||
|
||||
<pre>
|
||||
Specified size suggestion = 200px
|
||||
Content size suggestion = 150px [1]
|
||||
Automatic minimum height = min(150px, 200px)
|
||||
|
||||
[1] fallback size from last bullet point in https://drafts.csswg.org/css-sizing-3/#intrinsic-sizes :
|
||||
|
||||
For boxes without a preferred aspect ratio:
|
||||
* If the available space is definite in the appropriate dimension, use the stretch fit into that size in that dimension.
|
||||
* Otherwise, if the box has a <length> as its computed minimum size (min-width/min-height) in that dimension, use that size.
|
||||
* Otherwise, use 300px for the width and/or 150px for the height as needed.
|
||||
|
||||
</pre>
|
||||
Pass condition: there is a 150x150 green square.
|
||||
<div style="display: flex; flex-direction: column; height: 0px; width: 150px;">
|
||||
<img src='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" />' style="height: 200px; background: green;" data-expected-height=150>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
checkLayout('img');
|
||||
</script>
|
|
@ -29,6 +29,9 @@
|
|||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<!-- flex base size = 100 due to part B. For automatic minimum size:
|
||||
transferred size suggestion = 100, content size suggestion = 100.
|
||||
-->
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
<div id="constrained-flex">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue