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

Update web-platform-tests to revision cf8a15a334c6eb3b044b3db8a933436c2365819d

Browse source
This commit is contained in:
WPT Sync Bot 2020-03-28 08:19:23 +00:00
parent 7d66871a9f
commit f4e67a0197
76 changed files with 1744 additions and 114 deletions
Download patch file Download diff file Expand all files Collapse all files

32
tests/wpt/web-platform-tests/css/css-flexbox/reference/columns-center-with-margins-001-ref.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<link href="../support/flexbox.css" rel="stylesheet">
<style>
.flexbox {
border: 1px solid black;
width: 400px;
height: 200px;
}
.item1 {
background: lightblue;
}
.item2 {
background: lime;
}
</style>
</head>
<body>
<p>The test passes if the flex items are properly centered in each column</p>
<div class="flexbox column">
<div class="item1 align-self-center">centeredWithMargins</div>
<div class="item2 align-self-center">centeredWithAlignSelf</div>
</div>
<div style="writing-mode: vertical-lr;">
<div class="flexbox column">
<div class="item1 align-self-center">centeredWithMargins</div>
<div class="item2 align-self-center">centeredWithAlignSelf</div>
</div>
</div>
</body>
</html>

70
tests/wpt/web-platform-tests/css/css-flexbox/reference/flexbox-overflow-auto-001-ref.html Normal file
View file

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<style>
.test-row {
display: flex;
margin-bottom: 5px;
}
.test-row > div {
flex: none;
}
.container {
margin-right: 5px;
border: 5px solid lightgreen;
width: 100px;
}
.flexbox {
display: block;
height: 100px;
width: 100px;
overflow: auto;
}
.flexbox > div {
width: 200px;
height: 200px;
background: radial-gradient(at right 60%, red, yellow, green);
}
</style>
</head>
<body>
<p>Scrollbars should work in all the flexboxes.</p>
</body>
<script>
var results = [
'left top', 'left top', 'right top', 'left bottom',
'right top', 'right top', 'right bottom', 'left top',
'left top', 'left top', 'left bottom', 'right top'];
var testContents = '';
for (var i = 0; i < results.length; ++i) {
if (!(i % 4))
testContents += "<div class='test-row'>";
var containerClass = 'container ' + results[i];
testContents +=
"<div class='" + containerClass + "'>" +
"<div class='flexbox'>" +
"<div></div>" +
"</div>" +
"</div>";
if (i % 4 == 3)
testContents += "</div>";
}
document.body.innerHTML += testContents;
Array.prototype.forEach.call(document.querySelectorAll(".right"), function(element) {
element.firstChild.scrollLeft = 1000;
});
Array.prototype.forEach.call(document.querySelectorAll(".bottom"), function(element) {
element.firstChild.scrollTop = 1000;
});
</script>
</body>
</html>