LayoutTests/fast/css3-text/css3-text-decoration/repaint/repaint-text-decoration-color.html - Issue 14576017: Implement CSS3TextDecorations runtime flag in favor of CSS3_TEXT

Side by Side Diff: LayoutTests/fast/css3-text/css3-text-decoration/repaint/repaint-text-decoration-color.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

« no previous file with comments | « LayoutTests/fast/css3-text/css3-text-decoration/getComputedStyle/script-tests/getComputedStyle-text-decoration-style.js ('k') | LayoutTests/fast/css3-text/css3-text-decoration/repaint/repaint-text-decoration-line.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <title>CSS Test: CSS3 text-decoration-color repaint</title>	4 <title>CSS Test: CSS3 text-decoration-color repaint</title>

5 <meta name="flags" content="ahem"/>	5 <meta name="flags" content="ahem"/>

6 <script>	6 <script>

7 if (window.testRunner)	7 if (window.testRunner)

8 testRunner.dumpAsText();	8 testRunner.dumpAsText();

9 </script>	9 </script>

10 <script src="../../repaint/resources/repaint.js" type="text/javascript"> </script>	10 <script src="../../repaint/resources/repaint.js" type="text/javascript"> </script>

11 <script>	11 <script>

12 function runRepaintTest() {	12 function runRepaintTest() {

13 document.getElementById("test-underline").style.webkitTextDecora tionColor = 'gray';	13 document.getElementById("test-underline").style.textDecorationCo lor = 'gray';

14 document.getElementById("test-overline").style.webkitTextDecorat ionColor = 'yellow';	14 document.getElementById("test-overline").style.textDecorationCol or = 'yellow';

15 document.getElementById("test-line-through").style.webkitTextDec orationColor = 'white';	15 document.getElementById("test-line-through").style.textDecoratio nColor = 'white';

16 document.getElementById("test-parent").style.webkitTextDecoratio nColor = 'green';	16 document.getElementById("test-parent").style.textDecorationColor = 'green';

17 document.getElementById("test-ancestor-1").style.webkitTextDecor ationColor = 'black';	17 document.getElementById("test-ancestor-1").style.textDecorationC olor = 'black';

18 document.getElementById("test-ancestor-2").style.webkitTextDecor ationColor = 'inherit';	18 document.getElementById("test-ancestor-2").style.textDecorationC olor = 'inherit';

19 document.getElementById("test-mixed-1").style.webkitTextDecorati onColor = 'black';	19 document.getElementById("test-mixed-1").style.textDecorationColo r = 'black';

20 document.getElementById("test-mixed-2").style.webkitTextDecorati onColor = 'green';	20 document.getElementById("test-mixed-2").style.textDecorationColo r = 'green';

21 document.getElementById("test-mixed-3").style.webkitTextDecorati onColor = 'blue';	21 document.getElementById("test-mixed-3").style.textDecorationColo r = 'blue';

22 }	22 }

23 </script>	23 </script>

24 <style>	24 <style>

25 .underline {	25 .underline {

26 text-decoration: underline;	26 text-decoration: underline;

27 }	27 }

28 .overline {	28 .overline {

29 text-decoration: overline;	29 text-decoration: overline;

30 }	30 }

31 .line-through {	31 .line-through {

(...skipping 11 matching lines...) Expand all Loading...
43 <!-- Black text with white line-through on repaint -->	43 <!-- Black text with white line-through on repaint -->

44 <p><span class="line-through" id="test-line-through" style="color: black ;">lorem ipsum <sub>ipsum</sub> <sup>ipsum</sup></span></p>	44 <p><span class="line-through" id="test-line-through" style="color: black ;">lorem ipsum <sub>ipsum</sub> <sup>ipsum</sup></span></p>

45	45

46 <!-- Parent color is grey, with green underline, first ancestor has blac k overline and latter has inherited text decoration color from parent on repaint -->	46 <!-- Parent color is grey, with green underline, first ancestor has blac k overline and latter has inherited text decoration color from parent on repaint -->

47 <p><span class="underline" id="test-parent" style="color: rgb(100, 100, 100);">lorem <span class="overline" id="test-ancestor-1">ipsum</span> <span clas s="line-through" id="test-ancestor-2">ipsum</span> ipsum</span></p>	47 <p><span class="underline" id="test-parent" style="color: rgb(100, 100, 100);">lorem <span class="overline" id="test-ancestor-1">ipsum</span> <span clas s="line-through" id="test-ancestor-2">ipsum</span> ipsum</span></p>

48	48

49 <!-- Transparent text with green overline, blue line-through and black u nderline on repaint -->	49 <!-- Transparent text with green overline, blue line-through and black u nderline on repaint -->

50 <p style="color: transparent;"><span id="test-mixed-1" class="underline" ><span id="test-mixed-2" class="overline"><span id="test-mixed-3" class="line-th rough">lorem ipsum</span></span></span></p>	50 <p style="color: transparent;"><span id="test-mixed-1" class="underline" ><span id="test-mixed-2" class="overline"><span id="test-mixed-3" class="line-th rough">lorem ipsum</span></span></span></p>

51 </body>	51 </body>

52 </html>	52 </html>

OLD	NEW