Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-11 16:35:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0

Browse source
This commit is contained in:
Ms2ger 2015-08-21 17:46:44 +02:00
parent 7c45ff8e05
commit f235d49372
6623 changed files with 267392 additions and 10061 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-attachment-local-scrolling.htm
View file

@ -1,6 +1,6 @@
<!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: Scrolling when ‘background-attachment: local’</title>
<title>CSS Test: Scrolling when 'background-attachment: local'</title>
<link href="http://www.microsoft.com/" rel="author" title="Microsoft">
<link href="http://www.w3.org/TR/css3-background/#the-background-attachment" rel="help">
<meta content="" name="flags">

2
tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-aspect-ratio.htm
View file

@ -1,6 +1,6 @@
<!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: Original aspect ratio of image is maintained when ‘background-size: auto’ and ‘background-repeat: round'</title>
<title>CSS Test: Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round'</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">

66
tests/wpt/css-tests/css-backgrounds-3_dev/html4/box-shadow-001.htm
View file

@ -1,32 +1,36 @@
<!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>
<!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>
</body></html>

4
tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm
View file

@ -832,7 +832,7 @@
<a href="background-attachment-local-scrolling.htm">background-attachment-local-scrolling</a></strong></td>
<td></td>
<td></td>
<td>Scrolling when &amp;#8216;background-attachment: local&amp;#8217;
<td>Scrolling when 'background-attachment: local'
<ul class="assert">
<li>If 'background-attachment: local' the background scrolls along with the element's contents (the UA may treat 'background-clip: border-box' as the same as 'background-clip: padding-box').</li>
</ul>
@ -1992,7 +1992,7 @@
<a href="background-size-aspect-ratio.htm">background-size-aspect-ratio</a></strong></td>
<td></td>
<td></td>
<td>Original aspect ratio of image is maintained when &amp;#8216;background-size: auto&amp;#8217; and &amp;#8216;background-repeat: round'
<td>Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round'
<ul class="assert">
<li>If 'background-repeat' is 'round' for one dimension only and if 'background-size' is 'auto' in the other dimension, then the other dimension is sclaed so that the original aspect ratio is restored.</li>
</ul>

8
tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-7.htm
View file

@ -38,14 +38,14 @@
<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 internal">
<tr id="box-shadow-001-7.1" class="primary">
<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><abbr class="internal" title=""></abbr></td>
<td>Positive value of horizontal offset
<td>Box-Shadow property
<ul class="assert">
<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>
<li>Testing simple drop shadow with the box-shadow property</li>
</ul>
</td>
</tr>

32
tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/box-shadow-001-ref.htm Normal file
View file

@ -0,0 +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">
<style type="text/css">
#box-div {
position: absolute;
top: 50px;
left: 5px;
background-color:#000;
width: 144px;
height: 144px;
}
#shadow-div {
position: absolute;
top: 60px;
left: 15px;
background-color:#00ff00;
width: 144px;
height: 144px;
}
</style>
</head>
<body>
<p>The test passes if there is a green drop shadow and no red.</p>
<div id="shadow-div">
</div>
<div id="box-div">
</div>
</body></html>

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/pattern-grg-rgr-grg.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 222 B

Before After
Before After

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/pattern-rgr-grg-rgr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 223 B

Before After
Before After

8
tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm
View file

@ -1736,6 +1736,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-shadow-001" 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>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-shadow-inset-spread-without-border-radius" class="">
<tr>
<td rowspan="1" title="box-shadow">

1
tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list
View file

@ -213,6 +213,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-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

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/html4/support/pattern-grg-rgr-grg.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 222 B

Before After
Before After

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/html4/support/pattern-rgr-grg-rgr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 223 B

Before After
Before After

12
tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data
View file

