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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/gradients/unprefixed-gradient-parsing.html

Issue 631753002: Adding support for color interpolation hints to CSS gradients. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: interpolate -> blend Created 6 years, 2 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/gradients/unprefixed-color-hints-edge-cases-expected.html ('k') | LayoutTests/fast/gradients/unprefixed-gradient-parsing-expected.txt » ('j') | Source/core/css/CSSGradientValue.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../../resources/js-test.js"></script> 4 <script src="../../resources/js-test.js"></script>
5 </head> 5 </head>
6 <body> 6 <body>
7 <script> 7 <script>
8 8
9 function testGradient(css) 9 function testGradient(css)
10 { 10 {
(...skipping 15 matching lines...) Expand all
26 shouldBe('testGradient("background-image: linear-gradient(10deg black, white)")' , '"none"'); 26 shouldBe('testGradient("background-image: linear-gradient(10deg black, white)")' , '"none"');
27 shouldBe('testGradient("background-image: linear-gradient(to black, white)")', ' "none"'); 27 shouldBe('testGradient("background-image: linear-gradient(to black, white)")', ' "none"');
28 shouldBe('testGradient("background-image: linear-gradient(to left black, white)" )', '"none"'); 28 shouldBe('testGradient("background-image: linear-gradient(to left black, white)" )', '"none"');
29 shouldBe('testGradient("background-image: linear-gradient(to top center, black 0 %, white)")', '"none"'); 29 shouldBe('testGradient("background-image: linear-gradient(to top center, black 0 %, white)")', '"none"');
30 shouldBe('testGradient("background-image: linear-gradient(10px 20%, black 0%)")' , '"none"'); 30 shouldBe('testGradient("background-image: linear-gradient(10px 20%, black 0%)")' , '"none"');
31 shouldBe('testGradient("background-image: linear-gradient(to left left)")', '"no ne"'); 31 shouldBe('testGradient("background-image: linear-gradient(to left left)")', '"no ne"');
32 shouldBe('testGradient("background-image: linear-gradient(to left center)")', '" none"'); 32 shouldBe('testGradient("background-image: linear-gradient(to left center)")', '" none"');
33 shouldBe('testGradient("background-image: linear-gradient(to left 10deg, black 0 %, white)")', '"none"'); 33 shouldBe('testGradient("background-image: linear-gradient(to left 10deg, black 0 %, white)")', '"none"');
34 shouldBe('testGradient("background-image: linear-gradient(black)")', '"none"'); 34 shouldBe('testGradient("background-image: linear-gradient(black)")', '"none"');
35 35
36 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 25%, 50%, white)")', '"none"');
37 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 50%)" )', '"none"');
38 shouldBe('testGradient("background-image: linear-gradient(10deg, 50%, white)")', '"none"');
39 shouldBe('testGradient("background-image: linear-gradient(10deg, 0%, black, whit e)")', '"none"');
40 shouldBe('testGradient("background-image: linear-gradient(10deg, white, black, 8 0%)")', '"none"');
41 shouldBe('testGradient("background-image: linear-gradient(10deg, black, , white) ")', '"none"');
42
36 shouldBe('testGradient("background-image: linear-gradient(black, white)")', '"li near-gradient(black, white)"'); 43 shouldBe('testGradient("background-image: linear-gradient(black, white)")', '"li near-gradient(black, white)"');
37 shouldBe('testGradient("background-image: linear-gradient(black 0, white)")', '" linear-gradient(black 0px, white)"'); 44 shouldBe('testGradient("background-image: linear-gradient(black 0, white)")', '" linear-gradient(black 0px, white)"');
38 shouldBe('testGradient("background-image: linear-gradient(black 0%, white)")', ' "linear-gradient(black 0%, white)"'); 45 shouldBe('testGradient("background-image: linear-gradient(black 0%, white)")', ' "linear-gradient(black 0%, white)"');
39 shouldBe('testGradient("background-image: linear-gradient(black 0%, white)")', ' "linear-gradient(black 0%, white)"'); 46 shouldBe('testGradient("background-image: linear-gradient(black 0%, white)")', ' "linear-gradient(black 0%, white)"');
40 shouldBe('testGradient("background-image: linear-gradient(black 10px, white 20px )")', '"linear-gradient(black 10px, white 20px)"'); 47 shouldBe('testGradient("background-image: linear-gradient(black 10px, white 20px )")', '"linear-gradient(black 10px, white 20px)"');
41 shouldBe('testGradient("background-image: linear-gradient(to top left, black 0%, white)")', '"linear-gradient(to left top, black 0%, white)"'); 48 shouldBe('testGradient("background-image: linear-gradient(to top left, black 0%, white)")', '"linear-gradient(to left top, black 0%, white)"');
42 shouldBe('testGradient("background-image: linear-gradient(to top, black 0%, whit e)")', '"linear-gradient(to top, black 0%, white)"'); 49 shouldBe('testGradient("background-image: linear-gradient(to top, black 0%, whit e)")', '"linear-gradient(to top, black 0%, white)"');
43 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, white )")', '"linear-gradient(10deg, black 0%, white)"'); 50 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, white )")', '"linear-gradient(10deg, black 0%, white)"');
51 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 25%, white)")', '"linear-gradient(10deg, black 0%, 25%, white)"');
52 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 0%, w hite)")', '"linear-gradient(10deg, black 0%, 0%, white)"');
53 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 100%, white)")', '"linear-gradient(10deg, black 0%, 100%, white)"');
54 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 50%, green 50%, 50%, white)")', '"linear-gradient(10deg, black 0%, 50%, green 50%, 50 %, white)"');
44 55
45 debug('<p>repeating-linear-gradient</p>'); 56 debug('<p>repeating-linear-gradient</p>');
46 shouldBe('testGradient("background-image: repeating-linear-gradient(black, white )")', '"repeating-linear-gradient(black, white)"'); 57 shouldBe('testGradient("background-image: repeating-linear-gradient(black, white )")', '"repeating-linear-gradient(black, white)"');
58 shouldBe('testGradient("background-image: repeating-linear-gradient(black, 35%, white)")', '"repeating-linear-gradient(black, 35%, white)"');
47 59
48 debug('<p>radial-gradient</p>'); 60 debug('<p>radial-gradient</p>');
49 61
50 shouldBe('testGradient("background-image: radial-gradient(white, black)")', '"ra dial-gradient(white, black)"'); 62 shouldBe('testGradient("background-image: radial-gradient(white, black)")', '"ra dial-gradient(white, black)"');
51 shouldBe('testGradient("background-image: radial-gradient(at bottom right, white , black)")', '"radial-gradient(at 100% 100%, white, black)"'); 63 shouldBe('testGradient("background-image: radial-gradient(at bottom right, white , black)")', '"radial-gradient(at 100% 100%, white, black)"');
52 shouldBe('testGradient("background-image: radial-gradient(farthest-corner, white , black)")', '"radial-gradient(white, black)"'); 64 shouldBe('testGradient("background-image: radial-gradient(farthest-corner, white , black)")', '"radial-gradient(white, black)"');
65 shouldBe('testGradient("background-image: radial-gradient(farthest-corner, white , 35%, black)")', '"radial-gradient(white, 35%, black)"');
53 shouldBe('testGradient("background-image: radial-gradient(closest-side, white, b lack)")', '"radial-gradient(closest-side, white, black)"'); 66 shouldBe('testGradient("background-image: radial-gradient(closest-side, white, b lack)")', '"radial-gradient(closest-side, white, black)"');
54 shouldBe('testGradient("background-image: radial-gradient(ellipse, white, black) ")', '"radial-gradient(white, black)"'); 67 shouldBe('testGradient("background-image: radial-gradient(ellipse, white, black) ")', '"radial-gradient(white, black)"');
55 shouldBe('testGradient("background-image: radial-gradient(ellipse farthest-corne r, white, black)")', '"radial-gradient(white, black)"'); 68 shouldBe('testGradient("background-image: radial-gradient(ellipse farthest-corne r, white, black)")', '"radial-gradient(white, black)"');
56 shouldBe('testGradient("background-image: radial-gradient(ellipse closest-side, white, black)")', '"radial-gradient(closest-side, white, black)"'); 69 shouldBe('testGradient("background-image: radial-gradient(ellipse closest-side, white, black)")', '"radial-gradient(closest-side, white, black)"');
57 shouldBe('testGradient("background-image: radial-gradient(circle, white, black)" )', '"radial-gradient(circle, white, black)"'); 70 shouldBe('testGradient("background-image: radial-gradient(circle, white, black)" )', '"radial-gradient(circle, white, black)"');
58 shouldBe('testGradient("background-image: radial-gradient(circle farthest-corner , white, black)")', '"radial-gradient(circle, white, black)"'); 71 shouldBe('testGradient("background-image: radial-gradient(circle farthest-corner , white, black)")', '"radial-gradient(circle, white, black)"');
59 shouldBe('testGradient("background-image: radial-gradient(circle closest-side, w hite, black)")', '"radial-gradient(circle closest-side, white, black)"'); 72 shouldBe('testGradient("background-image: radial-gradient(circle closest-side, w hite, black)")', '"radial-gradient(circle closest-side, white, black)"');
60 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at top, white, black)")', '"radial-gradient(circle closest-side at 50% 0%, white, black)"'); 73 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at top, white, black)")', '"radial-gradient(circle closest-side at 50% 0%, white, black)"');
61 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at top left, white, black)")', '"radial-gradient(circle closest-side at 0% 0%, whi te, black)"'); 74 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at top left, white, black)")', '"radial-gradient(circle closest-side at 0% 0%, whi te, black)"');
62 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at 10px 20%, white, black)")', '"radial-gradient(circle closest-side at 10px 20%, white, black)"'); 75 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at 10px 20%, white, black)")', '"radial-gradient(circle closest-side at 10px 20%, white, black)"');
63 shouldBe('testGradient("background-image: radial-gradient(at 10px 20% circle clo sest-side, white, black)")', '"none"'); 76 shouldBe('testGradient("background-image: radial-gradient(at 10px 20% circle clo sest-side, white, black)")', '"none"');
64 shouldBe('testGradient("background-image: radial-gradient(circle at 10px 20% cir cle, white, black)")', '"none"'); 77 shouldBe('testGradient("background-image: radial-gradient(circle at 10px 20% cir cle, white, black)")', '"none"');
65 shouldBe('testGradient("background-image: radial-gradient(circle 10px closest-si de, white, black)")', '"none"'); 78 shouldBe('testGradient("background-image: radial-gradient(circle 10px closest-si de, white, black)")', '"none"');
66 shouldBe('testGradient("background-image: radial-gradient(circle 10%, white, bla ck)")', '"none"'); 79 shouldBe('testGradient("background-image: radial-gradient(circle 10%, white, bla ck)")', '"none"');
67 shouldBe('testGradient("background-image: radial-gradient(circle 10px 10px, whit e, black)")', '"none"'); 80 shouldBe('testGradient("background-image: radial-gradient(circle 10px 10px, whit e, black)")', '"none"');
68 shouldBe('testGradient("background-image: radial-gradient(ellipse 10%, white, bl ack)")', '"none"'); 81 shouldBe('testGradient("background-image: radial-gradient(ellipse 10%, white, bl ack)")', '"none"');
69 shouldBe('testGradient("background-image: radial-gradient(ellipse 10px, white, b lack)")', '"none"'); 82 shouldBe('testGradient("background-image: radial-gradient(ellipse 10px, white, b lack)")', '"none"');
83 shouldBe('testGradient("background-image: radial-gradient(25%, black)")', '"none "');
84 shouldBe('testGradient("background-image: radial-gradient(white, 25%)")', '"none "');
85 shouldBe('testGradient("background-image: radial-gradient(white, black, 25%)")', '"none"');
86 shouldBe('testGradient("background-image: radial-gradient(25%, white, black)")', '"none"');
87 shouldBe('testGradient("background-image: radial-gradient(white,, black)")', '"n one"');
88 shouldBe('testGradient("background-image: radial-gradient(ellipse 10px, white, 2 5%, 75%, black)")', '"none"');
70 shouldBe('testGradient("background-image: radial-gradient(ellipse 10px 20px, whi te, black)")', '"radial-gradient(10px 20px, white, black)"'); 89 shouldBe('testGradient("background-image: radial-gradient(ellipse 10px 20px, whi te, black)")', '"radial-gradient(10px 20px, white, black)"');
71 shouldBe('testGradient("background-image: radial-gradient(circle 10px, white, bl ack)")', '"radial-gradient(10px, white, black)"'); 90 shouldBe('testGradient("background-image: radial-gradient(circle 10px, white, bl ack)")', '"radial-gradient(10px, white, black)"');
72 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, w hite, black)")', '"radial-gradient(10px 10px at 50% 50%, white, black)"'); 91 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, w hite, black)")', '"radial-gradient(10px 10px at 50% 50%, white, black)"');
92 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, w hite, 50%, black)")', '"radial-gradient(10px 10px at 50% 50%, white, 50%, black) "');
93 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, w hite, 0%, black)")', '"radial-gradient(10px 10px at 50% 50%, white, 0%, black)"' );
94 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, w hite, 100%, black)")', '"radial-gradient(10px 10px at 50% 50%, white, 100%, blac k)"');
73 95
74 debug('<p>repeating-radial-gradient</p>'); 96 debug('<p>repeating-radial-gradient</p>');
75 shouldBe('testGradient("background-image: repeating-radial-gradient(white, black )")', '"repeating-radial-gradient(white, black)"'); 97 shouldBe('testGradient("background-image: repeating-radial-gradient(white, black )")', '"repeating-radial-gradient(white, black)"');
98 shouldBe('testGradient("background-image: repeating-radial-gradient(white, 81%, black)")', '"repeating-radial-gradient(white, 81%, black)"');
76 99
77 </script> 100 </script>
78 101
79 </body> 102 </body>
80 </html> 103 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/gradients/unprefixed-color-hints-edge-cases-expected.html ('k') | LayoutTests/fast/gradients/unprefixed-gradient-parsing-expected.txt » ('j') | Source/core/css/CSSGradientValue.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698