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

Update web-platform-tests to revision 688aeffbd02c1e05a159c64938ad9b43e3d8ec6e

Browse source
This commit is contained in:
WPT Sync Bot 2020-08-07 08:22:05 +00:00
parent 080e9dc6df
commit f99a7ba468
63 changed files with 1330 additions and 870 deletions
Download patch file Download diff file Expand all files Collapse all files

19
tests/wpt/web-platform-tests/css/css-flexbox/position-absolute-015.html Normal file
View file

@ -0,0 +1,19 @@
<!doctype html>
<title>abspos flex children with top margins</title>
<link rel="author" title="Manuel Rego" href="mailto:rego@igalia.com">
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#abspos-items">
<link rel="bookmark" href="https://crbug.com/886592">
<meta name="assert" content="Check abspos position of flex children with margins in justify-content: flex-end container.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<div style="display: flex; width: 200px; height: 100px; justify-content: flex-end; border: solid thick; position: relative;">
<div style="background: cyan; margin: 20px; position: absolute; width: 30px; height: 40px;" data-offset-x="150" id="abspos"></div>
</div>
<script>
checkLayout('#abspos');
</script>

14
tests/wpt/web-platform-tests/css/css-flexbox/quirks-auto-block-size-with-percentage-item.html
View file

@ -2,6 +2,14 @@
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#the-height-property">
<meta name="assert" content="The percentage height resolution quirk isn't applied to flexboxes.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<!-- Have to wait for onload to fire to ensure the image is loaded. -->
<body onload="checkLayout('#container')">
<p>There should be a green square to the left of a blue square, and no red.</p>
<div id="container" style="width:200px; height:456px;">
<div style="display:flex; background:blue;" data-expected-height="100">
@ -9,9 +17,3 @@
<div style="width: 50px; height: 100%; background: red;" data-expected-height="0"></div>
</div>
</div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script>
checkLayout("#container");
</script>