@ -101,8 +101,8 @@ html4/background-336.htm d8ffb8c3574d7c27ba4ba04d34fba948debf922b ?
xhtml1/background-336.xht d8ffb8c3574d7c27ba4ba04d34fba948debf922b ?
html4/background-attachment-fixed.htm 8da0f6cc1e67b1609fa31df814b55c7e4048b6ec ?
xhtml1/background-attachment-fixed.xht 8da0f6cc1e67b1609fa31df814b55c7e4048b6ec ?
html4/background-attachment-local-scrolling.htm 8e7f9a0312083d97751cec1ac8a76190f1d68a1e ?
xhtml1/background-attachment-local-scrolling.xht 8e7f9a0312083d97751cec1ac8a76190f1d68a1e ?
html4/background-attachment-local-scrolling.htm 6947df98c06fb21d63351e8fa064e8575ae3853b ?
xhtml1/background-attachment-local-scrolling.xht 6947df98c06fb21d63351e8fa064e8575ae3853b ?
html4/background-attachment-local.htm 2872cbeb53db7bc4c1b90bc27363d57cb5c42e99 ?
xhtml1/background-attachment-local.xht 2872cbeb53db7bc4c1b90bc27363d57cb5c42e99 ?
html4/background-clip-001.htm 9fb84a761767b000ab557c7de2f79d3722c5ae9d ?
@ -277,8 +277,8 @@ html4/background-size-035.htm 80b65cb2ec6b6ccce3f65ae447260464a1b71543 ?
xhtml1/background-size-035.xht 80b65cb2ec6b6ccce3f65ae447260464a1b71543 ?
html4/background-size-applies-to-block.htm 0a809377a72418e1524250623b7a77d47301b6cd ?
xhtml1/background-size-applies-to-block.xht 0a809377a72418e1524250623b7a77d47301b6cd ?
html4/background-size-aspect-ratio.htm d9c9465cefea2ddc3c52c03330c391b9dcc4aba9 ?
xhtml1/background-size-aspect-ratio.xht d9c9465cefea2ddc3c52c03330c391b9dcc4aba9 ?
html4/background-size-aspect-ratio.htm 33a11227d1894e790f93cad6a1bccfeb2062ed55 ?
xhtml1/background-size-aspect-ratio.xht 33a11227d1894e790f93cad6a1bccfeb2062ed55 ?
html4/background-size-contain-001.htm 05cdf4865cccd39a1f9526405bae59207c138b6a ?
xhtml1/background-size-contain-001.xht 05cdf4865cccd39a1f9526405bae59207c138b6a ?
html4/background-size-contain-002.htm 5212c53da511bfd45de61fb9c0eb79a25a809b4d ?
@ -659,8 +659,8 @@ html4/border-top-right-radius-014.htm da34f4b7b8e9fa8b5f62323c478a8ce6ca5add2b ?
xhtml1/border-top-right-radius-014.xht da34f4b7b8e9fa8b5f62323c478a8ce6ca5add2b ?
html4/border-top-right-radius-values-004.htm b0b8efe5ffbb9afb0e6430321784891fd69d1da3 ?
xhtml1/border-top-right-radius-values-004.xht b0b8efe5ffbb9afb0e6430321784891fd69d1da3 ?
html4/box-shadow-001.htm 1c8548de168515500a4953975a935d49352c76d8 ?
xhtml1/box-shadow-001.xht 1c8548de168515500a4953975a935d49352c76d8 ?
html4/box-shadow-001.htm 5937733dbf81339f32c8be0e25aa99021a4841b9 ?
xhtml1/box-shadow-001.xht 5937733dbf81339f32c8be0e25aa99021a4841b9 ?
html4/box-shadow-002.htm 51e9728d7bb6c05d90f699ee55f11a6aac8c0dc8 ?
xhtml1/box-shadow-002.xht 51e9728d7bb6c05d90f699ee55f11a6aac8c0dc8 ?
html4/box-shadow-003.htm 2e612545b32f7aa9da6ba0fcc4a230f5229ea0c8 ?

6
tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data
View file

