jquery-cssHooks/tests/unit/textshadow.js at master · develop1/jquery-cssHooks · GitHub

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
module("textShadow");

test("textShadowColor", 3, function() {
	equals( jQuery("#test").css("textShadowColor"), "rgb(0, 0, 0)", "returns just the color" );
	equals( jQuery("#test").css("textShadowColor", "rgb(100, 150, 200)").css("textShadowColor"), "rgb(100, 150, 200)", "sets the color properly" );
	stop();
	jQuery("#test").animate({ textShadowColor: 'rgb(255, 255, 255)' }, 100, function() {
		equals( jQuery("#test").css("textShadowColor"), "rgb(255, 255, 255)", "animates the color properly" );
		start();
	});
});

test("textShadowX", 3, function() {
	equals( jQuery("#test").css("textShadowX"), "1px", "returns just the X offset" );
	equals( jQuery("#test").css("textShadowX", "23px").css("textShadowX"), "23px", "sets the X offset properly" );
	stop();
	jQuery("#test").animate({ textShadowX: 88 }, 100, function() {
		equals( jQuery("#test").css("textShadowX"), "88px", "animates the X offset properly" );
		start();
	});
});

test("textShadowY", 3, function() {
	equals( jQuery("#test").css("textShadowY"), "1px", "returns just the Y offset" );
	equals( jQuery("#test").css("textShadowY", "23px").css("textShadowY"), "23px", "sets the Y offset properly" );
	stop();
	jQuery("#test").animate({ textShadowY: 88 }, 100, function() {
		equals( jQuery("#test").css("textShadowY"), "88px", "animates the Y offset properly" );
		start();
	});
});

test("textShadowBlur", 3, function() {
	equals( jQuery("#test").css("textShadowBlur"), "1px", "returns just the blur" );
	equals( jQuery("#test").css("textShadowBlur", "23px").css("textShadowBlur"), "23px", "sets the blur properly" );
	stop();
	jQuery("#test").animate({ textShadowBlur: 88 }, 100, function() {
		equals( jQuery("#test").css("textShadowBlur"), "88px", "animates the blur properly" );
		start();
	});
});

test("Alt syntax", 8, function() {
	equals( jQuery("#test").css("text-shadow-color"), "rgb(0, 0, 0)", "returns just the color" );
	equals( jQuery("#test").css("text-shadow-color", "rgb(100, 150, 200)").css("text-shadow-color"), "rgb(100, 150, 200)", "sets the color properly" );
	equals( jQuery("#test").css("text-shadow-x"), "1px", "returns just the X offset" );
	equals( jQuery("#test").css("text-shadow-x", "23px").css("text-shadow-x"), "23px", "sets the X offset properly" );
	equals( jQuery("#test").css("text-shadow-y"), "1px", "returns just the Y offset" );
	equals( jQuery("#test").css("text-shadow-y", "23px").css("text-shadow-y"), "23px", "sets the Y offset properly" );
	equals( jQuery("#test").css("text-shadow-blur"), "1px", "returns just the blur" );
	equals( jQuery("#test").css("text-shadow-blur", "23px").css("text-shadow-blur"), "23px", "sets the blur properly" );
});