mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update web-platform-tests to revision 07b698ef4ea02ebeb65c3214ed7141ad32678a8c
This commit is contained in:
parent
81b92b9c1a
commit
c5ddf8e76a
119 changed files with 2754 additions and 727 deletions
|
@ -4,17 +4,17 @@
|
|||
<title>CSS Flexible Box Test: align-content_stretch</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" />
|
||||
<link rel="match" href="reference/align-content_space-stretch-ref.html">
|
||||
<link rel="match" href="reference/align-content_stretch-ref.html">
|
||||
<link rel="stylesheet" href="support/test-style.css">
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Check if the web engine can identify the align-content value stretch." />
|
||||
<style>
|
||||
#test{
|
||||
height: 200px;
|
||||
height: 210px;
|
||||
width: 80px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-content: stretch;
|
||||
flex-wrap: wrap;
|
||||
align-content: stretch;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
45
tests/wpt/web-platform-tests/css/css-flexbox/gap-017.html
Normal file
45
tests/wpt/web-platform-tests/css/css-flexbox/gap-017.html
Normal file
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Flex gaps</title>
|
||||
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#main-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#gaps">
|
||||
<meta name="assert" content="Button elements with display: flex honor gaps." />
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
|
||||
<style>
|
||||
.button {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
background: green;
|
||||
width: 100px;
|
||||
row-gap: 20px;
|
||||
}
|
||||
|
||||
.item {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
background-color: red;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id=reference-overlapped-red></div>
|
||||
|
||||
<button class=button data-expected-height=100>
|
||||
<div class=item></div>
|
||||
<div class=item></div>
|
||||
</button>
|
||||
|
||||
<script>
|
||||
checkLayout('.button');
|
||||
</script>
|
40
tests/wpt/web-platform-tests/css/css-flexbox/gap-018.html
Normal file
40
tests/wpt/web-platform-tests/css/css-flexbox/gap-018.html
Normal file
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Flex gaps</title>
|
||||
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#main-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#gaps">
|
||||
<meta name="assert" content="Button elements with display: flex but no items don't subtract column gap from intrinsic max size." />
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
|
||||
<style>
|
||||
.button {
|
||||
display: flex;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
|
||||
padding-left: 100px;
|
||||
column-gap: 100px;
|
||||
width: max-width;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
background-color: red;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id=reference-overlapped-red></div>
|
||||
|
||||
<button class=button data-expected-width=100></button>
|
||||
|
||||
<script>
|
||||
checkLayout('.button');
|
||||
</script>
|
|
@ -5,16 +5,16 @@
|
|||
<link rel="stylesheet" href="../support/test-style.css">
|
||||
<style>
|
||||
#test {
|
||||
height: 200px;
|
||||
height: 210px;
|
||||
width: 80px;
|
||||
}
|
||||
#spacerone {
|
||||
width: 50px;
|
||||
height: 17px;
|
||||
height: 20px;
|
||||
}
|
||||
#spacertwo {
|
||||
width: 50px;
|
||||
height: 16px;
|
||||
height: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
Loading…
Add table
Add a link
Reference in a new issue