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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css/getComputedStyle/computed-style-cross-fade.html

Issue 1363233003: Make sure <url>s are being serialized according to spec (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix interpolation tests Created 5 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
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 type="text/javascript"> 7 <script type="text/javascript">
8 8
9 function testCrossfade(css, queryProp) 9 function testCrossfade(css, queryProp)
10 { 10 {
11 var div = document.createElement('div'); 11 var div = document.createElement('div');
12 div.setAttribute('style', css); 12 div.setAttribute('style', css);
13 document.body.appendChild(div); 13 document.body.appendChild(div);
14 14
15 var result = getComputedStyle(div).getPropertyValue(queryProp); 15 var result = getComputedStyle(div).getPropertyValue(queryProp);
16 document.body.removeChild(div); 16 document.body.removeChild(div);
17 return result; 17 return result;
18 } 18 }
19 19
20 debug('<p>-webkit-cross-fade</p>'); 20 debug('<p>-webkit-cross-fade</p>');
21 21
22 // Valid 22 // Valid
23 23
24 shouldBe('testCrossfade("opacity: 500%", "opacity")', '"1"'); 24 shouldBeEqualToString('testCrossfade("opacity: 500%", "opacity")', '1');
25 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://exampl e.png), url(dummy://example.png), 50%)", "background-image")', '"-webkit-cross-f ade(url(dummy://example.png), url(dummy://example.png), 0.5)"'); 25 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://example.png), url(dummy://example.png), 50%)", "background-image")', '-we bkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 0.5)');
26 shouldBe('testCrossfade("background-image: -webkit-cross-fade(-webkit-cross-fade (url(dummy://a.png), url(dummy://b.png), 25%), url(dummy://example.png), 50%)", "background-image")', '"-webkit-cross-fade(-webkit-cross-fade(url(dummy://a.png) , url(dummy://b.png), 0.25), url(dummy://example.png), 0.5)"'); 26 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(-webk it-cross-fade(url(dummy://a.png), url(dummy://b.png), 25%), url(dummy://example. png), 50%)", "background-image")', '-webkit-cross-fade(-webkit-cross-fade(url("d ummy://a.png"), url("dummy://b.png"), 0.25), url("dummy://example.png"), 0.5)');
27 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://c.png) , -webkit-cross-fade(url(dummy://a.png), url(dummy://b.png), 25%), 50%)", "backg round-image")', '"-webkit-cross-fade(url(dummy://c.png), -webkit-cross-fade(url( dummy://a.png), url(dummy://b.png), 0.25), 0.5)"'); 27 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://c.png), -webkit-cross-fade(url(dummy://a.png), url(dummy://b.png), 25%), 50%)", "background-image")', '-webkit-cross-fade(url("dummy://c.png"), -webkit-c ross-fade(url("dummy://a.png"), url("dummy://b.png"), 0.25), 0.5)');
28 shouldBe('testCrossfade("background-image: -webkit-cross-fade(-webkit-linear-gra dient(black, white), url(dummy://example.png), 10%)", "background-image")', '"-w ebkit-cross-fade(-webkit-linear-gradient(top, black, white), url(dummy://example .png), 0.1)"'); 28 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(-webk it-linear-gradient(black, white), url(dummy://example.png), 10%)", "background-i mage")', '-webkit-cross-fade(-webkit-linear-gradient(top, black, white), url("du mmy://example.png"), 0.1)');
29 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://exampl e.png), url(dummy://example.png), 1.0)", "background-image")', '"-webkit-cross-f ade(url(dummy://example.png), url(dummy://example.png), 1)"'); 29 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://example.png), url(dummy://example.png), 1.0)", "background-image")', '-we bkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 1)');
30 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://exampl e.png), url(dummy://example.png), 0.5)", "background-image")', '"-webkit-cross-f ade(url(dummy://example.png), url(dummy://example.png), 0.5)"'); 30 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://example.png), url(dummy://example.png), 0.5)", "background-image")', '-we bkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 0.5)');
31 31
32 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://exampl e.png), url(dummy://example.png), 5.0)", "background-image")', '"-webkit-cross-f ade(url(dummy://example.png), url(dummy://example.png), 1)"'); 32 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://example.png), url(dummy://example.png), 5.0)", "background-image")', '-we bkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 1)');
33 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://exampl e.png), url(dummy://example.png), 700%)", "background-image")', '"-webkit-cross- fade(url(dummy://example.png), url(dummy://example.png), 1)"'); 33 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://example.png), url(dummy://example.png), 700%)", "background-image")', '-w ebkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 1)');
34 34
35 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://exampl e.png), url(dummy://example.png), -20)", "background-image")', '"-webkit-cross-f ade(url(dummy://example.png), url(dummy://example.png), 0)"'); 35 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://example.png), url(dummy://example.png), -20)", "background-image")', '-we bkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 0)');
36 36
37 // Invalid 37 // Invalid
38 38
39 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://exampl e.png), url(dummy://example.png))", "background-image")', '"none"'); 39 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://example.png), url(dummy://example.png))", "background-image")', 'none');
40 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://exampl e.png), url(dummy://example.png),)", "background-image")', '"none"'); 40 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://example.png), url(dummy://example.png),)", "background-image")', 'none');
41 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://exampl e.png))", "background-image")', '"none"'); 41 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://example.png))", "background-image")', 'none');
42 shouldBe('testCrossfade("background-image: -webkit-cross-fade(), url(dummy://exa mple.png))", "background-image")', '"none"'); 42 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(), ur l(dummy://example.png))", "background-image")', 'none');
43 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(", "background -image")', '"none"'); 43 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(" , "background-image")', 'none');
44 shouldBe('testCrossfade("background-image: -webkit-cross-fade(10px 20% 5px #bbb) ", "background-image")', '"none"'); 44 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(10px 20% 5px #bbb)", "background-image")', 'none');
45 shouldBe('testCrossfade("background-image: -webkit-cross-fade(-webkit-cross-fade (-webkit-cross-fade()))", "background-image")', '"none"'); 45 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(-webk it-cross-fade(-webkit-cross-fade()))", "background-image")', 'none');
46 shouldBe('testCrossfade("background-image: -webkit-cross-fade(20%, url(dummy://a .png), url(dummy://b.png))", "background-image")', '"none"'); 46 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(20%, url(dummy://a.png), url(dummy://b.png))", "background-image")', 'none');
47 shouldBe('testCrossfade("background-image: -webkit-cross-fade(url(dummy://a.png) ,)", "background-image")', '"none"'); 47 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d ummy://a.png),)", "background-image")', 'none');
48 shouldBe('testCrossfade("background-image: -webkit-cross-fade(,)", "background-i mage")', '"none"'); 48 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(,)", "background-image")', 'none');
49 shouldBe('testCrossfade("background-image: -webkit-cross-fade(,url(dummy://a.png ))", "background-image")', '"none"'); 49 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(,url( dummy://a.png))", "background-image")', 'none');
50 shouldBe('testCrossfade("background-image: -webkit-cross-fade(,,,,,)", "backgrou nd-image")', '"none"'); 50 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(,,,,, )", "background-image")', 'none');
51 51
52 52
53 </script> 53 </script>
54 54
55 </body> 55 </body>
56 </html> 56 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698