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 30a08266e1951b16ab2587068de64041095bbc2f

Browse source
This commit is contained in:
WPT Sync Bot 2020-04-08 08:19:32 +00:00
parent 7b5ec99d25
commit 19a2b8047d
185 changed files with 3858 additions and 329 deletions
Download patch file Download diff file Expand all files Collapse all files

5
tests/wpt/web-platform-tests/css/css-flexbox/flex-one-sets-flex-basis-to-zero-px.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<title>CSS Flexbox: flex-basis with zero pixel</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-basis-property">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<link href="support/flexbox.css" rel="stylesheet">
<meta name="assert" content="This test ensures that setting 'flex-basis' property to
@ -9,8 +9,7 @@ zero pixel or percentage in combination with one value of both 'flex-grow' and '
and 'writing-mode' value works properly.">
<style>
.flexbox > div {
font-family: Ahem;
font-size: 14px;
font: 14px/1 Ahem;
}
.flex-one-one-zero-percent {

58
tests/wpt/web-platform-tests/css/css-flexbox/overflow-auto-007.html Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
<title>CSS Flexbox: vertical space after changes with overflow: auto and flex-direction: column.</title>
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#overflow-properties">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
<link rel="help" href="https://crbug.com/590683">
<link rel="help" href="https://crbug.com/594465">
<link rel="match" href="reference/overflow-auto-007-ref.html">
<meta name="assert" content="This test checks that vertical space allocated to the content of a flexbox with 'overflow: auto' and 'flex-direction: column' is properly computed when its contents change." />
<style>
body {
width: 400px;
height: 300px;
}
.flexbox {
display: flex;
}
.column {
flex-direction: column;
}
.flex11a {
flex: 1 1 auto;
}
.root {
height: 100px;
overflow-y: auto;
}
</style>
<body onload="runTest()">
<p>This test should not have a horizontal scrollbar</p>
<div class="flexbox column">
<div class="flexbox">
<div class="flex11a">
<div class="root">
<div id="history"></div>
</div>
</div>
</div>
</div>
<script>
function runTest() {
var historyEl = document.getElementById('history');
historyEl.offsetWidth;
historyEl.innerText = '\n\n\n\n\n\n\n\n';
};
</script>
</body>
</html>

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

@ -0,0 +1,13 @@
<!DOCTYPE html>
<p>This test should not have a horizontal scrollbar</p>
<div style="width: 400px; height: 100px; overflow-x: hidden; overflow-y: scroll;">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>

36
tests/wpt/web-platform-tests/css/css-flexbox/relayout-image-load.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Flexbox: Relayout after loading an image</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#resolve-flexible-lengths">
<link rel="help" href="https://drafts.csswg.org/css-images-4/#image-values">
<meta name="assert" content="This test ensures flexbox does a relayout after an image loads.">
<link href="support/flexbox.css" rel="stylesheet">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
</head>
<body>
<div id=log></div>
<p>Test passes if a green 100x100 image is rendered.</p>
<div id="test" class="flexbox">
&nbsp;
<div class="flexbox">
<img data-expected-width=100 data-expected-height=100 id="image" onload="imageLoaded()">
</div>
</div>
<script>
function changeImage()
{
document.getElementById("image").src = "support/100x100-green.png";
}
step_timeout(changeImage, 0);
function imageLoaded()
{
checkLayout('#test')
}
</script>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-flexbox/remove-out-of-flow-child-crash.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Flexbox: absolutely position child removal.</title>
<link rel="stylesheet" href="support/flexbox.css" >
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#abspos-items">
<meta name="assert" content="This test ensures that removing absolute positioned flexbox children works."/>
</head>
<body>
<div id="outer" class="inline-flexbox">
<div id="middle" class="inline-flexbox">
<div id="inner" style="position: absolute">absolute</div>
</div>
</div>
<script>
var outer = document.getElementById("outer");
var middle = document.getElementById("middle");
var inner = document.getElementById("inner");
// Force layout.
outer.offsetHeight;
middle.removeChild(inner);
</script>
</body>
</html>

30
tests/wpt/web-platform-tests/css/css-flexbox/svg-root-as-flex-item-001.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<title>SVG root as flex item</title>
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#algo-main-item" title="Part E">
<!-- The note refers to CSS2§10, but I didn't include that here because items in flex formatting contexts aren't included. -->
<link rel="help" href="https://www.w3.org/TR/css-sizing-3/#intrinsic-sizes" title="first Note">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<link rel="bookmark" href="https://crbug.com/1065134">
<meta name="flags" content="" />
<meta name="assert" content="Honor SVG root's aspect ratio for flex layout." />
<style>
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
<div style="display: flex;">
<svg viewBox="0 0 200 200" style="height: 100px">
<rect width="200" height="200" fill="green" />
</svg>
</div>