Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-11 00:15:32 +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

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>