@ -49,7 +49,7 @@ background-335 background shorthand - only one <box> value dom,script http://ww
background-336 background shorthand - two <box> values dom,script http://www.w3.org/TR/css3-background/#the-background d8ffb8c3574d7c27ba4ba04d34fba948debf922b `Intel`<http://www.intel.com> Check if two <box> values are present, then the first sets 'background-origin' and the second 'background-clip'
background-attachment-fixed 'Background-attachment' with value 'fixed' interact http://www.w3.org/TR/css3-background/#the-background-attachment 8da0f6cc1e67b1609fa31df814b55c7e4048b6ec `Melanie Archer`<mailto:job@twobanjos.com> If 'background-attachment' is given the value 'fixed,' then the background image remains fixed in relation to the user agent viewport when the viewport is scrolled.
background-attachment-local 'Background-attachment' with value 'local' interact http://www.w3.org/TR/css3-background/#the-background-attachment 2872cbeb53db7bc4c1b90bc27363d57cb5c42e99 `Melanie Archer`<mailto:job@twobanjos.com> If 'background-attachment' is given the value 'local,' then the background image scrolls with the containing element's content when the element's content is scrolled
background-attachment-local-scrolling Scrolling when &#8216;background-attachment: local&#8217; http://www.w3.org/TR/css3-background/#the-background-attachment 8e7f9a0312083d97751cec1ac8a76190f1d68a1e `Microsoft`<http://www.microsoft.com/> If 'background-attachment: local' the background scrolls along with the element's contents (the UA may treat 'background-clip: border-box' as the same as 'background-clip: padding-box').
background-attachment-local-scrolling Scrolling when 'background-attachment: local' http://www.w3.org/TR/css3-background/#the-background-attachment 6947df98c06fb21d63351e8fa064e8575ae3853b `Microsoft`<http://www.microsoft.com/> If 'background-attachment: local' the background scrolls along with the element's contents (the UA may treat 'background-clip: border-box' as the same as 'background-clip: padding-box').
background-clip-001 background-clip - initial and supported values dom,script http://www.w3.org/TR/css3-background/#the-background-clip 9fb84a761767b000ab557c7de2f79d3722c5ae9d `Intel`<http://www.intel.com> Check if background-clip initial value is border-box and supports values border-box, padding-box and content-box
background-clip-002 reference/background-clip-002-ref background-clip - initial value http://www.w3.org/TR/css3-background/#the-background-clip 92d0780fa1c4f198383b320d83a886b64d766ebe `Intel`<http://www.intel.com> Background-clip with initial value implies to paint the background within (clipped to) the border box.
background-clip-003 reference/background-clip-002-ref background-clip - border-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip 0986afc648919557886750b754a717b8e58139fe `Intel`<http://www.intel.com> Background-clip with 'border-box' implies to paint the background within (clipped to) the border box.
@ -136,7 +136,7 @@ background-size-033 background-size - applies to ::first-line pseudo-element im
background-size-034 reference/ref-filled-green-100px-square background-size - inherit keyword value image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 22985092746796a4def9577bb1388c959bb98c5d `Intel`<http://www.intel.com> Check if background-size supports inherit keyword as its property value.
background-size-035 reference/background-size-ref background-size conflicts with background-attachment http://www.w3.org/TR/css3-background/#the-background-size 80b65cb2ec6b6ccce3f65ae447260464a1b71543 `xiaochun`<stenders@163.com> The test passes if we can see the background-image is exactly same as above.
background-size-applies-to-block 'Background-size' applied to element with a display of 'block'. http://www.w3.org/TR/css3-background/#the-background-size 0a809377a72418e1524250623b7a77d47301b6cd `Microsoft`<http://www.microsoft.com/> 'Background-size' property applies to elements with 'display: block'.
background-size-aspect-ratio Original aspect ratio of image is maintained when &#8216;background-size: auto&#8217; and &#8216;background-repeat: round' http://www.w3.org/TR/css3-background/#the-background-size d9c9465cefea2ddc3c52c03330c391b9dcc4aba9 `Microsoft`<http://www.microsoft.com/> If 'background-repeat' is 'round' for one dimension only and if 'background-size' is 'auto' in the other dimension, then the other dimension is sclaed so that the original aspect ratio is restored.
background-size-aspect-ratio Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round' http://www.w3.org/TR/css3-background/#the-background-size 33a11227d1894e790f93cad6a1bccfeb2062ed55 `Microsoft`<http://www.microsoft.com/> If 'background-repeat' is 'round' for one dimension only and if 'background-size' is 'auto' in the other dimension, then the other dimension is sclaed so that the original aspect ratio is restored.
background-size-contain reference/background-size-contain background-size:contain image http://www.w3.org/TR/css3-background/#the-background-size 87c250883a042d9dff85ed1762d5584197a0e156 `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> The background image is scaled, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.
background-size-contain-001 reference/ref-filled-green-100px-square background-size - contain keyword value image http://www.w3.org/TR/css3-background/#the-background-size 05cdf4865cccd39a1f9526405bae59207c138b6a `Intel`<http://www.intel.com> Check if 'background-size' is 'contain' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
background-size-contain-002 reference/ref-filled-green-100px-square background-size - contain keyword value image http://www.w3.org/TR/css3-background/#the-background-size 5212c53da511bfd45de61fb9c0eb79a25a809b4d `Intel`<http://www.intel.com> Check if 'background-size' is 'contain' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
@ -327,7 +327,7 @@ border-top-right-radius-012 Borders. Border-top-right-radius using two length v
border-top-right-radius-013 Borders. Border-top-right-radius using two length values: 40pt 2pc http://www.w3.org/TR/css3-background/#the-border-radius 3cd7b5e00e8ee28be18076ef7204312707b643da `Nokia`<http://www.nokia.com/> To verify border-top-right-radius property sets to two length values (with different units), works fine
border-top-right-radius-014 reference/border-radius-001-ref Borders. Border-top-right-radius using two length values: 50px -25px http://www.w3.org/TR/css3-background/#the-border-radius da34f4b7b8e9fa8b5f62323c478a8ce6ca5add2b `Nokia`<http://www.nokia.com/> To verify if one length value is negative for border-top-right-radius, then the element is not rounded.
border-top-right-radius-values-004 Percentage for the vertical radius of 'border-top-right-radius' refers to the height of the border box. http://www.w3.org/TR/css3-background/#border-radius b0b8efe5ffbb9afb0e6430321784891fd69d1da3 `Microsoft`<http://www.microsoft.com/> Percentage for the vertical radius of 'border-top-right-radius' refers to the height of the border box.
box-shadow-001 Positive value of horizontal offset internal http://www.w3.org/TR/css3-background/#the-box-shadow 1c8548de168515500a4953975a935d49352c76d8 `Microsoft`<http://www.microsoft.com/> A positive value for the horizontal offset of the 'box-shadow' draws a shadow that is offset to the right of the box.
box-shadow-001 reference/box-shadow-001-ref Box-Shadow property http://www.w3.org/TR/css3-background/#the-box-shadow 5937733dbf81339f32c8be0e25aa99021a4841b9 `Marc Silverman`<mailto:silverman@adobe.com> Testing simple drop shadow with the box-shadow property
box-shadow-002 Positive values for spread distance http://www.w3.org/TR/css3-background/#the-box-shadow 51e9728d7bb6c05d90f699ee55f11a6aac8c0dc8 `Microsoft`<http://www.microsoft.com/> Positive values of the spread distance cause the shadow to grow in all directions by the specified distance.
box-shadow-003 Layering of box shadows http://www.w3.org/TR/css3-background/#the-background-size 2e612545b32f7aa9da6ba0fcc4a230f5229ea0c8 `Microsoft`<http://www.microsoft.com/> Shadow effects are applied front to back, where the first shadow is on the top and the last shadow is on the bottom.
box-shadow-004 Negative value for blur radius http://www.w3.org/TR/css3-background/#the-box-shadow ab393af60215943f4f47e4a7455d41fe6fb2de5e `Microsoft`<http://www.microsoft.com/> Negative values for the blur radius of the 'box-shadow' are not allowed.

