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

Update web-platform-tests to revision b'468d01bbd84da2babf265c6af46947be68713440'

Browse source
This commit is contained in:
WPT Sync Bot 2021-09-07 11:16:33 +00:00 • committed by cybai
parent 35e95f55a1
commit 58e8ee674b
9438 changed files with 266112 additions and 106976 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/wpt/web-platform-tests/css/css-flexbox/reference/align-items-baseline-overflow-non-visible-ref.html
View file

@ -1,8 +1,10 @@
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.flex {
display: flex;
align-items: baseline;
font: 25px/1 Ahem;
}
</style>

58
tests/wpt/web-platform-tests/css/css-flexbox/reference/overflow-area-003-ref.html Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>CSS Flexible Box Layout Reference: Test flex container's overflow rect</title>
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<style>
.set {
clear: both;
margin: 1em;
}
.test {
display: flex;
padding: 10px;
width: 60px;
height: 60px;
background: teal;
margin: 1em 0.5em;
float: left;
}
</style>
<p>Test passes if all the teal boxes have no scrollbars.</p>
<!-- This set tests emply flex containers. -->
<div class="set">
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</div>
<!-- This set tests flex containers having only abs-pos children, but no flex items. -->
<div class="set">
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</div>
<!-- This set tests flex containers having a small centered flex item. -->
<div class="set">
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</div>
<!-- This set tests flex containers having a relative positioned flex item. -->
<div class="set">
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</div>
</html>

19
tests/wpt/web-platform-tests/css/css-flexbox/reference/overflow-auto-005-ref.html
View file

@ -28,6 +28,11 @@
height: 200px;
background: radial-gradient(at right 60%, red, yellow, green);
}
.vertical-rl {
writing-mode: vertical-rl;
}
</style>
</head>
<body>
@ -45,9 +50,17 @@ for (var i = 0; i < results.length; ++i) {
testContents += "<div class='test-row'>";
var containerClass = 'container ' + results[i];
// Use vertical-rl here because Firefox and WebKit put vertical scrollbars
// on the left in the vertical-rl test cases, and this is the easiest way to
// match that.
let maybe_vertical = "";
if (i > 3 && i < 8)
maybe_vertical = " vertical-rl";
testContents +=
"<div class='" + containerClass + "'>" +
"<div class='flexbox'>" +
"<div class='flexbox" + maybe_vertical + "'>" +
"<div></div>" +
"</div>" +
"</div>";
@ -57,6 +70,10 @@ for (var i = 0; i < results.length; ++i) {
document.body.innerHTML += testContents;
Array.prototype.forEach.call(document.querySelectorAll(".left"), function(element) {
element.firstChild.scrollLeft = -1000;
});
Array.prototype.forEach.call(document.querySelectorAll(".right"), function(element) {
element.firstChild.scrollLeft = 1000;
});