text-shadow tests (bug 10713)

This commit is contained in:
Michael Ventnor 2008-06-12 14:39:36 +12:00
parent 480a40574d
commit ffafa1a250
20 changed files with 96 additions and 0 deletions

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

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>

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>

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>

View File

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

View File

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

View File

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

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>

View File

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

View File

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

View File

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

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>

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>

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>

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>

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>

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>

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

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>

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>