Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444

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

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 206 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 206 B