Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-02-24 03:19:06 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

text-shadow tests (bug 10713)

Browse Source
This commit is contained in:
Michael Ventnor 2008-06-12 14:39:36 +12:00
parent 159e13c0ea
commit 5217b0efd3
20 changed files with 96 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
layout/reftests/reftest.list
View File

@ -54,6 +54,9 @@ include text/reftest.list
# text-decoration/
include text-decoration/reftest.list
# text-shadow/
include text-shadow/reftest.list
# text-indent/
include text-indent/reftest.list

5
layout/reftests/text-shadow/basic-negcoord-ref.html Normal file
View File

@ -0,0 +1,5 @@
<!DOCTYPE HTML>
<div style="position: absolute; top: 20px; left: 20px; color: green; z-index: 0;">Hello</div>
<div style="position: absolute; top: 24px; left: 24px; color: black; z-index: 1;">Hello</div>

4
layout/reftests/text-shadow/basic-negcoord.html Normal file
View File

@ -0,0 +1,4 @@
<!DOCTYPE HTML>
<div style="position: absolute; top: 24px; left: 24px; color: black; text-shadow: green -4px -4px;">Hello</div>

2
layout/reftests/text-shadow/basic-ref.html Normal file
View File

@ -0,0 +1,2 @@
<div style="position: absolute; top: 33px; left: 33px; color: grey; z-index: 0;">Hello</div>
<div style="position: absolute; top: 30px; left: 30px; color: green; z-index: 1;">Hello</div>

1
layout/reftests/text-shadow/basic.html Normal file
View File

@ -0,0 +1 @@
<div style="position: absolute; top: 30px; left: 30px; color: green; text-shadow: grey 3px 3px;">Hello</div>

1
layout/reftests/text-shadow/blur-notref.html Normal file
View File

@ -0,0 +1 @@
<div style="text-shadow: blue 4px 4px">The shadow should be blurred</div>

1
layout/reftests/text-shadow/blur.html Normal file
View File

@ -0,0 +1 @@
<div style="text-shadow: blue 4px 4px 2px">The shadow should be blurred</div>

5
layout/reftests/text-shadow/color-inherit-ref.html Normal file
View File

@ -0,0 +1,5 @@
<!DOCTYPE HTML>
<div style="position: absolute; top: 27px; left: 27px; color: blue; z-index: 0;">Hello</div>
<div style="position: absolute; top: 24px; left: 24px; color: blue; z-index: 1;">Hello</div>

4
layout/reftests/text-shadow/color-inherit.html Normal file
View File

@ -0,0 +1,4 @@
<!DOCTYPE HTML>
<div style="position: absolute; top: 24px; left: 24px; color: blue; text-shadow: 3px 3px;">Hello</div>

1
layout/reftests/text-shadow/color-parserorder-ref.html Normal file
View File

@ -0,0 +1 @@
<div style="text-shadow: green 3px 3px 2px;">Parser test</div>

1
layout/reftests/text-shadow/color-parserorder.html Normal file
View File

@ -0,0 +1 @@
<div style="text-shadow: 3px 3px 2px green;">Parser test</div>

13
layout/reftests/text-shadow/decorations-multiple-zorder-ref.html Normal file
View File

@ -0,0 +1,13 @@
<!DOCTYPE HTML>
<!-- blue/green underline -->
<div style="position: absolute; top: 22px; left: 22px; color: blue; text-decoration: underline;"><span style="color: rgba(0, 0, 0, 0);">testfor</span><span style="text-decoration: underline; color: green;"><span style="color: rgba(0, 0, 0, 0);">quirks</span></span></div>
<div style="position: absolute; top: 20px; left: 20px; color: blue; text-decoration: underline;"><span style="color: rgba(0, 0, 0, 0);">testfor</span><span style="text-decoration: underline; color: green;"><span style="color: rgba(0, 0, 0, 0);">quirks</span></span></div>
<!-- red overline -->
<div style="position: absolute; top: 22px; left: 22px; color: rgba(0, 0, 0, 0);">test<span style="text-decoration: overline; color: red;"><span style="color: rgba(0, 0, 0, 0);">forquirks</span></span></div>
<div style="position: absolute; top: 20px; left: 20px; color: rgba(0, 0, 0, 0);">test<span style="text-decoration: overline; color: red;"><span style="color: rgba(0, 0, 0, 0);">forquirks</span></span></div>
<!-- the actual text -->
<div style="position: absolute; top: 22px; left: 22px;"><span style="color: blue;">test</span><span style="color: red;">for</span><span style="color: green;">quirks</span></div>
<div style="position: absolute; top: 20px; left: 20px;"><span style="color: blue;">test</span><span style="color: red;">for</span><span style="color: green;">quirks</span></div>

3
layout/reftests/text-shadow/decorations-multiple-zorder.html Normal file
View File

