define( [ "jquery", "./helper", "ui/accordion" ], function( $, testHelper ) { var equalHeight = testHelper.equalHeight, setupTeardown = testHelper.setupTeardown, state = testHelper.state; module( "accordion: methods", setupTeardown() ); test( "destroy", function( assert ) { expect( 1 ); assert.domEqual( "#list1", function() { $( "#list1" ).accordion().accordion( "destroy" ); }); }); test( "enable/disable", function( assert ) { expect( 7 ); var element = $( "#list1" ).accordion(); state( element, 1, 0, 0 ); element.accordion( "disable" ); assert.hasClasses( element, "ui-state-disabled" ); equal( element.attr( "aria-disabled" ), "true", "element gets aria-disabled" ); assert.hasClasses( element, "ui-accordion-disabled" ); // event does nothing element.find( ".ui-accordion-header" ).eq( 1 ).trigger( "click" ); state( element, 1, 0, 0 ); // option still works element.accordion( "option", "active", 1 ); state( element, 0, 1, 0 ); element.accordion( "enable" ); element.accordion( "option", "active", 2 ); state( element, 0, 0, 1 ); }); test( "refresh", function() { expect( 19 ); var element = $( "#navigation" ) .parent() .height( 300 ) .end() .accordion({ heightStyle: "fill" }); equalHeight( element, 255 ); element.parent().height( 500 ); element.accordion( "refresh" ); equalHeight( element, 455 ); element = $( "#list1" ); element.accordion(); state( element, 1, 0, 0 ); // disable panel via markup element.find( "h3.bar" ).eq( 1 ).addClass( "ui-state-disabled" ); element.accordion( "refresh" ); state( element, 1, 0, 0 ); // don't add multiple icons element.accordion( "refresh" ); equal( element.find( ".ui-accordion-header-icon" ).length, 3 ); // add a panel element .append("

new 1

") .append("
new 1
"); element.accordion( "refresh" ); state( element, 1, 0, 0, 0 ); // remove all tabs element.find( "h3.bar, div.foo" ).remove(); element.accordion( "refresh" ); state( element ); equal( element.accordion( "option", "active" ), false, "no active accordion panel" ); // add panels element .append("

new 2

") .append("
new 2
") .append("

new 3

") .append("
new 3
") .append("

new 4

") .append("
new 4
") .append("

new 5

") .append("
new 5
"); element.accordion( "refresh" ); state( element, 1, 0, 0, 0 ); // activate third tab element.accordion( "option", "active", 2 ); state( element, 0, 0, 1, 0 ); // remove fourth panel, third panel should stay active element.find( "h3.bar" ).eq( 3 ).remove(); element.find( "div.foo" ).eq( 3 ).remove(); element.accordion( "refresh" ); state( element, 0, 0, 1 ); // remove third (active) panel, second panel should become active element.find( "h3.bar" ).eq( 2 ).remove(); element.find( "div.foo" ).eq( 2 ).remove(); element.accordion( "refresh" ); state( element, 0, 1 ); // remove first panel, previously active panel (now first) should stay active element.find( "h3.bar" ).eq( 0 ).remove(); element.find( "div.foo" ).eq( 0 ).remove(); element.accordion( "refresh" ); state( element, 1 ); // collapse all panels element.accordion( "option", { collapsible: true, active: false }); state( element, 0 ); element.accordion( "refresh" ); state( element, 0 ); }); test( "widget", function() { expect( 2 ); var element = $( "#list1" ).accordion(), widgetElement = element.accordion( "widget" ); equal( widgetElement.length, 1, "one element" ); strictEqual( widgetElement[ 0 ], element[ 0 ], "same element" ); }); } );