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

Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444

Browse source
This commit is contained in:
Josh Matthews 2017-04-17 12:06:02 +10:00 • committed by Anthony Ramine
parent 25e8bf69e6
commit 665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
Download patch file Download diff file Expand all files Collapse all files

29
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/background-repeat-no-repeat.xht Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: background-repeat:no-repeat</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="match" href="reference/background-repeat-no-repeat.xht"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
<meta name="flags" content="image" />
<meta name="assert" content="The image is placed once in the background positioning area and not repeated in any direction." />
<style type="text/css">
<![CDATA[
div {
background-color: grey;
background-image: url("support/rectangle-96x60.png");
background-repeat: no-repeat;
height: 150px;
width: 240px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image appears once in the below rectangle. There should be a grey area to the right and bottom of the image.</p>
<div></div>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/background-repeat-repeat-x.xht Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: background-repeat:repeat-x</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="match" href="reference/background-repeat-repeat-x.xht"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
<meta name="flags" content="image" />
<meta name="assert" content="The image is repeated horizontally as often as needed to cover the background painting area." />
<style type="text/css">
<![CDATA[
div {
background-color: grey;
background-image: url("support/rectangle-96x60.png");
background-repeat: repeat-x;
height: 150px;
width: 240px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats horizontally in the below rectangle 2&frac12; times exactly. There should be a grey area below the images, but not to their right.</p>
<div></div>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/background-repeat-repeat-y.xht Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: background-repeat:repeat-y</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="match" href="reference/background-repeat-repeat-y.xht"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
<meta name="flags" content="image" />
<meta name="assert" content="The image is repeated vertically as often as needed to cover the background painting area." />
<style type="text/css">
<![CDATA[
div {
background-color: grey;
background-image: url("support/rectangle-96x60.png");
background-repeat: repeat-y;
height: 150px;
width: 240px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats vertically in the below rectangle 2&frac12; times exactly. There should be a grey area to the right of the images, but not below them.</p>
<div></div>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/background-repeat-round-roundup.xht Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: background-repeat:round, rounding up</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<link rel="match" href="reference/background-repeat-round-roundup.xht"/>
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
<meta name="flags" content="image" />
<meta name="assert" content="The 'background-repeat: round' declaration must scale an image in one or more dimensions so it fits a whole number of times in the background positioning area." />
<style type="text/css">
<![CDATA[
div {
background-image: url("support/rectangle-96x60.png");
background-repeat: round;
height: 212px;
width: 252px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats in the below rectangle 12 times exactly: 3 columns, 4 rows. The top border of the containing rectangle should be orange, the right border yellow, the bottom border green, and the left border blue.</p>
<p>Test fails if the above image repeats in below rectangle less than 12 times, with partial images lining the right and the bottom.</p>
<div></div>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/background-repeat-round.xht Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: background-repeat:round</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<link rel="match" href="reference/background-repeat-round.xht"/>
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
<meta name="flags" content="image" />
<meta name="assert" content="The 'background-repeat: round' declaration must scale an image in one or more dimensions so it fits a whole number of times in the background positioning area." />
<style type="text/css">
<![CDATA[
div {
background-image: url("support/rectangle-96x60.png");
background-repeat: round;
height: 204px;
width: 236px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats in the below rectangle 6 times exactly: 2 columns, 3 rows. The top border of the containing rectangle should be orange, the right border yellow, the bottom border green, and the left border blue.</p>
<p>Test fails if the above image repeats in below rectangle more than 6 times, with partial images lining the right and the bottom.</p>
<div></div>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/background-repeat-space.xht Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: background-repeat:space</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<link rel="match" href="reference/background-repeat-space.xht"/>
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
<meta name="flags" content="image" />
<meta name="assert" content="The 'background-repeat: space' declaration must space out images in one or more dimensions so they fit a whole number of times in the background positioning area. The first and last images in each row and column must sit along edge(s) of the background positioning area." />
<style type="text/css">
<![CDATA[
div {
background-color: grey;
background-image: url("support/rectangle-96x60.png");
background-repeat: space;
height: 204px;
width: 236px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats in the below grey rectangle 6 times exactly: 2 columns, 3 rows. The images should appear at exactly the same size as the image above and be sitting at the edges of the grey rectangle.</p>
<p>Test fails if the above image repeats in the below rectangle more than 6 times, with partial images lining the right and the bottom.</p>
<div></div>
</body>
</html>

23
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/reference/background-repeat-no-repeat.xht Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test Reference: background-repeat:no-repeat</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<style type="text/css">
<![CDATA[
div {
background-color: grey;
height: 150px;
width: 240px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image appears once in the below rectangle. There should be a grey area to the right and bottom of the image.</p>
<div>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
</div>
</body>
</html>

40
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/reference/background-repeat-repeat-x.xht Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test Reference: background-repeat:repeat-x</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<style type="text/css">
<![CDATA[
div {
background-color: grey;
height: 150px;
width: 240px;
position: relative;
overflow: hidden;
}
div > img {
position: absolute;
top: 0;
}
div > img.first {
left: 0;
}
div > img.second {
left: 96px;
}
div > img.third {
left: 192px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats horizontally in the below rectangle 2&frac12; times exactly. There should be a grey area below the images, but not to their right.</p>
<div>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled" class="first"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled" class="second"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled" class="third"/>
</div>
</body>
</html>

40
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/reference/background-repeat-repeat-y.xht Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test Reference: background-repeat:repeat-y</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<style type="text/css">
<![CDATA[
div {
background-color: grey;
height: 150px;
width: 240px;
position: relative;
overflow: hidden;
}
div > img {
position: absolute;
left: 0;
}
div > img.first {
top: 0;
}
div > img.second {
top: 60px;
}
div > img.third {
top: 120px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats vertically in the below rectangle 2&frac12; times exactly. There should be a grey area to the right of the images, but not below them.</p>
<div>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled" class="first"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled" class="second"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled" class="third"/>
</div>
</body>
</html>

39
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/reference/background-repeat-round-roundup.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test Reference: background-repeat:round, rounding up</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<style type="text/css">
<![CDATA[
div {
height: 212px;
width: 252px;
}
div > img {
float: left;
height: 53px;
width: 84px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats in the below rectangle 12 times exactly: 3 columns, 4 rows. The top border of the containing rectangle should be orange, the right border yellow, the bottom border green, and the left border blue.</p>
<p>Test fails if the above image repeats in below rectangle less than 12 times, with partial images lining the right and the bottom.</p>
<div>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
</div>
</body>
</html>

33
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/reference/background-repeat-round.xht Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test Reference: background-repeat:round</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<style type="text/css">
<![CDATA[
div {
height: 210px;
width: 236px;
}
div > img {
float: left;
height: 68px;
width: 118px;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats in the below rectangle 6 times exactly: 2 columns, 3 rows. The top border of the containing rectangle should be orange, the right border yellow, the bottom border green, and the left border blue.</p>
<p>Test fails if the above image repeats in below rectangle more than 6 times, with partial images lining the right and the bottom.</p>
<div>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
</div>
</body>
</html>

40
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/reference/background-repeat-space.xht Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test Reference: background-repeat:space</title>
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
<style type="text/css">
<![CDATA[
div {
background-color: grey;
height: 204px;
width: 236px;
}
div > img {
float: left;
margin-bottom: 12px;
margin-right: 44px;
}
div > img.second {
margin-right: 0;
}
div > img.bottom {
margin-bottom: 0;
}
]]>
</style>
</head>
<body>
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p>
<p>Test passes if the above image repeats in the below grey rectangle 6 times exactly: 2 columns, 3 rows. The images should appear at exactly the same size as the image above and be sitting at the edges of the grey rectangle.</p>
<p>Test fails if the above image repeats in the below rectangle more than 6 times, with partial images lining the right and the bottom.</p>
<div>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled" />
<img src="support/rectangle-96x60.png" class="second" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" class="second" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" class="bottom" alt="Image download support must be enabled"/>
<img src="support/rectangle-96x60.png" class="bottom second" alt="Image download support must be enabled"/>
</div>
</body>
</html>

BIN
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/reference/support/rectangle-96x60.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 206 B

BIN
tests/wpt/web-platform-tests/css/css-backgrounds-3/background-repeat/support/rectangle-96x60.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 206 B