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

Update web-platform-tests to revision 84f93271efe15a4e37fed477a2ad364f8659a0f8

Browse source
This commit is contained in:
WPT Sync Bot 2020-04-23 08:19:14 +00:00
parent 5504d9259d
commit 77e26e71da
374 changed files with 25426 additions and 892 deletions
Download patch file Download diff file Expand all files Collapse all files

1
tests/wpt/web-platform-tests/css/css-flexbox/align-content_center.html
View file

@ -4,6 +4,7 @@
<title>CSS Flexible Box Test: align-content_center</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_center-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 center." />

1
tests/wpt/web-platform-tests/css/css-flexbox/align-content_flex-end.html
View file

@ -4,6 +4,7 @@
<title>CSS Flexible Box Test: align-content_flex-end</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_flex-end-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 flex-end." />

1
tests/wpt/web-platform-tests/css/css-flexbox/align-content_flex-start.html
View file

@ -4,6 +4,7 @@
<title>CSS Flexible Box Test: align-content_flex-start</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_flex-start-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 flex-start." />

3
tests/wpt/web-platform-tests/css/css-flexbox/align-content_space-around.html
View file

@ -4,12 +4,13 @@
<title>CSS Flexible Box Test: align-content_space-around</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-around-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 align-content value space-around." />
<style>
#test{
height: 200px;
height: 210px;
width: 80px;
display: flex;
flex-wrap: wrap;

1
tests/wpt/web-platform-tests/css/css-flexbox/align-content_space-between.html
View file

@ -4,6 +4,7 @@
<title>CSS Flexible Box Test: align-content_space-between</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-between-ref.html">
<link rel="stylesheet" href="support/test-style.css">
<meta name="flags" content="" />
<meta name="assert" content="Check if the display can recognize inline-flex value." />

1
tests/wpt/web-platform-tests/css/css-flexbox/align-content_stretch.html
View file

@ -4,6 +4,7 @@
<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="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." />

1
tests/wpt/web-platform-tests/css/css-flexbox/flexbox-order-only-flexitems.html
View file

@ -5,6 +5,7 @@
<link rel="author" title="Sylvain Galineau" href="mailto:galineau@adobe.com">
<link rel="reviewer" title="Arron Eicholz" href="mailto:arronei@microsoft.com">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
<link rel="match" href="reference/flexbox-order-only-flexitems-ref.html">
<meta name="flags" content="">
<meta name="assert" content="This test check that the order property has no effect on elements that are not flex items">
<style>

15
tests/wpt/web-platform-tests/css/css-flexbox/percentage-heights-014.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<meta name="assert" content="A flex-item with a replaced height descendant should determine its flex-basis correctly when the height of the flexbox changes." />
<p>Test passes if there is a filled green square.</p>
<div id="target" style="display: flex; width: 100px; height: 100px;">
<div style="height: 50%; flex: 1; background: green;">
<canvas width=10 height=10 style="height: 100%;"></canvas>
</div>
<div style="flex: 1;"></div>
</div>
<script>
document.body.offsetTop;
document.getElementById('target').style.height = '200px';
</script>

23
tests/wpt/web-platform-tests/css/css-flexbox/reference/align-content_center-ref.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Flexible Box Test: align-content_center</title>
<link rel="stylesheet" href="../support/test-style.css">
<style>
#test {
height: 200px;
width: 80px;
}
#spacer {
width: 50px;
height: 25px;
}
</style>
</head>
<body>
<p>Test passes if:<br>
1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.<br>
2. the rectangle 1, 2, 3 appear in middle left of red rectangle.</p>
<div id=test><div id=spacer></div><div id=test01>1</div><div id=test02>2</div><div id=test03>3</div></div>
</body>
</html>

23
tests/wpt/web-platform-tests/css/css-flexbox/reference/align-content_flex-end-ref.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Flexible Box Test: align-content_flex-end</title>
<link rel="stylesheet" href="../support/test-style.css">
<style>
#test {
height: 200px;
width: 80px;
}
#spacer {
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<p>Test passes if:<br>
1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.<br>
2. the rectangle 1, 2, 3 appear in bottom left of red rectangle.</p>
<div id=test><div id=spacer></div><div id=test01>1</div><div id=test02>2</div><div id=test03>3</div></div>
</body>
</html>

19
tests/wpt/web-platform-tests/css/css-flexbox/reference/align-content_flex-start-ref.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Flexible Box Test: align-content_flex-start</title>
<link rel="stylesheet" href="../support/test-style.css">
<style>
#test {
height: 200px;
width: 80px;
}
</style>
</head>
<body>
<p>Test passes if:<br>
1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.<br>
2. the rectangle 1, 2, 3 appear in upper left of red rectangle.</p>
<div id=test><div id=test01>1</div><div id=test02>2</div><div id=test03>3</div></div>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-flexbox/reference/align-content_space-around-ref.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Flexible Box Test: align-content_space-around</title>
<link rel="stylesheet" href="../support/test-style.css">
<style>
#test {
height: 210px;
width: 80px;
}
#spacer {
width: 50px;
height: 20px;
}
#halfspacer {
width: 50px;
height: 10px;
}
</style>
</head>
<body>
<p>Test passes if:<br>
1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.<br>
2. the rectangle 1, 2, 3 are distributed such that the empty space between any two adjacent rectangle is the same, and the empty space of the column before the first and after the last rectangle are half the size of the other empty spaces.</p>
<div id=test><div id=halfspacer></div><div id=test01>1</div><div id=spacer></div><div id=test02>2</div><div id=spacer></div><div id=test03>3</div></div>
</body>
</html>

23
tests/wpt/web-platform-tests/css/css-flexbox/reference/align-content_space-between-ref.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Flexible Box Test: align-content_space-between</title>
<link rel="stylesheet" href="../support/test-style.css">
<style>
#test {
height: 200px;
width: 80px;
}
#spacer {
width: 50px;
height: 25px;
}
</style>
</head>
<body>
<p>Test passes if:<br>
1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.<br>
2. No gap between the top of red rectangle and the top of rectangle 1, no gap between the bottom of red rectangle and the bottom of rectangle 3 too, and rectangle 2 is distributed so that the empty space between rectangle 1 and rectangle 3 is the same.</p>
<div id=test><div id=test01>1</div><div id=spacer></div><div id=test02>2</div><div id=spacer></div><div id=test03>3</div></div>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-flexbox/reference/align-content_space-stretch-ref.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Flexible Box Test: align-content_stretch</title>
<link rel="stylesheet" href="../support/test-style.css">
<style>
#test {
height: 200px;
width: 80px;
}
#spacerone {
width: 50px;
height: 17px;
}
#spacertwo {
width: 50px;
height: 16px;
}
</style>
</head>
<body>
<p>Test passes if:<br>
1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.<br>
2. No gap between the top of red rectangle and the top of rectangle 1, and rectangle 1 , 2, 3 are distributed so that the empty space in the column between 1 , 2 , 3 is the same.
<div id=test><div id=test01>1</div><div id=spacerone></div><div id=test02>2</div><div id=spacertwo></div><div id=test03>3</div></div>
</body>
</html>

10
tests/wpt/web-platform-tests/css/css-flexbox/reference/flexbox-order-only-flexitems-ref.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Test: order only affects flex items</title>
</head>
<body>
<p>Test passes if the paragraph below reads 'First, Second, Third'.</p>
<p>First, Second, Third</p>
</body>
</html>