Skip to content

/ servo

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update CSS tests to revision 939546644b4d333218fd9c2c0f68c60752ff1e95 #7738

Merged
merged 1 commit into from Sep 25, 2015
+7,534 −3,290
Merged

Update CSS tests to revision 939546644b4d333218fd9c2c0f68c60752ff1e95 #7738

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter...
Filter file types
Jump to…
The table of contents is too big for display.

Always

Just for now

Loading status checks…

Update CSS tests to revision 939546644b4d333218fd9c2c0f68c60752ff1e95

  • Loading branch information
@Ms2ger
Ms2ger committed Sep 25, 2015
commit 0ad6e78b23089bb4a433b2d77a0bdcd67b040bb3
25 tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round-002.htm
View file
Open in desktop
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html><!-- Submitted from TestTWF Paris --><head>

<title>CSS Backgrounds and Borders Test: background-repeat: round basic support</title>
<link href="http://lea.verou.me" rel="author" title="Lea Verou">
<link href="http://www.w3.org/TR/css3-background/#the-background-repeat" rel="help">
<meta content="image" name="flags">
<meta content="The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does." name="assert">
<style>

html {
background: red url('support/swatch-green.png') no-repeat;
background-repeat: round;
}

</style>

</head>
<body>

<p>Test passes if there is green and <strong>no red</strong>.</p>



</body></html>
52 tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round.htm
View file
Open in desktop
@@ -1,25 +1,27 @@
<!DOCTYPE html>
<html><!-- Submitted from TestTWF Paris --><head>

<title>CSS Backgrounds and Borders Test: background-repeat: round basic support</title>
<link href="http://lea.verou.me" rel="author" title="Lea Verou">
<link href="http://www.w3.org/TR/css3-background/#the-background-repeat" rel="help">
<meta content="image" name="flags">
<meta content="The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does." name="assert">
<style>

html {
background: red url('support/swatch-green.png') no-repeat;
background-repeat: round;
}

</style>

</head>
<body>

<p>Test passes if there is green and <strong>no red</strong>.</p>



</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<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.htm">
<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">

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>
32 tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-003.htm
View file
Open in desktop
@@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Value of 'auto' is used for y dimension in 'background-size'</title>
<link href="http://www.microsoft.com/" rel="author" title="Microsoft">
<link href="http://www.w3.org/TR/css3-background/#the-background-size" rel="help">
<meta content="" name="flags">
<meta content="An 'auto' value for y dimension in 'background-size' is resolved by using the image's intrinsic ratio and the size provided for the x dimension." name="assert">
<style type="text/css">
.test
{
width: 100px;
height: 100px;
background-repeat: no-repeat;
background-image: url("support/red_color.png");
background-size: 50px auto;
}
.reference
{
margin-top: -100px;
background: black;
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div class="test"></div>
<div class="reference"></div>


</body></html>
24 tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-005.htm
View file
Open in desktop
@@ -0,0 +1,24 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: The 'border-image-slice' property with four percentage values</title>
<link href="http://www.microsoft.com/" rel="author" title="Microsoft">
<link href="http://www.w3.org/TR/css3-background/#the-border-image-slice" rel="help">
<meta content="image" name="flags">
<meta content="This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '15%' from the right,'20%' from the bottom, and '5%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets." name="assert">
<style type="text/css">
div
{
border: 40px double red;
border-image-slice: 40% 15% 20% 5%;
border-image-source: url("../support/9grid40-30-20-10-red.png");
height: 100px;
margin: 50px;
width: 200px;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div></div>

</body></html>
0 ...ds-3_dev/html4/border-image-slice-004.htm → ...ds-3_dev/html4/border-image-slice-007.htm
View file
Open in desktop
File renamed without changes.
37 tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-radius-shorthand-002.htm
View file
Open in desktop
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Borders Radius Shorthand. </title>
<link href="mailto:arno@arno.org" rel="author" title="Arno">
<link href="http://www.w3.org/TR/css3-background/#the-border-radius" rel="help">
<link href="reference/border-radius-shorthand-002-ref.htm" rel="match">
<meta content="" name="flags">
<meta content="The shorthand border radius property can be used to specify all four eliptical corners of a box." name="assert">
<style type="text/css">
/* <![CDATA[ */
div
{
border-radius: 29px 43px 19px 13px / 5px 11px 23px 17px;

background: #dddddd;
width: 200px;
height: 100px;
}
/* ]]> */
</style>

</head>
<body>
<p>
There should be one box, with four rounded corners, each corner a different radius.
</p>
<ul>
<li>PASS if the box below has four rounded corners.</li>
<li>FAIL if the corners are not rounded.</li>
</ul>

<div></div>




</body></html>
66 tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-001.htm
View file
Open in desktop
@@ -1,36 +1,32 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test Background: Box-Shadow property</title>
<link href="mailto:silverman@adobe.com" rel="author" title="Marc Silverman">
<link href="http://www.w3.org/TR/css3-background/#the-box-shadow" rel="help">
<link href="reference/box-shadow-001-ref.htm" rel="match">
<meta content="Testing simple drop shadow with the box-shadow property" name="assert">
<style type="text/css">
#shadow-div {
position: absolute;
top: 50px;
left: 5px;
box-shadow: rgba(0,255,0,1) 10px 10px;
background-color: #000;
width: 144px;
height: 144px;
}
#error {
position: absolute;
top: 60px;
left: 15px;
background-color: red;
width: 144px;
height: 144px;
}
</style>
</head>
<body>
<p>The test passes if there is a green drop shadow and no red.</p>
<div id="error">
</div>
<div id="shadow-div">
</div>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Positive value of horizontal offset</title>
<link href="http://www.microsoft.com/" rel="author" title="Microsoft">
<link href="http://www.w3.org/TR/css3-background/#the-box-shadow" rel="help">
<meta content="internal" name="flags">
<meta content="A positive value for the horizontal offset of the 'box-shadow' draws a shadow that is offset to the right of the box." name="assert">
<style type="text/css">
#reference
{
width: 2in;
height: 1in;
background: red;
border: thin solid black;
}
div div
{
width: 1in;
height: 1in;
border: thin solid black;
background: white;
box-shadow: black 96px 0px;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div id="reference">
<div></div>
</div>

</body></html>
36 tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-005.htm
View file
Open in desktop
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test Background: Box-Shadow property</title>
<link href="mailto:silverman@adobe.com" rel="author" title="Marc Silverman">
<link href="http://www.w3.org/TR/css3-background/#the-box-shadow" rel="help">
<link href="reference/box-shadow-005-ref.htm" rel="match">
<meta content="Testing simple drop shadow with the box-shadow property" name="assert">
<style type="text/css">
#shadow-div {
position: absolute;
top: 50px;
left: 5px;
box-shadow: rgba(0,255,0,1) 10px 10px;
background-color: #000;
width: 144px;
height: 144px;
}
#error {
position: absolute;
top: 60px;
left: 15px;
background-color: red;
width: 144px;
height: 144px;
}
</style>
</head>
<body>
<p>The test passes if there is a green drop shadow and no red.</p>
<div id="error">
</div>
<div id="shadow-div">
</div>