2
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-attachment-local-scrolling.xht
View file

@ -1,6 +1,6 @@
<!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: Scrolling when ‘background-attachment: local’</title>
<title>CSS Test: Scrolling when 'background-attachment: local'</title>
<link href="http://www.microsoft.com/" rel="author" title="Microsoft" />
<link href="http://www.w3.org/TR/css3-background/#the-background-attachment" rel="help" />
<meta content="" name="flags" />

2
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-aspect-ratio.xht
View file

@ -1,6 +1,6 @@
<!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: Original aspect ratio of image is maintained when ‘background-size: auto’ and ‘background-repeat: round'</title>
<title>CSS Test: Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round'</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" />

62
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/box-shadow-001.xht
View file

@ -1,32 +1,36 @@
<!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: 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>
<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.xht" 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>

4
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht
View file

@ -832,7 +832,7 @@
<a href="background-attachment-local-scrolling.xht">background-attachment-local-scrolling</a></strong></td>
<td></td>
<td></td>
<td>Scrolling when &amp;#8216;background-attachment: local&amp;#8217;
<td>Scrolling when 'background-attachment: local'
<ul class="assert">
<li>If 'background-attachment: local' the background scrolls along with the element's contents (the UA may treat 'background-clip: border-box' as the same as 'background-clip: padding-box').</li>
</ul>
@ -1992,7 +1992,7 @@
<a href="background-size-aspect-ratio.xht">background-size-aspect-ratio</a></strong></td>
<td></td>
<td></td>
<td>Original aspect ratio of image is maintained when &amp;#8216;background-size: auto&amp;#8217; and &amp;#8216;background-repeat: round'
<td>Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round'
<ul class="assert">
<li>If 'background-repeat' is 'round' for one dimension only and if 'background-size' is 'auto' in the other dimension, then the other dimension is sclaed so that the original aspect ratio is restored.</li>
</ul>

