1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/js-test.js"></script>
</head>
<body>
<script type="text/javascript">
function testCrossfade(css, queryProp)
{
var div = document.createElement('div');
div.setAttribute('style', css);
document.body.appendChild(div);
var result = getComputedStyle(div).getPropertyValue(queryProp);
document.body.removeChild(div);
return result;
}
debug('<p>-webkit-cross-fade</p>');
// Valid
shouldBeEqualToString('testCrossfade("opacity: 500%", "opacity")', '1');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://example.png), url(dummy://example.png), 50%)", "background-image")', '-webkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 0.5)');
shouldBeEqualToString('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)');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://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-cross-fade(url("dummy://a.png"), url("dummy://b.png"), 0.25), 0.5)');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(-webkit-linear-gradient(black, white), url(dummy://example.png), 10%)", "background-image")', '-webkit-cross-fade(-webkit-linear-gradient(top, black, white), url("dummy://example.png"), 0.1)');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://example.png), url(dummy://example.png), 1.0)", "background-image")', '-webkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 1)');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://example.png), url(dummy://example.png), 0.5)", "background-image")', '-webkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 0.5)');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://example.png), url(dummy://example.png), 5.0)", "background-image")', '-webkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 1)');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://example.png), url(dummy://example.png), 700%)", "background-image")', '-webkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 1)');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://example.png), url(dummy://example.png), -20)", "background-image")', '-webkit-cross-fade(url("dummy://example.png"), url("dummy://example.png"), 0)');
// Invalid
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://example.png), url(dummy://example.png))", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://example.png), url(dummy://example.png),)", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://example.png))", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(), url(dummy://example.png))", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(10px 20% 5px #bbb)", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(-webkit-cross-fade(-webkit-cross-fade()))", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(20%, url(dummy://a.png), url(dummy://b.png))", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(url(dummy://a.png),)", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(,)", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(,url(dummy://a.png))", "background-image")', 'none');
shouldBeEqualToString('testCrossfade("background-image: -webkit-cross-fade(,,,,,)", "background-image")', 'none');
</script>
</body>
</html>
|
