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 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> |
OLD | NEW |