aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-backgrounds-3_dev/html4
diff options
context:
space:
mode:
Diffstat (limited to 'tests/wpt/css-tests/css-backgrounds-3_dev/html4')
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round-002.htm25
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round.htm52
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-003.htm32
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-005.htm24
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-007.htm (renamed from tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-004.htm)0
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-radius-shorthand-002.htm37
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-001.htm66
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-005.htm36
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm34
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-5.htm15
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm19
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-7.htm23
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/border-radius-shorthand-002-ref.htm31
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/box-shadow-005-ref.htm (renamed from tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/box-shadow-001-ref.htm)0
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm22
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list4
-rw-r--r--tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm8
17 files changed, 342 insertions, 86 deletions
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round-002.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round-002.htm
new file mode 100644
index 00000000000..4efc1fa2c55
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round-002.htm
@@ -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> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round.htm
index 4efc1fa2c55..20777df4468 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round.htm
@@ -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> \ No newline at end of file
+<!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> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-003.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-003.htm
new file mode 100644
index 00000000000..539913f5422
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-003.htm
@@ -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> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-005.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-005.htm
new file mode 100644
index 00000000000..4196d209e2e
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-005.htm
@@ -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> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-004.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-007.htm
index 6ef9e47f2f5..6ef9e47f2f5 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-004.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-007.htm
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-radius-shorthand-002.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-radius-shorthand-002.htm
new file mode 100644
index 00000000000..c7f22d04f74
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-radius-shorthand-002.htm
@@ -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> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-001.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-001.htm
index 3ca43ffe7d5..7b373610de9 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-001.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-001.htm
@@ -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> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-005.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-005.htm
new file mode 100644
index 00000000000..98eebd02f8f
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-005.htm
@@ -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> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm
index e0928a58619..cd0d368eea8 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm
@@ -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 @@
<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 @@
<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 @@
</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 @@
<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 @@
</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>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-5.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-5.htm
index 279e58d8a17..290668ac5fd 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-5.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-5.htm
@@ -13,7 +13,7 @@
<body>
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
- <h2>Rounded Corners (108 tests)</h2>
+ <h2>Rounded Corners (109 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@@ -37,7 +37,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css3-background/#the-border-radius">5.1 Curve Radii: the &#8216;border-radius&#8217; properties</a></th></tr>
- <!-- 71 tests -->
+ <!-- 72 tests -->
<tr id="border-bottom-left-radius-001-5.1" class="primary">
<td><strong>
<a href="border-bottom-left-radius-001.htm">border-bottom-left-radius-001</a></strong></td>
@@ -478,6 +478,17 @@
</ul>
</td>
</tr>
+ <tr id="border-radius-shorthand-002-5.1" class="primary">
+ <td><strong>
+ <a href="border-radius-shorthand-002.htm">border-radius-shorthand-002</a></strong></td>
+ <td><a href="reference/border-radius-shorthand-002-ref.htm">=</a> </td>
+ <td></td>
+ <td>Borders Radius Shorthand.
+ <ul class="assert">
+ <li>The shorthand border radius property can be used to specify all four eliptical corners of a box.</li>
+ </ul>
+ </td>
+ </tr>
<tr id="border-top-left-radius-001-5.1" class="primary">
<td><strong>
<a href="border-top-left-radius-001.htm">border-top-left-radius-001</a></strong></td>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm
index 1c3c283c244..621cdd15c8e 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm
@@ -13,7 +13,7 @@
<body>
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
- <h2>Border Images (33 tests)</h2>
+ <h2>Border Images (34 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@@ -112,7 +112,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="http://www.w3.org/TR/css3-background/#the-border-image-slice">6.2 Image Slicing: the &#8216;border-image-slice&#8217; property</a></th></tr>
- <!-- 4 tests -->
+ <!-- 5 tests -->
<tr id="border-image-slice-001-6.2" class="primary image">
<td><strong>
<a href="border-image-slice-001.htm">border-image-slice-001</a></strong></td>
@@ -146,9 +146,20 @@
</ul>
</td>
</tr>
- <tr id="border-image-slice-004-6.2" class="primary image">
+ <tr id="border-image-slice-005-6.2" class="primary image">
+ <td><strong>
+ <a href="border-image-slice-005.htm">border-image-slice-005</a></strong></td>
+ <td></td>
+ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+ <td>The 'border-image-slice' property with four percentage values
+ <ul class="assert">
+ <li>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.</li>
+ </ul>
+ </td>
+ </tr>
+ <tr id="border-image-slice-007-6.2" class="primary image">
<td><strong>
- <a href="border-image-slice-004.htm">border-image-slice-004</a></strong></td>
+ <a href="border-image-slice-007.htm">border-image-slice-007</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>The 'border-image-slice' property with the 'fill' keyword
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-7.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-7.htm
index 5fa14d03717..28c3ec4744f 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-7.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-7.htm
@@ -13,7 +13,7 @@
<body>
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
- <h2>Miscellaneous Effects (10 tests)</h2>
+ <h2>Miscellaneous Effects (11 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@@ -37,15 +37,15 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.1">+</a>
<a href="http://www.w3.org/TR/css3-background/#the-box-shadow">7.1 Drop Shadows: the &#8216;box-shadow&#8217; property</a></th></tr>
- <!-- 10 tests -->
- <tr id="box-shadow-001-7.1" class="primary">
+ <!-- 11 tests -->
+ <tr id="box-shadow-001-7.1" class="primary internal">
<td><strong>
<a href="box-shadow-001.htm">box-shadow-001</a></strong></td>
- <td><a href="reference/box-shadow-001-ref.htm">=</a> </td>
<td></td>
- <td>Box-Shadow property
+ <td><abbr class="internal" title=""></abbr></td>
+ <td>Positive value of horizontal offset
<ul class="assert">
- <li>Testing simple drop shadow with the box-shadow property</li>
+ <li>A positive value for the horizontal offset of the 'box-shadow' draws a shadow that is offset to the right of the box.</li>
</ul>
</td>
</tr>
@@ -71,6 +71,17 @@
</ul>
</td>
</tr>
+ <tr id="box-shadow-005-7.1" class="primary">
+ <td><strong>
+ <a href="box-shadow-005.htm">box-shadow-005</a></strong></td>
+ <td><a href="reference/box-shadow-005-ref.htm">=</a> </td>
+ <td></td>
+ <td>Box-Shadow property
+ <ul class="assert">
+ <li>Testing simple drop shadow with the box-shadow property</li>
+ </ul>
+ </td>
+ </tr>
<tr id="box-shadow-blur-definition-001-7.1" class="primary">
<td><strong>
<a href="box-shadow-blur-definition-001.htm">box-shadow-blur-definition-001</a></strong></td>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/border-radius-shorthand-002-ref.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/border-radius-shorthand-002-ref.htm
new file mode 100644
index 00000000000..6bc14762941
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/border-radius-shorthand-002-ref.htm
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html><head>
+ <title>CSS Test: Border radius shorthand reference</title>
+ <link href="mailto:arno@arno.org" rel="author" title="arno">
+ <style type="text/css">
+ /* <![CDATA[ */
+ div
+ {
+ border-top-left-radius: 29px 5px;
+ border-top-right-radius: 43px 11px;
+ border-bottom-left-radius: 13px 17px;
+ border-bottom-right-radius: 19px 23px;
+ 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> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/box-shadow-001-ref.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/box-shadow-005-ref.htm
index 914e707414b..914e707414b 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/box-shadow-001-ref.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/box-shadow-005-ref.htm
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm
index 7000cd764d7..117484dec6d 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm
@@ -640,6 +640,14 @@
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
+ <tbody id="background-repeat-round" class="image">
+ <tr>
+ <td rowspan="1" title="background-repeat:round">
+ <a href="background-repeat-round.htm">background-repeat-round</a></td>
+ <td><a href="reference/background-repeat-round.htm">=</a> </td>
+ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+ </tr>
+ </tbody>
<tbody id="background-repeat-round-roundup" class="image">
<tr>
<td rowspan="1" title="background-repeat:round, rounding up">
@@ -1576,6 +1584,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
+ <tbody id="border-radius-shorthand-002" class="">
+ <tr>
+ <td rowspan="1" title="Borders Radius Shorthand.">
+ <a href="border-radius-shorthand-002.htm">border-radius-shorthand-002</a></td>
+ <td><a href="reference/border-radius-shorthand-002-ref.htm">=</a> </td>
+ <td rowspan="1"></td>
+ </tr>
+ </tbody>
<tbody id="border-top-left-radius-001" class="">
<tr>
<td rowspan="1" title="Borders. Border-top-left-radius using 0 value">
@@ -1736,11 +1752,11 @@
<td rowspan="1"></td>
</tr>
</tbody>
- <tbody id="box-shadow-001" class="">
+ <tbody id="box-shadow-005" class="">
<tr>
<td rowspan="1" title="Box-Shadow property">
- <a href="box-shadow-001.htm">box-shadow-001</a></td>
- <td><a href="reference/box-shadow-001-ref.htm">=</a> </td>
+ <a href="box-shadow-005.htm">box-shadow-005</a></td>
+ <td><a href="reference/box-shadow-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list
index 795fec6dfab..b11573853e3 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list
@@ -76,6 +76,7 @@ background-paint-order-001.htm == reference/background-paint-order-001-ref.htm
background-repeat-no-repeat.htm == reference/background-repeat-no-repeat.htm
background-repeat-repeat-x.htm == reference/background-repeat-repeat-x.htm
background-repeat-repeat-y.htm == reference/background-repeat-repeat-y.htm
+background-repeat-round.htm == reference/background-repeat-round.htm
background-repeat-round-roundup.htm == reference/background-repeat-round-roundup.htm
background-repeat-space.htm == reference/background-repeat-space.htm
background-size-002.htm == reference/background-size-002-ref.htm
@@ -193,6 +194,7 @@ border-radius-010.htm == reference/border-radius-010-ref.htm
border-radius-011.htm == reference/border-radius-011-ref.htm
border-radius-clipping.htm == reference/border-radius-clipping-ref.htm
border-radius-horizontal-value-is-zero.htm == reference/border-radius-horizontal-value-is-zero-ref.htm
+border-radius-shorthand-002.htm == reference/border-radius-shorthand-002-ref.htm
border-top-left-radius-001.htm == reference/border-radius-001-ref.htm
border-top-left-radius-003.htm == border-top-left-radius-004.htm
border-top-left-radius-004.htm == border-top-left-radius-003.htm
@@ -213,7 +215,7 @@ border-top-right-radius-009.htm == border-top-right-radius-007.htm
border-top-right-radius-010.htm == reference/border-radius-001-ref.htm
border-top-right-radius-011.htm == reference/border-radius-001-ref.htm
border-top-right-radius-014.htm == reference/border-radius-001-ref.htm
-box-shadow-001.htm == reference/box-shadow-001-ref.htm
+box-shadow-005.htm == reference/box-shadow-005-ref.htm
box-shadow-inset-spread-without-border-radius.htm == reference/box-shadow-inset-spread-without-border-radius.htm
box-shadow-inset-without-border-radius.htm == reference/box-shadow-inset-without-border-radius.htm
box-shadow-outset-spread-without-border-radius.htm == reference/box-shadow-outset-spread-without-border-radius.htm
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm
index 1866476f268..410a5ff6cfb 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm
@@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -
Backgrounds</a></th>
- <td>(383 Tests)</td></tr>
+ <td>(385 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -
@@ -42,17 +42,17 @@
<tbody id="s5">
<tr><th><a href="chapter-5.htm">Chapter 5 -
Rounded Corners</a></th>
- <td>(108 Tests)</td></tr>
+ <td>(109 Tests)</td></tr>
</tbody>
<tbody id="s6">
<tr><th><a href="chapter-6.htm">Chapter 6 -
Border Images</a></th>
- <td>(33 Tests)</td></tr>
+ <td>(34 Tests)</td></tr>
</tbody>
<tbody id="s7">
<tr><th><a href="chapter-7.htm">Chapter 7 -
Miscellaneous Effects</a></th>
- <td>(10 Tests)</td></tr>
+ <td>(11 Tests)</td></tr>
</tbody>
<tbody id="s8">
<tr><th><a href="chapter-8.htm">Chapter 8 -