jquery-ui/tests/unit/datepicker/datepicker_methods.js at 3a38e817f9d1447e06e1a57a7b4c17e2b3372d87 · fnagel/jquery-ui · 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
(function( $ ) {

module( "datepicker: methods" );

test( "destroy", function() {
	expect( 10 );
	var input = $( "#datepicker" ).datepicker(),
		inline = $( "#inline" ).datepicker();

	ok( input.datepicker( "instance" ), "instance created" );
	ok( input.attr( "aria-owns" ), "aria-owns attribute added" );
	ok( input.attr( "aria-haspopup" ), "aria-haspopup attribute added" );
	input.datepicker( "destroy" );
	ok( !input.datepicker( "instance" ), "instance removed" );
	ok( !input.attr( "aria-owns" ), "aria-owns attribute removed" );
	ok( !input.attr( "aria-haspopup" ), "aria-haspopup attribute removed" );

	ok( inline.datepicker( "instance" ), "instance created" );
	ok( inline.children().length > 0, "inline datepicker has children" );
	inline.datepicker( "destroy" );
	ok( !inline.datepicker( "instance" ), "instance removed" );
	ok( inline.children().length === 0, "inline picker no longer has children" );
});

test( "enable / disable", function() {
	expect( 6 );
	var inl,
		inp = TestHelpers.datepicker.init( "#datepicker" ),
		dp = inp.datepicker( "widget" );

	ok( !inp.datepicker( "option", "disabled" ), "initially enabled" );
	ok( !dp.hasClass( "ui-datepicker-disabled" ), "does not have disabled class name" );

	inp.datepicker( "disable" );
	ok( inp.datepicker( "option", "disabled" ), "disabled option is set" );
	ok( dp.hasClass( "ui-datepicker-disabled" ), "datepicker has disabled class name" );

	inp.datepicker( "enable" );
	ok( !inp.datepicker( "option", "disabled" ), "enabled after enable() call" );
	ok( !dp.hasClass( "ui-datepicker-disabled" ), "no longer has disabled class name" );

	// Inline
	inl = TestHelpers.datepicker.init( "#inline" );
	dp = inl.datepicker( "instance" );

	// TODO: Disabling inline pickers does not work.
	// TODO: When changeMonth and changeYear options are implemented ensure their dropdowns
	// are properly disabled when in an inline picker.
});

test( "widget", function() {
	expect( 1 );
	var actual = $( "#datepicker" ).datepicker().datepicker( "widget" );
	deepEqual( $("body > .ui-front" )[ 0 ],  actual[ 0 ] );
	actual.remove();
});

test( "close", function() {
	expect( 0 );
});

test( "open", function() {
	expect( 0 );
});

test( "value", function() {
	expect( 6 );
	var input = $( "#datepicker" ).datepicker(),
		picker = input.datepicker( "widget" ),
		inline = $( "#inline" ).datepicker();

	input.datepicker( "value", "1/1/14" );
	equal( input.val(), "1/1/14", "input's value set" );
	ok( picker.find( "a[data-timestamp]:first" ).hasClass( "ui-state-focus" ),
		"first day marked as selected" );
	equal( input.datepicker( "value" ), "1/1/14", "getter" );

	input.val( "abc" );
	equal( input.datepicker( "value" ), "abc",
		"Invalid values should be returned without formatting." );

	inline.datepicker( "value", "1/1/14" );
	ok( inline.find( "a[data-timestamp]:first" ).hasClass( "ui-state-focus" ),
		"first day marked as selected" );
	equal( inline.datepicker( "value" ), "1/1/14", "getter" );

	input.datepicker( "destroy" );
	inline.datepicker( "destroy" );
});

test( "valueAsDate", function() {
	expect( 6 );
	var input = $( "#datepicker" ).datepicker(),
		picker = input.datepicker( "widget" ),
		inline = $( "#inline" ).datepicker();

	input.datepicker( "valueAsDate", new Date( 2014, 0, 1 ) );
	equal( input.val(), "1/1/14", "input's value set" );
	ok( picker.find( "a[data-timestamp]:first" ).hasClass( "ui-state-focus" ),
		"first day marked as selected" );
	TestHelpers.datepicker.equalsDate( input.datepicker( "valueAsDate" ),
		new Date( 2014, 0, 1 ), "getter" );

	input.val( "a/b/c" );
	equal( input.datepicker( "valueAsDate" ), null, "Invalid dates return null" );

	inline.datepicker( "valueAsDate", new Date( 2014, 0, 1 ) );
	ok( inline.find( "a[data-timestamp]:first" ).hasClass( "ui-state-focus" ),
		"first day marked as selected" );
	TestHelpers.datepicker.equalsDate( inline.datepicker( "valueAsDate" ),
		new Date( 2014, 0, 1 ), "getter" );

	input.datepicker( "destroy" );
	inline.datepicker( "destroy" );
});

test( "isValid", function() {
	expect( 2 );
	var input = $( "#datepicker" ).datepicker();

	input.val( "1/1/14" );
	ok( input.datepicker( "isValid" ) );

	input.val( "1/1/abc" );
	ok( !input.datepicker( "isValid" ) );

	input.datepicker( "destroy" );
});

})( jQuery );