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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1706573002: Move background related longhands into CSSPropertyParser (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix logic error Created 4 years, 10 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 | « third_party/WebKit/LayoutTests/fast/gradients/css3-gradient-parsing-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/gradients/unprefixed-gradient-parsing-expected.txt » ('j') | no next file with comments »
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 42 matching lines...) Expand 10 before | Expand all | Expand 10 after
53 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 100%, white)")', '"linear-gradient(10deg, black 0%, 100%, 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)"'); 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)"');
55 55
56 debug('<p>repeating-linear-gradient</p>'); 56 debug('<p>repeating-linear-gradient</p>');
57 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)"'); 58 shouldBe('testGradient("background-image: repeating-linear-gradient(black, 35%, white)")', '"repeating-linear-gradient(black, 35%, white)"');
59 59
60 debug('<p>radial-gradient</p>'); 60 debug('<p>radial-gradient</p>');
61 61
62 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)"');
63 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 right bottom, white, black)"');
64 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)"'); 65 shouldBe('testGradient("background-image: radial-gradient(farthest-corner, white , 35%, black)")', '"radial-gradient(white, 35%, black)"');
66 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)"');
67 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)"');
68 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)"');
69 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)"');
70 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)"');
71 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)"');
72 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)"');
73 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 center top, 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)"'); 74 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at top left, white, black)")', '"radial-gradient(circle closest-side at left top, 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)"'); 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)"');
76 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"');
77 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"');
78 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"');
79 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"');
80 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"');
81 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"');
82 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 "'); 83 shouldBe('testGradient("background-image: radial-gradient(25%, black)")', '"none "');
84 shouldBe('testGradient("background-image: radial-gradient(white, 25%)")', '"none "'); 84 shouldBe('testGradient("background-image: radial-gradient(white, 25%)")', '"none "');
85 shouldBe('testGradient("background-image: radial-gradient(white, black, 25%)")', '"none"'); 85 shouldBe('testGradient("background-image: radial-gradient(white, black, 25%)")', '"none"');
86 shouldBe('testGradient("background-image: radial-gradient(25%, white, black)")', '"none"'); 86 shouldBe('testGradient("background-image: radial-gradient(25%, white, black)")', '"none"');
87 shouldBe('testGradient("background-image: radial-gradient(white,, black)")', '"n one"'); 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"'); 88 shouldBe('testGradient("background-image: radial-gradient(ellipse 10px, white, 2 5%, 75%, black)")', '"none"');
89 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)"');
90 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)"');
91 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 center center, 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) "'); 92 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, w hite, 50%, black)")', '"radial-gradient(10px 10px at center center, 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)"' ); 93 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, w hite, 0%, black)")', '"radial-gradient(10px 10px at center center, white, 0%, bl ack)"');
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)"'); 94 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, w hite, 100%, black)")', '"radial-gradient(10px 10px at center center, white, 100% , black)"');
95 95
96 debug('<p>repeating-radial-gradient</p>'); 96 debug('<p>repeating-radial-gradient</p>');
97 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)"'); 98 shouldBe('testGradient("background-image: repeating-radial-gradient(white, 81%, black)")', '"repeating-radial-gradient(white, 81%, black)"');
99 99
100 </script> 100 </script>
101 101
102 </body> 102 </body>
103 </html> 103 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/gradients/css3-gradient-parsing-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/gradients/unprefixed-gradient-parsing-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698