8
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-7.xht
View file

@ -38,14 +38,14 @@
<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 internal">
<tr id="box-shadow-001-7.1" class="primary">
<td><strong>
<a href="box-shadow-001.xht">box-shadow-001</a></strong></td>
<td><a href="reference/box-shadow-001-ref.xht">=</a> </td>
<td></td>
<td><abbr class="internal" title=""></abbr></td>
<td>Positive value of horizontal offset
<td>Box-Shadow property
<ul class="assert">
<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>
<li>Testing simple drop shadow with the box-shadow property</li>
</ul>
</td>
</tr>

32
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/box-shadow-001-ref.xht Normal file
View file

@ -0,0 +1,32 @@
<!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: Box-Shadow property</title>
<link href="mailto:silverman@adobe.com" rel="author" title="Marc Silverman" />
<style type="text/css">
#box-div {
position: absolute;
top: 50px;
left: 5px;
background-color:#000;
width: 144px;
height: 144px;
}
#shadow-div {
position: absolute;
top: 60px;
left: 15px;
background-color:#00ff00;
width: 144px;
height: 144px;
}
</style>
</head>
<body>
<p>The test passes if there is a green drop shadow and no red.</p>
<div id="shadow-div">
</div>
<div id="box-div">
</div>
</body></html>

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/pattern-grg-rgr-grg.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 222 B

Before After
Before After

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/pattern-rgr-grg-rgr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 223 B

Before After
Before After

8
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest-toc.xht
View file

@ -1736,6 +1736,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-shadow-001" class="">
<tr>
<td rowspan="1" title="Box-Shadow property">
<a href="box-shadow-001.xht">box-shadow-001</a></td>
<td><a href="reference/box-shadow-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-shadow-inset-spread-without-border-radius" class="">
<tr>
<td rowspan="1" title="box-shadow">

1
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest.list
View file

@ -213,6 +213,7 @@ border-top-right-radius-009.xht == border-top-right-radius-007.xht
border-top-right-radius-010.xht == reference/border-radius-001-ref.xht
border-top-right-radius-011.xht == reference/border-radius-001-ref.xht
border-top-right-radius-014.xht == reference/border-radius-001-ref.xht
box-shadow-001.xht == reference/box-shadow-001-ref.xht
box-shadow-inset-spread-without-border-radius.xht == reference/box-shadow-inset-spread-without-border-radius.xht
box-shadow-inset-without-border-radius.xht == reference/box-shadow-inset-without-border-radius.xht
box-shadow-outset-spread-without-border-radius.xht == reference/box-shadow-outset-spread-without-border-radius.xht

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/support/pattern-grg-rgr-grg.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 222 B

Before After
Before After

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/support/pattern-rgr-grg-rgr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 223 B

Before After
Before After

2
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-attachment-local-scrolling.xht
View file

@ -1,6 +1,6 @@
<!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: Scrolling when ‘background-attachment: local’</title>
<title>CSS Test: Scrolling when 'background-attachment: local'</title>
<link href="http://www.microsoft.com/" rel="author" title="Microsoft" />
<link href="http://www.w3.org/TR/css3-background/#the-background-attachment" rel="help" />
<meta content="" name="flags" />

