OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <!-- Bugzilla link: http://webkit.org/b/94480 --> | 4 <!-- Bugzilla link: http://webkit.org/b/94480 --> |
5 <title>CSS Test: CSS3 text-decoration-line repaint</title> | 5 <title>CSS Test: CSS3 text-decoration-line repaint</title> |
6 <link rel="help" href="http://http://dev.w3.org/csswg/css3-text/#text-de
coration-line"/> | 6 <link rel="help" href="http://http://dev.w3.org/csswg/css3-text/#text-de
coration-line"/> |
7 <meta name="flags" content="ahem"/> | 7 <meta name="flags" content="ahem"/> |
8 <script> | 8 <script> |
9 if (window.testRunner) | 9 if (window.testRunner) |
10 testRunner.dumpAsText(true); | 10 testRunner.dumpAsText(true); |
11 </script> | 11 </script> |
12 <script src="../../../repaint/resources/repaint.js" type="text/javascrip
t"></script> | 12 <script src="../../../repaint/resources/repaint.js" type="text/javascrip
t"></script> |
13 <script> | 13 <script> |
14 function repaintTest() { | 14 function repaintTest() { |
15 document.getElementById("test-underline").style.webkitTextDecora
tionLine = 'underline'; | 15 document.getElementById("test-underline").style.textDecorationLi
ne = 'underline'; |
16 document.getElementById("test-overline").style.webkitTextDecorat
ionLine = 'overline'; | 16 document.getElementById("test-overline").style.textDecorationLin
e = 'overline'; |
17 document.getElementById("test-line-through").style.webkitTextDec
orationLine = 'line-through'; | 17 document.getElementById("test-line-through").style.textDecoratio
nLine = 'line-through'; |
18 document.getElementById("test-all").style.webkitTextDecorationLi
ne = 'underline overline line-through'; | 18 document.getElementById("test-all").style.textDecorationLine = '
underline overline line-through'; |
19 document.getElementById("test-invalid-blink").style.webkitTextDe
corationLine = 'blink'; | 19 document.getElementById("test-invalid-blink").style.textDecorati
onLine = 'blink'; |
20 document.getElementById("test-invalid-inherit").style.webkitText
DecorationLine = 'inherit'; | 20 document.getElementById("test-invalid-inherit").style.textDecora
tionLine = 'inherit'; |
21 document.getElementById("test-initial-explicit").style.webkitTex
tDecorationLine = 'initial'; | 21 document.getElementById("test-initial-explicit").style.textDecor
ationLine = 'initial'; |
22 document.getElementById("test-initial-empty").style.webkitTextDe
corationLine = ''; | 22 document.getElementById("test-initial-empty").style.textDecorati
onLine = ''; |
23 document.getElementById("test-parent").style.webkitTextDecoratio
nLine = 'underline'; | 23 document.getElementById("test-parent").style.textDecorationLine
= 'underline'; |
24 document.getElementById("test-ancestor").style.webkitTextDecorat
ionLine = 'overline'; | 24 document.getElementById("test-ancestor").style.textDecorationLin
e = 'overline'; |
25 } | 25 } |
26 </script> | 26 </script> |
27 </head> | 27 </head> |
28 <body onload="runRepaintTest();" style="font: 10px Ahem; -webkit-font-smooth
ing: none;"> | 28 <body onload="runRepaintTest();" style="font: 10px Ahem; -webkit-font-smooth
ing: none;"> |
29 <!-- Valid values repaint ("webkit-text-decoration-line" overwrites "tex
t-decoration" on repaintTest(). --> | 29 <!-- Valid values repaint ("text-decoration-line" overwrites "text-decor
ation" on repaintTest(). --> |
30 <p><span id="test-underline" style="text-decoration: none;">> <</s
pan></p> | 30 <p><span id="test-underline" style="text-decoration: none;">> <</s
pan></p> |
31 <p><span id="test-overline" style="text-decoration: none;">> <</sp
an></p> | 31 <p><span id="test-overline" style="text-decoration: none;">> <</sp
an></p> |
32 <p><span id="test-line-through" style="text-decoration: none;">> <
</span></p> | 32 <p><span id="test-line-through" style="text-decoration: none;">> <
</span></p> |
33 <p><span id="test-all" style="text-decoration: none;">> <</span></
p> | 33 <p><span id="test-all" style="text-decoration: none;">> <</span></
p> |
34 | 34 |
35 <!-- Parent value is not set, so fallback to initial "none" value. --> | 35 <!-- Parent value is not set, so fallback to initial "none" value. --> |
36 <p><span id="test-invalid-inherit" style="text-decoration: underline;">&
gt; <</span></p> | 36 <p><span id="test-invalid-inherit" style="text-decoration: underline;">&
gt; <</span></p> |
37 | 37 |
38 <!-- Explicit 'initial' value computed style is 'none'. --> | 38 <!-- Explicit 'initial' value computed style is 'none'. --> |
39 <p><span id="test-initial-explicit" style="text-decoration: underline;">
> <</span></p> | 39 <p><span id="test-initial-explicit" style="text-decoration: underline;">
> <</span></p> |
40 | 40 |
41 <!-- "text-decoration-line" property does not accept 'blink' value. --> | 41 <!-- "text-decoration-line" property does not accept 'blink' value. --> |
42 <p><span id="test-invalid-blink" style="text-decoration: underline;">>
; <</span></p> | 42 <p><span id="test-invalid-blink" style="text-decoration: underline;">>
; <</span></p> |
43 | 43 |
44 <!-- Empty value treated as invalid, so fallback to last valid value "un
derline". --> | 44 <!-- Empty value treated as invalid, so fallback to last valid value "un
derline". --> |
45 <p><span id="test-initial-empty" style="text-decoration: underline;">>
; <</span></p> | 45 <p><span id="test-initial-empty" style="text-decoration: underline;">>
; <</span></p> |
46 | 46 |
47 <!-- Ancestor inherits "-webkit-text-decoration-line" value from parent
on repaintTest(). --> | 47 <!-- Ancestor inherits "text-decoration-line" value from parent on repai
ntTest(). --> |
48 <p><span id="test-parent"><span>> <</span></span></p> | 48 <p><span id="test-parent"><span>> <</span></span></p> |
49 | 49 |
50 <!-- Ancestor overwrites parent value on repaintTest(). --> | 50 <!-- Ancestor overwrites parent value on repaintTest(). --> |
51 <p><span style="-webkit-text-decoration-style: underline;"><span id="tes
t-ancestor">> <</span></span></p> | 51 <p><span style="text-decoration-style: underline;"><span id="test-ancest
or">> <</span></span></p> |
52 </body> | 52 </body> |
53 </html> | 53 </html> |
OLD | NEW |