define( [ "jquery", "./helper", "ui/widgets/datepicker" ], function( $, testHelper ) { module("datepicker: methods"); test("destroy", function() { expect( 33 ); var inl, inp = testHelper.init("#inp"); ok(inp.is(".hasDatepicker"), "Default - marker class set"); ok($.data(inp[0], testHelper.PROP_NAME), "Default - instance present"); ok(inp.next().is("#alt"), "Default - button absent"); inp.datepicker("destroy"); inp = $("#inp"); ok(!inp.is(".hasDatepicker"), "Default - marker class cleared"); ok(!$.data(inp[0], testHelper.PROP_NAME), "Default - instance absent"); ok(inp.next().is("#alt"), "Default - button absent"); // With button inp= testHelper.init("#inp", {showOn: "both"}); ok(inp.is(".hasDatepicker"), "Button - marker class set"); ok($.data(inp[0], testHelper.PROP_NAME), "Button - instance present"); ok(inp.next().text() === "...", "Button - button added"); inp.datepicker("destroy"); inp = $("#inp"); ok(!inp.is(".hasDatepicker"), "Button - marker class cleared"); ok(!$.data(inp[0], testHelper.PROP_NAME), "Button - instance absent"); ok(inp.next().is("#alt"), "Button - button removed"); // With append text inp = testHelper.init("#inp", {appendText: "Testing"}); ok(inp.is(".hasDatepicker"), "Append - marker class set"); ok($.data(inp[0], testHelper.PROP_NAME), "Append - instance present"); ok(inp.next().text() === "Testing", "Append - append text added"); inp.datepicker("destroy"); inp = $("#inp"); ok(!inp.is(".hasDatepicker"), "Append - marker class cleared"); ok(!$.data(inp[0], testHelper.PROP_NAME), "Append - instance absent"); ok(inp.next().is("#alt"), "Append - append text removed"); // With both inp= testHelper.init("#inp", {showOn: "both", buttonImageOnly: true, buttonImage: "images/calendar.gif", appendText: "Testing"}); ok(inp.is(".hasDatepicker"), "Both - marker class set"); ok($.data(inp[0], testHelper.PROP_NAME), "Both - instance present"); ok(inp.next()[0].nodeName.toLowerCase() === "img", "Both - button added"); ok(inp.next().next().text() === "Testing", "Both - append text added"); inp.datepicker("destroy"); inp = $("#inp"); ok(!inp.is(".hasDatepicker"), "Both - marker class cleared"); ok(!$.data(inp[0], testHelper.PROP_NAME), "Both - instance absent"); ok(inp.next().is("#alt"), "Both - button and append text absent"); // Inline inl = testHelper.init("#inl"); ok(inl.is(".hasDatepicker"), "Inline - marker class set"); ok(inl.html() !== "", "Inline - datepicker present"); ok($.data(inl[0], testHelper.PROP_NAME), "Inline - instance present"); ok(inl.next().length === 0 || inl.next().is("p"), "Inline - button absent"); inl.datepicker("destroy"); inl = $("#inl"); ok(!inl.is(".hasDatepicker"), "Inline - marker class cleared"); ok(inl.html() === "", "Inline - datepicker absent"); ok(!$.data(inl[0], testHelper.PROP_NAME), "Inline - instance absent"); ok(inl.next().length === 0 || inl.next().is("p"), "Inline - button absent"); }); test("enableDisable", function() { expect( 33 ); var inl, dp, inp = testHelper.init("#inp"); ok(!inp.datepicker("isDisabled"), "Enable/disable - initially marked as enabled"); ok(!inp[0].disabled, "Enable/disable - field initially enabled"); inp.datepicker("disable"); ok(inp.datepicker("isDisabled"), "Enable/disable - now marked as disabled"); ok(inp[0].disabled, "Enable/disable - field now disabled"); inp.datepicker("enable"); ok(!inp.datepicker("isDisabled"), "Enable/disable - now marked as enabled"); ok(!inp[0].disabled, "Enable/disable - field now enabled"); inp.datepicker("destroy"); // With a button inp = testHelper.init("#inp", {showOn: "button"}); ok(!inp.datepicker("isDisabled"), "Enable/disable button - initially marked as enabled"); ok(!inp[0].disabled, "Enable/disable button - field initially enabled"); ok(!inp.next("button")[0].disabled, "Enable/disable button - button initially enabled"); inp.datepicker("disable"); ok(inp.datepicker("isDisabled"), "Enable/disable button - now marked as disabled"); ok(inp[0].disabled, "Enable/disable button - field now disabled"); ok(inp.next("button")[0].disabled, "Enable/disable button - button now disabled"); inp.datepicker("enable"); ok(!inp.datepicker("isDisabled"), "Enable/disable button - now marked as enabled"); ok(!inp[0].disabled, "Enable/disable button - field now enabled"); ok(!inp.next("button")[0].disabled, "Enable/disable button - button now enabled"); inp.datepicker("destroy"); // With an image button inp = testHelper.init("#inp", {showOn: "button", buttonImageOnly: true, buttonImage: "images/calendar.gif"}); ok(!inp.datepicker("isDisabled"), "Enable/disable image - initially marked as enabled"); ok(!inp[0].disabled, "Enable/disable image - field initially enabled"); ok(parseFloat(inp.next("img").css("opacity")) === 1, "Enable/disable image - image initially enabled"); inp.datepicker("disable"); ok(inp.datepicker("isDisabled"), "Enable/disable image - now marked as disabled"); ok(inp[0].disabled, "Enable/disable image - field now disabled"); ok(parseFloat(inp.next("img").css("opacity")) !== 1, "Enable/disable image - image now disabled"); inp.datepicker("enable"); ok(!inp.datepicker("isDisabled"), "Enable/disable image - now marked as enabled"); ok(!inp[0].disabled, "Enable/disable image - field now enabled"); ok(parseFloat(inp.next("img").css("opacity")) === 1, "Enable/disable image - image now enabled"); inp.datepicker("destroy"); // Inline inl = testHelper.init("#inl", {changeYear: true}); dp = $(".ui-datepicker-inline", inl); ok(!inl.datepicker("isDisabled"), "Enable/disable inline - initially marked as enabled"); ok(!dp.children().is(".ui-state-disabled"), "Enable/disable inline - not visually disabled initially"); ok(!dp.find("select").prop("disabled"), "Enable/disable inline - form element enabled initially"); inl.datepicker("disable"); ok(inl.datepicker("isDisabled"), "Enable/disable inline - now marked as disabled"); ok(dp.children().is(".ui-state-disabled"), "Enable/disable inline - visually disabled"); ok(dp.find("select").prop("disabled"), "Enable/disable inline - form element disabled"); inl.datepicker("enable"); ok(!inl.datepicker("isDisabled"), "Enable/disable inline - now marked as enabled"); ok(!dp.children().is(".ui-state-disabled"), "Enable/disable inline - not visiually disabled"); ok(!dp.find("select").prop("disabled"), "Enable/disable inline - form element enabled"); inl.datepicker("destroy"); }); } );