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

Update web-platform-tests to revision 1c0b752760fb1ecad549c887a0829c43196b5a8b

Browse source
This commit is contained in:
WPT Sync Bot 2020-10-24 08:19:53 +00:00
parent 2dd4277ed6
commit 4934c35708
79 changed files with 712 additions and 388 deletions
Download patch file Download diff file Expand all files Collapse all files

35
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_justifycontent-center-overflow-ref.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<title>flexbox | justify-content: center / overflow</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<style>
div {
font-family: monospace;
background: blue;
margin: 1em 0 0 10em;
border: 1px solid black;
height: 8em;
width: 4em;
position: relative;
}
span {
background: yellow;
margin: 1em 0 0 -2.85em;
height: 6em;
display: inline-block;
}
span:nth-child(2) {
background: pink;
margin-left: 2em;
}
span:nth-child(3) {
background: lightblue;
margin-left: 0;
position: relative;
top: -7em;
left: 4.95em
}
</style>
<div>
<span>dam</span><span>dam</span><span>dam</span>
</div>

52
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_justifycontent-center-overflow.html
View file

@ -1,36 +1,40 @@
<!DOCTYPE html>
<title>flexbox | justify-content: center / overflow</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="author" href="mailto:dgrogan@chromium.org" title="David Grogan">
<link rel="help"
href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
<link rel="match" href="flexbox_justifycontent-center-overflow-ref.html">
<style>
div {
font-family: monospace;
background: blue;
padding: 0;
margin: 1em 0 0 10em;
border: 1px solid black;
height: 8em;
width: 4em;
<meta name="assert" content="Items that overflow a singleline justify-content:center flexbox container are positioned correctly.">
display: flex;
justify-content: center;
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
Blue is the flexbox. Orange are items that overflow it.
<style>
.flexbox {
background: blue;
margin-left: 50px;
height: 150px;
width: 50px;
display: flex;
justify-content: center;
position: relative;
}
span {
background: white;
margin: 1em;
width: 5em;
max-width: 6em;
display: inline-block;
flex: 1 0 0%;
background: orange;
margin: 10px;
flex: 1 0 40px;
}
span:nth-child(1) {background: yellow;}
span:nth-child(2) {background: pink;}
span:nth-child(3) {background: lightblue;}
</style>
<div>
<span>dam</span><span>dam</span><span>dam</span>
<div class=flexbox>
<span data-expected-width=40 data-offset-x=-55></span>
<span data-expected-width=40 data-offset-x=5></span>
<span data-expected-width=40 data-offset-x=65></span>
</div>
<script>
checkLayout('span');
</script>