</body></html>
34 tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm
View file
Open in desktop
@@ -13,7 +13,7 @@
<body>

<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
<h2>Backgrounds (383 tests)</h2>
<h2>Backgrounds (385 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@@ -271,7 +271,7 @@ <h2>Backgrounds (383 tests)</h2>
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4">+</a>
<a href="http://www.w3.org/TR/css3-background/#the-background-repeat">3.4 Tiling Images: the &#8216;background-repeat&#8217; property</a></th></tr>
<!-- 22 tests -->
<!-- 23 tests -->
<tr id="background-003-3.4" class="image">
<td>
<a href="background-003.htm">background-003</a></td>
@@ -385,11 +385,11 @@ <h2>Backgrounds (383 tests)</h2>
<tr id="background-repeat-round-3.4" class="primary image">
<td><strong>
<a href="background-repeat-round.htm">background-repeat-round</a></strong></td>
<td></td>
<td><a href="reference/background-repeat-round.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>background-repeat: round basic support
<td>background-repeat:round
<ul class="assert">
<li>The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does.</li>
<li>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.</li>
</ul>
</td>
</tr>
@@ -404,6 +404,17 @@ <h2>Backgrounds (383 tests)</h2>
</ul>
</td>
</tr>
<tr id="background-repeat-round-002-3.4" class="primary image">
<td><strong>
<a href="background-repeat-round-002.htm">background-repeat-round-002</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>background-repeat: round basic support
<ul class="assert">
<li>The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does.</li>
</ul>
</td>
</tr>
<tr id="background-repeat-round-roundup-3.4" class="primary image">
<td><strong>
<a href="background-repeat-round-roundup.htm">background-repeat-round-roundup</a></strong></td>
@@ -1502,7 +1513,7 @@ <h2>Backgrounds (383 tests)</h2>
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.9">+</a>
<a href="http://www.w3.org/TR/css3-background/#the-background-size">3.9 Sizing Images: the &#8216;background-size&#8217; property</a></th></tr>
<!-- 262 tests -->
<!-- 263 tests -->
<tr id="background-intrinsic-001-3.9" class="svg">
<td>
<a href="background-intrinsic-001.htm">background-intrinsic-001</a></td>
@@ -1635,6 +1646,17 @@ <h2>Backgrounds (383 tests)</h2>
</ul>
</td>
</tr>
<tr id="background-size-003-3.9" class="primary">
<td><strong>
<a href="background-size-003.htm">background-size-003</a></strong></td>
<td></td>
<td></td>
<td>Value of 'auto' is used for y dimension in 'background-size'
<ul class="assert">
<li>An 'auto' value for y dimension in 'background-size' is resolved by using the image's intrinsic ratio and the size provided for the x dimension.</li>
</ul>
</td>
</tr>
<tr id="background-size-005-3.9" class="primary image">
<td><strong>
<a href="background-size-005.htm">background-size-005</a></strong></td>
ProTip! Use n and p to navigate between commits in a pull request.
You can’t perform that action at this time.