@ -0,0 +1,3 @@
<!DOCTYPE HTML>
<div style="text-shadow: 2px 2px; color: blue; text-decoration: underline; position: absolute; top: 20px; left: 20px;">test<span style="text-decoration: overline; color: red;">for<span style="text-decoration: underline; color: green;">quirks</span></span></div>

5
layout/reftests/text-shadow/multiple-noblur-ref.html Normal file
View File

@ -0,0 +1,5 @@
<div style="position: absolute; top: 33px; left: 33px; color: grey; z-index: 0;">Hello</div>
<div style="position: absolute; top: 30px; left: 30px; color: green; z-index: 1;">Hello</div>
<div style="position: absolute; top: 27px; left: 27px; color: red; z-index: 2;">Hello</div>
<div style="position: absolute; top: 24px; left: 24px; color: purple; z-index: 3;">Hello</div>
<div style="position: absolute; top: 20px; left: 20px; color: black; z-index: 4;">Hello</div>

1
layout/reftests/text-shadow/multiple-noblur.html Normal file
View File

@ -0,0 +1 @@
<div style="position: absolute; top: 20px; left: 20px; color: black; text-shadow: purple 4px 4px, red 7px 7px, green 10px 10px, grey 13px 13px;">Hello</div>

11
layout/reftests/text-shadow/quirks-decor-noblur-ref.html Normal file
View File

@ -0,0 +1,11 @@
<style>
div {
text-decoration: underline;
}
</style>
<div style="position: absolute; top: 33px; left: 33px; color: grey; z-index: 0;">Hello</div>
<div style="position: absolute; top: 30px; left: 30px; color: green; z-index: 1;">Hello</div>
<div style="position: absolute; top: 27px; left: 27px; color: red; z-index: 2;">Hello</div>
<div style="position: absolute; top: 24px; left: 24px; color: purple; z-index: 3;">Hello</div>
<div style="position: absolute; top: 20px; left: 20px; color: black; z-index: 4;">Hello</div>

1
layout/reftests/text-shadow/quirks-decor-noblur.html Normal file
View File

@ -0,0 +1 @@
<div style="position: absolute; top: 20px; left: 20px; color: black; text-shadow: purple 4px 4px, red 7px 7px, green 10px 10px, grey 13px 13px; text-decoration: underline;">Hello</div>

9
layout/reftests/text-shadow/reftest.list Normal file
View File

@ -0,0 +1,9 @@
== basic.html basic-ref.html
== basic-negcoord.html basic-negcoord-ref.html
!= blur.html blur-notref.html
== color-inherit.html color-inherit-ref.html
== color-parserorder.html color-parserorder-ref.html
== decorations-multiple-zorder.html decorations-multiple-zorder-ref.html
== multiple-noblur.html multiple-noblur-ref.html
== quirks-decor-noblur.html quirks-decor-noblur-ref.html
== standards-decor-noblur.html standards-decor-noblur-ref.html

21
layout/reftests/text-shadow/standards-decor-noblur-ref.html Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE HTML>
<style>
.underlined {
text-decoration: underline;
}
span {
color: rgba(0, 0, 0, 0);
}
</style>
<div class="underlined" style="position: absolute; top: 33px; left: 33px; color: grey; z-index: 0;"><span>Hello</span></div>
<div class="underlined" style="position: absolute; top: 30px; left: 30px; color: green; z-index: 1;"><span>Hello</span></div>
<div class="underlined" style="position: absolute; top: 27px; left: 27px; color: red; z-index: 2;"><span>Hello</span></div>
<div class="underlined" style="position: absolute; top: 24px; left: 24px; color: purple; z-index: 3;"><span>Hello</span></div>
<div class="underlined" style="position: absolute; top: 20px; left: 20px; color: black; z-index: 4;"><span>Hello</span></div>
<div style="position: absolute; top: 33px; left: 33px; color: grey; z-index: 5;">Hello</div>
<div style="position: absolute; top: 30px; left: 30px; color: green; z-index: 6;">Hello</div>
<div style="position: absolute; top: 27px; left: 27px; color: red; z-index: 7;">Hello</div>
<div style="position: absolute; top: 24px; left: 24px; color: purple; z-index: 8;">Hello</div>
<div style="position: absolute; top: 20px; left: 20px; color: black; z-index: 9;">Hello</div>

4
layout/reftests/text-shadow/standards-decor-noblur.html Normal file
View File

@ -0,0 +1,4 @@
<!DOCTYPE HTML>
<!-- Underlines are all painted behind every text shadow due to frame painting order -->
<div style="position: absolute; top: 20px; left: 20px; color: black; text-shadow: purple 4px 4px, red 7px 7px, green 10px 10px, grey 13px 13px; text-decoration: underline;">Hello</div>