| OLD | NEW |
| 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 shouldBeEqualToString('testCrossfade("opacity: 500%", "opacity")', '1'); | 24 shouldBeEqualToString('testCrossfade("opacity: 500%", "opacity")', '1'); |
| 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)'); | 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 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)'); | 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 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)'); | 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 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)'); | 28 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(linea
r-gradient(black, white), url(dummy://example.png), 10%)", "background-image")',
'-webkit-cross-fade(linear-gradient(black, white), url("dummy://example.png"),
0.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)'); | 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 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)'); | 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 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)'); | 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 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)'); | 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 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)'); | 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 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d
ummy://example.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 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d
ummy://example.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 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d
ummy://example.png))", "background-image")', 'none'); | 41 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d
ummy://example.png))", "background-image")', 'none'); |
| 42 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(), ur
l(dummy://example.png))", "background-image")', 'none'); | 42 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(), ur
l(dummy://example.png))", "background-image")', 'none'); |
| 43 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url("
, "background-image")', 'none'); | 43 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url("
, "background-image")', 'none'); |
| 44 shouldBeEqualToString('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 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(-webk
it-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 shouldBeEqualToString('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 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d
ummy://a.png),)", "background-image")', 'none'); | 47 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(d
ummy://a.png),)", "background-image")', 'none'); |
| 48 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(,)",
"background-image")', 'none'); | 48 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(,)",
"background-image")', 'none'); |
| 49 shouldBeEqualToString('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 shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(,,,,,
)", "background-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> |
| OLD | NEW |