2
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-aspect-ratio.xht
View file

@ -1,6 +1,6 @@
<!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: Original aspect ratio of image is maintained when ‘background-size: auto’ and ‘background-repeat: round'</title>
<title>CSS Test: Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round'</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" />

62
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/box-shadow-001.xht
View file

@ -1,32 +1,36 @@
<!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: 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>
<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.xht" 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>

4
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht
View file

@ -832,7 +832,7 @@
<a href="background-attachment-local-scrolling.xht">background-attachment-local-scrolling</a></strong></td>
<td></td>
<td></td>
<td>Scrolling when &amp;#8216;background-attachment: local&amp;#8217;
<td>Scrolling when 'background-attachment: local'
<ul class="assert">
<li>If 'background-attachment: local' the background scrolls along with the element's contents (the UA may treat 'background-clip: border-box' as the same as 'background-clip: padding-box').</li>
</ul>
@ -1992,7 +1992,7 @@
<a href="background-size-aspect-ratio.xht">background-size-aspect-ratio</a></strong></td>
<td></td>
<td></td>
<td>Original aspect ratio of image is maintained when &amp;#8216;background-size: auto&amp;#8217; and &amp;#8216;background-repeat: round'
<td>Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round'
<ul class="assert">
<li>If 'background-repeat' is 'round' for one dimension only and if 'background-size' is 'auto' in the other dimension, then the other dimension is sclaed so that the original aspect ratio is restored.</li>
</ul>

8
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-7.xht
View file

@ -38,14 +38,14 @@
<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 internal">
<tr id="box-shadow-001-7.1" class="primary">
<td><strong>
<a href="box-shadow-001.xht">box-shadow-001</a></strong></td>
<td><a href="reference/box-shadow-001-ref.xht">=</a> </td>
<td></td>
<td><abbr class="internal" title=""></abbr></td>
<td>Positive value of horizontal offset
<td>Box-Shadow property
<ul class="assert">
<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>
<li>Testing simple drop shadow with the box-shadow property</li>
</ul>
</td>
</tr>

32
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/box-shadow-001-ref.xht Normal file
View file

@ -0,0 +1,32 @@
<!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: Box-Shadow property</title>
<link href="mailto:silverman@adobe.com" rel="author" title="Marc Silverman" />
<style type="text/css">
#box-div {
position: absolute;
top: 50px;
left: 5px;
background-color:#000;
width: 144px;
height: 144px;
}
#shadow-div {
position: absolute;
top: 60px;
left: 15px;
background-color:#00ff00;
width: 144px;
height: 144px;
}
</style>
</head>
<body>
<p>The test passes if there is a green drop shadow and no red.</p>
<div id="shadow-div">
</div>
<div id="box-div">
</div>
</body></html>

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/pattern-grg-rgr-grg.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 222 B

Before After
Before After

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/pattern-rgr-grg-rgr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 223 B

Before After
Before After

8
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest-toc.xht
View file

@ -1736,6 +1736,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-shadow-001" class="">
<tr>
<td rowspan="1" title="Box-Shadow property">
<a href="box-shadow-001.xht">box-shadow-001</a></td>
<td><a href="reference/box-shadow-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-shadow-inset-spread-without-border-radius" class="">
<tr>
<td rowspan="1" title="box-shadow">

1
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest.list
View file

@ -213,6 +213,7 @@ border-top-right-radius-009.xht == border-top-right-radius-007.xht
border-top-right-radius-010.xht == reference/border-radius-001-ref.xht
border-top-right-radius-011.xht == reference/border-radius-001-ref.xht
border-top-right-radius-014.xht == reference/border-radius-001-ref.xht
box-shadow-001.xht == reference/box-shadow-001-ref.xht
box-shadow-inset-spread-without-border-radius.xht == reference/box-shadow-inset-spread-without-border-radius.xht
box-shadow-inset-without-border-radius.xht == reference/box-shadow-inset-without-border-radius.xht
box-shadow-outset-spread-without-border-radius.xht == reference/box-shadow-outset-spread-without-border-radius.xht

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/support/pattern-grg-rgr-grg.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 222 B

Before After
Before After

BIN
tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/support/pattern-rgr-grg-rgr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 223 B

Before After
Before After