diff options
Diffstat (limited to 'tests/unit/datepicker/methods.js')
-rw-r--r-- | tests/unit/datepicker/methods.js | 128 |
1 files changed, 128 insertions, 0 deletions
diff --git a/tests/unit/datepicker/methods.js b/tests/unit/datepicker/methods.js new file mode 100644 index 000000000..db3762fff --- /dev/null +++ b/tests/unit/datepicker/methods.js @@ -0,0 +1,128 @@ +define( [ + "jquery", + "./helper", + "ui/datepicker" +], function( $, testHelper ) { + +module( "datepicker: methods" ); + +test( "destroy", function( assert ) { + expect( 3 ); + + var input = $( "#datepicker" ); + assert.domEqual( input, function() { + input.datepicker(); + ok( input.attr( "aria-owns" ), "aria-owns attribute added" ); + ok( input.attr( "aria-haspopup" ), "aria-haspopup attribute added" ); + input.datepicker( "destroy" ); + }); +}); + +test( "enable / disable", function() { + expect( 10 ); + + var input = testHelper.init( "#datepicker" ), + calendar = input.datepicker( "widget" ); + + input.datepicker( "disable" ); + ok( input.datepicker( "option", "disabled" ), "disabled option is set" ); + ok( calendar.hasClass( "ui-datepicker-disabled" ), "has disabled widget class name" ); + ok( input.hasClass( "ui-state-disabled" ), "has disabled state class name" ); + equal( input.attr( "aria-disabled" ), "true", "has ARIA disabled" ); + equal( input.attr( "disabled" ), "disabled", "input disabled" ); + + input.datepicker( "enable" ); + ok( !input.datepicker( "option", "disabled" ), "enabled after enable() call" ); + ok( !calendar.hasClass( "ui-datepicker-disabled" ), "no longer has disabled widget class name" ); + ok( !input.hasClass( "ui-state-disabled" ), "no longer has disabled state class name" ); + equal( input.attr( "aria-disabled" ), "false", "no longer has ARIA disabled" ); + equal( input.attr( "disabled" ), undefined, "input no longer disabled" ); +}); + +test( "widget", function() { + expect( 1 ); + + var actual = $( "#datepicker" ).datepicker().datepicker( "widget" ); + deepEqual( $( "body > .ui-front" )[ 0 ], actual[ 0 ] ); + actual.remove(); +}); + +test( "open / close", function() { + expect( 7 ); + + var input = testHelper.initNewInput({ show: false, hide: false }), + calendar = input.datepicker( "widget" ); + + ok( calendar.is( ":hidden" ), "calendar hidden on init" ); + + input.datepicker( "open" ); + ok( calendar.is( ":visible" ), "open: calendar visible" ); + equal( calendar.attr( "aria-hidden" ), "false", "open: calendar aria-hidden" ); + equal( calendar.attr( "aria-expanded" ), "true", "close: calendar aria-expanded" ); + + input.datepicker( "close" ); + ok( !calendar.is( ":visible" ), "close: calendar hidden" ); + equal( calendar.attr( "aria-hidden" ), "true", "close: calendar aria-hidden" ); + equal( calendar.attr( "aria-expanded" ), "false", "close: calendar aria-expanded" ); +}); + +test( "value", function() { + expect( 4 ); + + var input = $( "#datepicker" ).datepicker(), + picker = input.datepicker( "widget" ); + + input.datepicker( "value", "1/1/14" ); + equal( input.val(), "1/1/14", "input's value set" ); + + input.datepicker( "open" ); + ok( + picker.find( "button[data-timestamp]" ).eq( 0 ).hasClass( "ui-state-active" ), + "first day marked as selected" + ); + equal( input.datepicker( "value" ), "1/1/14", "getter" ); + + input.val( "abc" ); + strictEqual( input.datepicker( "value" ), null, "Invalid values should return null." ); +}); + +test( "valueAsDate", function() { + expect( 6 ); + + var input = testHelper.init( "#datepicker" ), + picker = input.datepicker( "widget" ), + date1 = new Date( 2008, 6 - 1, 4 ); + + input.datepicker( "valueAsDate", new Date( 2014, 0, 1 ) ); + equal( input.val(), "1/1/14", "Input's value set" ); + ok( + picker.find( "button[data-timestamp]" ).eq( 0 ).hasClass( "ui-state-active" ), + "First day marked as selected" + ); + testHelper.equalsDate( input.datepicker( "valueAsDate" ), new Date( 2014, 0, 1 ), "Getter" ); + + input.val( "a/b/c" ); + equal( input.datepicker( "valueAsDate" ), null, "Invalid dates return null" ); + + input.val( "" ).datepicker( "destroy" ); + input = testHelper.init( "#datepicker" ); + + strictEqual( input.datepicker( "valueAsDate" ), null, "Set date - default" ); + input.datepicker( "valueAsDate", date1 ); + testHelper.equalsDate( input.datepicker( "valueAsDate" ), date1, "Set date - 2008-06-04" ); +}); + +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" ); +}); + +} ); |