Update web-platform-tests to revision 07b698ef4ea02ebeb65c3214ed7141ad32678a8c

This commit is contained in:
WPT Sync Bot 2020-05-06 08:20:40 +00:00
parent 81b92b9c1a
commit c5ddf8e76a
119 changed files with 2754 additions and 727 deletions

View file

@ -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>

View 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>

View 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>

View file

@ -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>