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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2746583003: Send deprecation messages for prefixed gradients now that it's possible. (Closed)
Patch Set: recommit Created 3 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 | « third_party/WebKit/LayoutTests/fast/gradients/css3-color-stops.html ('k') | third_party/WebKit/LayoutTests/fast/gradients/css3-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 7
8 8
9 9
10 <script type="text/javascript"> 10 <script type="text/javascript">
11 11
12 function testGradient(css, queryProp) 12 function testGradient(css, queryProp)
13 { 13 {
14 var div = document.createElement('div'); 14 var div = document.createElement('div');
15 div.setAttribute('style', css); 15 div.setAttribute('style', css);
16 document.body.appendChild(div); 16 document.body.appendChild(div);
17 17
18 var result = getComputedStyle(div).getPropertyValue(queryProp); 18 var result = getComputedStyle(div).getPropertyValue(queryProp);
19 document.body.removeChild(div); 19 document.body.removeChild(div);
20 return result; 20 return result;
21 } 21 }
22 22
23 function testSame(dir, prop, altProp, value) 23 function testSame(dir, prop, altProp, value)
24 { 24 {
25 shouldBeEqualToString('test("' + dir + '", "' + prop + ': ' + value + '", "' + altProp + '")', value); 25 shouldBeEqualToString('test("' + dir + '", "' + prop + ': ' + value + '", "' + altProp + '")', value);
26 shouldBeEqualToString('test("' + dir + '", "' + altProp + ': ' + value + '", "' + prop + '")', value); 26 shouldBeEqualToString('test("' + dir + '", "' + altProp + ': ' + value + '", "' + prop + '")', value);
27 } 27 }
28 28
29 debug('<p>-webkit-linear-gradient</p>'); 29 debug('<p>linear-gradient</p>');
30 30
31 shouldBe('testGradient("background-image: -webkit-linear-gradient(black 0%", "ba ckground-image")', '"none"'); 31 shouldBe('testGradient("background-image: linear-gradient(black 0%", "background -image")', '"none"');
32 shouldBe('testGradient("background-image: -webkit-linear-gradient(top)", "backgr ound-image")', '"none"'); 32 shouldBe('testGradient("background-image: linear-gradient(top)", "background-ima ge")', '"none"');
33 shouldBe('testGradient("background-image: -webkit-linear-gradient(10deg)", "back ground-image")', '"none"'); 33 shouldBe('testGradient("background-image: linear-gradient(10deg)", "background-i mage")', '"none"');
34 shouldBe('testGradient("background-image: -webkit-linear-gradient(top center, bl ack 0%)", "background-image")', '"none"'); 34 shouldBe('testGradient("background-image: linear-gradient(top center, black 0%)" , "background-image")', '"none"');
35 shouldBe('testGradient("background-image: -webkit-linear-gradient(10px 20%, blac k 0%)", "background-image")', '"none"'); 35 shouldBe('testGradient("background-image: linear-gradient(10px 20%, black 0%)", "background-image")', '"none"');
36 shouldBe('testGradient("background-image: -webkit-linear-gradient(left left)", " background-image")', '"none"'); 36 shouldBe('testGradient("background-image: linear-gradient(left left)", "backgrou nd-image")', '"none"');
37 shouldBe('testGradient("background-image: -webkit-linear-gradient(left center)", "background-image")', '"none"'); 37 shouldBe('testGradient("background-image: linear-gradient(left center)", "backgr ound-image")', '"none"');
38 shouldBe('testGradient("background-image: -webkit-linear-gradient(left 10deg, bl ack 0%)", "background-image")', '"none"'); 38 shouldBe('testGradient("background-image: linear-gradient(left 10deg, black 0%)" , "background-image")', '"none"');
39 shouldBe('testGradient("background-image: -webkit-linear-gradient(black)", "back ground-image")', '"none"'); 39 shouldBe('testGradient("background-image: linear-gradient(black)", "background-i mage")', '"none"');
40 shouldBe('testGradient("background-image: -webkit-linear-gradient(black, white)" , "background-image")', '"-webkit-linear-gradient(top, black, white)"'); 40 shouldBe('testGradient("background-image: linear-gradient(right bottom, black, w hite)", "background-image")', '"none"');
41 shouldBe('testGradient("background-image: -webkit-linear-gradient(black 0, white )", "background-image")', '"-webkit-linear-gradient(top, black 0px, white)"'); 41 shouldBe('testGradient("background-image: linear-gradient(black, white)", "backg round-image")', '"linear-gradient(black, white)"');
42 shouldBe('testGradient("background-image: -webkit-linear-gradient(black 0%, whit e)", "background-image")', '"-webkit-linear-gradient(top, black 0%, white)"'); 42 shouldBe('testGradient("background-image: linear-gradient(black 0, white)", "bac kground-image")', '"linear-gradient(black 0px, white)"');
43 shouldBe('testGradient("background-image: -webkit-linear-gradient(black 0%, whit e)", "background-image")', '"-webkit-linear-gradient(top, black 0%, white)"'); 43 shouldBe('testGradient("background-image: linear-gradient(black 0%, white)", "ba ckground-image")', '"linear-gradient(black 0%, white)"');
44 shouldBe('testGradient("background-image: -webkit-linear-gradient(black, white)" , "background-image")', '"-webkit-linear-gradient(top, black, white)"'); 44 shouldBe('testGradient("background-image: linear-gradient(black 0%, white)", "ba ckground-image")', '"linear-gradient(black 0%, white)"');
45 shouldBe('testGradient("background-image: -webkit-linear-gradient(black 10px, wh ite 20px)", "background-image")', '"-webkit-linear-gradient(top, black 10px, whi te 20px)"'); 45 shouldBe('testGradient("background-image: linear-gradient(black, white)", "backg round-image")', '"linear-gradient(black, white)"');
46 shouldBe('testGradient("background-image: -webkit-linear-gradient(top left, blac k 0%, white)", "background-image")', '"-webkit-linear-gradient(left top, black 0 %, white)"'); 46 shouldBe('testGradient("background-image: linear-gradient(black 10px, white 20px )", "background-image")', '"linear-gradient(black 10px, white 20px)"');
47 shouldBe('testGradient("background-image: -webkit-linear-gradient(top, black 0%, white)", "background-image")', '"-webkit-linear-gradient(top, black 0%, white)" '); 47 shouldBe('testGradient("background-image: linear-gradient(to bottom right, black 0%, white)", "background-image")', '"linear-gradient(to right bottom, black 0%, white)"');
48 shouldBe('testGradient("background-image: -webkit-linear-gradient(10deg, black 0 %, white)", "background-image")', '"-webkit-linear-gradient(10deg, black 0%, whi te)"'); 48 shouldBe('testGradient("background-image: linear-gradient(black 0%, white)", "ba ckground-image")', '"linear-gradient(black 0%, white)"');
49 shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, white )", "background-image")', '"linear-gradient(10deg, black 0%, white)"');
49 50
50 debug('<p>-webkit-repeating-linear-gradient</p>'); 51 debug('<p>repeating-linear-gradient</p>');
51 shouldBe('testGradient("background-image: -webkit-repeating-linear-gradient(blac k, white)", "background-image")', '"-webkit-repeating-linear-gradient(top, black , white)"'); 52 shouldBe('testGradient("background-image: repeating-linear-gradient(black, white )", "background-image")', '"repeating-linear-gradient(black, white)"');
52 53
53 debug('<p>-webkit-radial-gradient</p>'); 54 debug('<p>radial-gradient</p>');
54 55
55 shouldBe('testGradient("background-image: -webkit-radial-gradient(white, black)" , "background-image")', '"-webkit-radial-gradient(center, white, black)"'); 56 shouldBe('testGradient("background-image: radial-gradient(white, black)", "backg round-image")', '"radial-gradient(white, black)"');
56 shouldBe('testGradient("background-image: -webkit-radial-gradient(bottom right, white, black)", "background-image")', '"-webkit-radial-gradient(right bottom, wh ite, black)"'); 57 shouldBe('testGradient("background-image: radial-gradient(at bottom right, white , black)", "background-image")', '"radial-gradient(at right bottom, white, black )"');
57 shouldBe('testGradient("background-image: -webkit-radial-gradient(cover, white, black)", "background-image")', '"-webkit-radial-gradient(center, ellipse cover, white, black)"'); 58 shouldBe('testGradient("background-image: radial-gradient(ellipse farthest-corne r, white, black)", "background-image")', '"radial-gradient(white, black)"');
58 shouldBe('testGradient("background-image: -webkit-radial-gradient(circle, white, black)", "background-image")', '"-webkit-radial-gradient(center, circle cover, white, black)"'); 59 shouldBe('testGradient("background-image: radial-gradient(circle closest-corner, white, black)", "background-image")', '"radial-gradient(circle closest-corner, white, black)"');
59 shouldBe('testGradient("background-image: -webkit-radial-gradient(circle contain , white, black)", "background-image")', '"-webkit-radial-gradient(center, circle contain, white, black)"'); 60 shouldBe('testGradient("background-image: radial-gradient(circle, white, black)" , "background-image")', '"radial-gradient(circle, white, black)"');
60 shouldBe('testGradient("background-image: -webkit-radial-gradient(top, circle co ntain, white, black)", "background-image")', '"-webkit-radial-gradient(center to p, circle contain, white, black)"'); 61 shouldBe('testGradient("background-image: radial-gradient(circle closest-side, w hite, black)", "background-image")', '"radial-gradient(circle closest-side, whit e, black)"');
61 shouldBe('testGradient("background-image: -webkit-radial-gradient(top left, circ le contain, white, black)", "background-image")', '"-webkit-radial-gradient(left top, circle contain, white, black)"'); 62 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at top, white, black)", "background-image")', '"radial-gradient(circle closest-sid e at center top, white, black)"');
62 shouldBe('testGradient("background-image: -webkit-radial-gradient(10px 20%, circ le contain, white, black)", "background-image")', '"-webkit-radial-gradient(10px 20%, circle contain, white, black)"'); 63 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at top left, white, black)", "background-image")', '"radial-gradient(circle closes t-side at left top, white, black)"');
63 shouldBe('testGradient("background-image: -webkit-radial-gradient(10px, 20%, cir cle contain, white, black)", "background-image")', '"none"'); 64 shouldBe('testGradient("background-image: radial-gradient(circle closest-side at 10px 20%, white, black)", "background-image")', '"radial-gradient(circle closes t-side at 10px 20%, white, black)"');
64 shouldBe('testGradient("background-image: -webkit-radial-gradient(circle 10px 20 %, circle contain, white, black)", "background-image")', '"none"'); 65 shouldBe('testGradient("background-image: radial-gradient(10px, 20%, circle clos est-side, white, black)", "background-image")', '"none"');
65 shouldBe('testGradient("background-image: -webkit-radial-gradient(circle 10px, c ircle contain, white, black)", "background-image")', '"none"'); 66 shouldBe('testGradient("background-image: radial-gradient(circle 10px 20%, circl e closest-side, white, black)", "background-image")', '"none"');
66 shouldBe('testGradient("background-image: -webkit-radial-gradient(center, 10px, white, black)", "background-image")', '"none"'); 67 shouldBe('testGradient("background-image: radial-gradient(circle 10px, circle cl osest-side, white, black)", "background-image")', '"none"');
67 shouldBe('testGradient("background-image: -webkit-radial-gradient(center, 10px 1 0px, white, black)", "background-image")', '"-webkit-radial-gradient(center cent er, 10px 10px, white, black)"'); 68 shouldBe('testGradient("background-image: radial-gradient(10px, white, black)", "background-image")', '"radial-gradient(10px, white, black)"');
68 shouldBe('testGradient("background-image: -webkit-radial-gradient(ellipse farthe st-corner, white, black)", "background-image")', '"-webkit-radial-gradient(cente r, ellipse farthest-corner, white, black)"'); 69 shouldBe('testGradient("background-image: radial-gradient(10px 10px, white, blac k)", "background-image")', '"radial-gradient(10px 10px, white, black)"');
69 shouldBe('testGradient("background-image: -webkit-radial-gradient(circle closest -side, white, black)", "background-image")', '"-webkit-radial-gradient(center, c ircle closest-side, white, black)"'); 70 shouldBe('testGradient("background-image: radial-gradient(ellipse closest-corner , white, black)", "background-image")', '"radial-gradient(closest-corner, white, black)"');
71 shouldBe('testGradient("background-image: radial-gradient(circle closest-side, w hite, black)", "background-image")', '"radial-gradient(circle closest-side, whit e, black)"');
70 72
71 debug('<p>-webkit-repeating-radial-gradient</p>'); 73 debug('<p>repeating-radial-gradient</p>');
72 shouldBe('testGradient("background-image: -webkit-repeating-radial-gradient(whit e, black)", "background-image")', '"-webkit-repeating-radial-gradient(center, wh ite, black)"'); 74 shouldBe('testGradient("background-image: repeating-radial-gradient(white, black )", "background-image")', '"repeating-radial-gradient(white, black)"');
73 75
74 </script> 76 </script>
75 77
76 </body> 78 </body>
77 </html> 79 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/gradients/css3-color-stops.html ('k') | third_party/WebKit/LayoutTests/fast/gradients/css3-gradient-parsing-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698