mirror of
https://github.com/servo/servo.git
synced 2025-08-12 08:55:32 +01:00
Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444
This commit is contained in:
parent
25e8bf69e6
commit
665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
|
@ -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>
|
|
@ -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½ times exactly. There should be a grey area below the images, but not to their right.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
|
@ -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½ times exactly. There should be a grey area to the right of the images, but not below them.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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½ 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>
|
|
@ -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½ 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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
Binary file not shown.
After Width: | Height: | Size: 206 B |
Binary file not shown.
After Width: | Height: | Size: 206 B |
Loading…
Add table
Add a link
Reference in a new issue