Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(78)

Side by Side Diff: LayoutTests/fast/css3-text/css3-text-decoration/repaint/repaint-text-decoration-line.html

Issue 14576017: Implement CSS3TextDecorations runtime flag in favor of CSS3_TEXT (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Removed updated on text-underline-position for now (to be discussed & re-added later) Created 7 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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;">&gt; &lt;</s pan></p> 30 <p><span id="test-underline" style="text-decoration: none;">&gt; &lt;</s pan></p>
31 <p><span id="test-overline" style="text-decoration: none;">&gt; &lt;</sp an></p> 31 <p><span id="test-overline" style="text-decoration: none;">&gt; &lt;</sp an></p>
32 <p><span id="test-line-through" style="text-decoration: none;">&gt; &lt; </span></p> 32 <p><span id="test-line-through" style="text-decoration: none;">&gt; &lt; </span></p>
33 <p><span id="test-all" style="text-decoration: none;">&gt; &lt;</span></ p> 33 <p><span id="test-all" style="text-decoration: none;">&gt; &lt;</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; &lt;</span></p> 36 <p><span id="test-invalid-inherit" style="text-decoration: underline;">& gt; &lt;</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;"> &gt; &lt;</span></p> 39 <p><span id="test-initial-explicit" style="text-decoration: underline;"> &gt; &lt;</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;">&gt ; &lt;</span></p> 42 <p><span id="test-invalid-blink" style="text-decoration: underline;">&gt ; &lt;</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;">&gt ; &lt;</span></p> 45 <p><span id="test-initial-empty" style="text-decoration: underline;">&gt ; &lt;</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>&gt; &lt;</span></span></p> 48 <p><span id="test-parent"><span>&gt; &lt;</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">&gt; &lt;</span></span></p> 51 <p><span style="text-decoration-style: underline;"><span id="test-ancest or">&gt; &lt;</span></span></p>
52 </body> 52 </body>
53 </html> 53 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698