imported the whole jquery-ui package, refreshed with 1.10.2

[unfold.git] / third-party / jquery-ui-1.10.2 / tests / unit / accordion / accordion_options.js

diff --git a/third-party/jquery-ui-1.10.2/tests/unit/accordion/accordion_options.js b/third-party/jquery-ui-1.10.2/tests/unit/accordion/accordion_options.js
new file mode 100644 (file)
index 0000000..214753e
--- /dev/null
+++ b/third-party/jquery-ui-1.10.2/tests/unit/accordion/accordion_options.js
@@ -0,0 +1,463 @@
+(function( $ ) {
+
+var equalHeight = TestHelpers.accordion.equalHeight,
+       setupTeardown = TestHelpers.accordion.setupTeardown,
+       state = TestHelpers.accordion.state;
+
+module( "accordion: options", setupTeardown() );
+
+test( "{ active: default }", function() {
+       expect( 2 );
+       var element = $( "#list1" ).accordion();
+       equal( element.accordion( "option", "active" ), 0 );
+       state( element, 1, 0, 0 );
+});
+
+test( "{ active: null }", function() {
+       expect( 2 );
+       var element = $( "#list1" ).accordion({
+               active: null
+       });
+       equal( element.accordion( "option", "active" ), 0 );
+       state( element, 1, 0, 0 );
+});
+
+test( "{ active: false }", function() {
+       expect( 7 );
+       var element = $( "#list1" ).accordion({
+               active: false,
+               collapsible: true
+       });
+       state( element, 0, 0, 0 );
+       equal( element.find( ".ui-accordion-header.ui-state-active" ).length, 0, "no headers selected" );
+       equal( element.accordion( "option", "active" ), false );
+
+       element.accordion( "option", "collapsible", false );
+       state( element, 1, 0, 0 );
+       equal( element.accordion( "option", "active" ), 0 );
+
+       element.accordion( "destroy" );
+       element.accordion({
+               active: false
+       });
+       state( element, 1, 0, 0 );
+       strictEqual( element.accordion( "option", "active" ), 0 );
+});
+
+test( "{ active: Number }", function() {
+       expect( 8 );
+       var element = $( "#list1" ).accordion({
+               active: 2
+       });
+       equal( element.accordion( "option", "active" ), 2 );
+       state( element, 0, 0, 1 );
+
+       element.accordion( "option", "active", 0 );
+       equal( element.accordion( "option", "active" ), 0 );
+       state( element, 1, 0, 0 );
+
+       element.find( ".ui-accordion-header" ).eq( 1 ).click();
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+
+       element.accordion( "option", "active", 10 );
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+});
+
+test( "{ active: -Number }", function() {
+       expect( 8 );
+       var element = $( "#list1" ).accordion({
+               active: -1
+       });
+       equal( element.accordion( "option", "active" ), 2 );
+       state( element, 0, 0, 1 );
+
+       element.accordion( "option", "active", -2 );
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+
+       element.accordion( "option", "active", -10 );
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+
+       element.accordion( "option", "active", -3 );
+       equal( element.accordion( "option", "active" ), 0 );
+       state( element, 1, 0, 0 );
+});
+
+test( "{ animate: false }", function() {
+       expect( 3 );
+       var element = $( "#list1" ).accordion({
+                       animate: false
+               }),
+               panels = element.find( ".ui-accordion-content" ),
+               animate = $.fn.animate;
+       $.fn.animate = function() {
+               ok( false, ".animate() called" );
+       };
+
+       ok( panels.eq( 0 ).is( ":visible" ), "first panel visible" );
+       element.accordion( "option", "active", 1 );
+       ok( panels.eq( 0 ).is( ":hidden" ), "first panel hidden" );
+       ok( panels.eq( 1 ).is( ":visible" ), "second panel visible" );
+       $.fn.animate = animate;
+});
+
+asyncTest( "{ animate: Number }", function() {
+       expect( 7 );
+       var element = $( "#list1" ).accordion({
+                       animate: 100
+               }),
+               panels = element.find( ".ui-accordion-content" ),
+               animate = $.fn.animate;
+       // called twice (both panels)
+       $.fn.animate = function( props, options ) {
+               equal( options.duration, 100, "correct duration" );
+               equal( options.easing, undefined, "default easing" );
+               animate.apply( this, arguments );
+       };
+
+       ok( panels.eq( 0 ).is( ":visible" ), "first panel visible" );
+       element.accordion( "option", "active", 1 );
+       panels.promise().done(function() {
+               ok( panels.eq( 0 ).is( ":hidden" ), "first panel hidden" );
+               ok( panels.eq( 1 ).is( ":visible" ), "second panel visible" );
+               $.fn.animate = animate;
+               start();
+       });
+});
+
+asyncTest( "{ animate: String }", function() {
+       expect( 7 );
+       var element = $( "#list1" ).accordion({
+                       animate: "linear"
+               }),
+               panels = element.find( ".ui-accordion-content" ),
+               animate = $.fn.animate;
+       // called twice (both panels)
+       $.fn.animate = function( props, options ) {
+               equal( options.duration, undefined, "default duration" );
+               equal( options.easing, "linear", "correct easing" );
+               animate.apply( this, arguments );
+       };
+
+       ok( panels.eq( 0 ).is( ":visible" ), "first panel visible" );
+       element.accordion( "option", "active", 1 );
+       panels.promise().done(function() {
+               ok( panels.eq( 0 ).is( ":hidden" ), "first panel hidden" );
+               ok( panels.eq( 1 ).is( ":visible" ), "second panel visible" );
+               $.fn.animate = animate;
+               start();
+       });
+});
+
+asyncTest( "{ animate: {} }", function() {
+       expect( 7 );
+       var element = $( "#list1" ).accordion({
+                       animate: {}
+               }),
+               panels = element.find( ".ui-accordion-content" ),
+               animate = $.fn.animate;
+       // called twice (both panels)
+       $.fn.animate = function( props, options ) {
+               equal( options.duration, undefined, "default duration" );
+               equal( options.easing, undefined, "default easing" );
+               animate.apply( this, arguments );
+       };
+
+       ok( panels.eq( 0 ).is( ":visible" ), "first panel visible" );
+       element.accordion( "option", "active", 1 );
+       panels.promise().done(function() {
+               ok( panels.eq( 0 ).is( ":hidden" ), "first panel hidden" );
+               ok( panels.eq( 1 ).is( ":visible" ), "second panel visible" );
+               $.fn.animate = animate;
+               start();
+       });
+});
+
+asyncTest( "{ animate: { duration, easing } }", function() {
+       expect( 7 );
+       var element = $( "#list1" ).accordion({
+                       animate: { duration: 100, easing: "linear" }
+               }),
+               panels = element.find( ".ui-accordion-content" ),
+               animate = $.fn.animate;
+       // called twice (both panels)
+       $.fn.animate = function( props, options ) {
+               equal( options.duration, 100, "correct duration" );
+               equal( options.easing, "linear", "correct easing" );
+               animate.apply( this, arguments );
+       };
+
+       ok( panels.eq( 0 ).is( ":visible" ), "first panel visible" );
+       element.accordion( "option", "active", 1 );
+       panels.promise().done(function() {
+               ok( panels.eq( 0 ).is( ":hidden" ), "first panel hidden" );
+               ok( panels.eq( 1 ).is( ":visible" ), "second panel visible" );
+               $.fn.animate = animate;
+               start();
+       });
+});
+
+asyncTest( "{ animate: { duration, easing } }, animate down", function() {
+       expect( 7 );
+       var element = $( "#list1" ).accordion({
+                       active: 1,
+                       animate: { duration: 100, easing: "linear" }
+               }),
+               panels = element.find( ".ui-accordion-content" ),
+               animate = $.fn.animate;
+       // called twice (both panels)
+       $.fn.animate = function( props, options ) {
+               equal( options.duration, 100, "correct duration" );
+               equal( options.easing, "linear", "correct easing" );
+               animate.apply( this, arguments );
+       };
+
+       ok( panels.eq( 1 ).is( ":visible" ), "first panel visible" );
+       element.accordion( "option", "active", 0 );
+       panels.promise().done(function() {
+               ok( panels.eq( 1 ).is( ":hidden" ), "first panel hidden" );
+               ok( panels.eq( 0 ).is( ":visible" ), "second panel visible" );
+               $.fn.animate = animate;
+               start();
+       });
+});
+
+asyncTest( "{ animate: { duration, easing, down } }, animate down", function() {
+       expect( 7 );
+       var element = $( "#list1" ).accordion({
+                       active: 1,
+                       animate: {
+                               duration: 100,
+                               easing: "linear",
+                               down: {
+                                       easing: "swing"
+                               }
+                       }
+               }),
+               panels = element.find( ".ui-accordion-content" ),
+               animate = $.fn.animate;
+       // called twice (both panels)
+       $.fn.animate = function( props, options ) {
+               equal( options.duration, 100, "correct duration" );
+               equal( options.easing, "swing", "correct easing" );
+               animate.apply( this, arguments );
+       };
+
+       ok( panels.eq( 1 ).is( ":visible" ), "first panel visible" );
+       element.accordion( "option", "active", 0 );
+       panels.promise().done(function() {
+               ok( panels.eq( 1 ).is( ":hidden" ), "first panel hidden" );
+               ok( panels.eq( 0 ).is( ":visible" ), "second panel visible" );
+               $.fn.animate = animate;
+               start();
+       });
+});
+
+test( "{ collapsible: false }", function() {
+       expect( 4 );
+       var element = $( "#list1" ).accordion({
+               active: 1
+       });
+       element.accordion( "option", "active", false );
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+
+       element.find( ".ui-accordion-header" ).eq( 1 ).click();
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+});
+
+test( "{ collapsible: true }", function() {
+       expect( 6 );
+       var element = $( "#list1" ).accordion({
+               active: 1,
+               collapsible: true
+       });
+
+       element.accordion( "option", "active", false );
+       equal( element.accordion( "option", "active" ), false );
+       state( element, 0, 0, 0 );
+
+       element.accordion( "option", "active", 1 );
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+
+       element.find( ".ui-accordion-header" ).eq( 1 ).click();
+       equal( element.accordion( "option", "active" ), false );
+       state( element, 0, 0, 0 );
+});
+
+test( "{ event: null }", function() {
+       expect( 5 );
+       var element = $( "#list1" ).accordion({
+               event: null
+       });
+       state( element, 1, 0, 0 );
+
+       element.accordion( "option", "active", 1 );
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+
+       // ensure default click handler isn't bound
+       element.find( ".ui-accordion-header" ).eq( 2 ).click();
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+});
+
+test( "{ event: custom }", function() {
+       expect( 11 );
+       var element = $( "#list1" ).accordion({
+               event: "custom1 custom2"
+       });
+       state( element, 1, 0, 0 );
+
+       element.find( ".ui-accordion-header" ).eq( 1 ).trigger( "custom1" );
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+
+       // ensure default click handler isn't bound
+       element.find( ".ui-accordion-header" ).eq( 2 ).trigger( "click" );
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+
+       element.find( ".ui-accordion-header" ).eq( 2 ).trigger( "custom2" );
+       equal( element.accordion( "option", "active" ), 2 );
+       state( element, 0, 0, 1 );
+
+       element.accordion( "option", "event", "custom3" );
+
+       // ensure old event handlers are unbound
+       element.find( ".ui-accordion-header" ).eq( 1 ).trigger( "custom1" );
+       element.find( ".ui-accordion-header" ).eq( 1 ).trigger( "custom2" );
+       equal( element.accordion( "option", "active" ), 2 );
+       state( element, 0, 0, 1 );
+
+       element.find( ".ui-accordion-header" ).eq( 1 ).trigger( "custom3" );
+       equal( element.accordion( "option", "active" ), 1 );
+       state( element, 0, 1, 0 );
+});
+
+test( "{ header: default }", function() {
+       expect( 2 );
+       // default: > li > :first-child,> :not(li):even
+       // > :not(li):even
+       state( $( "#list1" ).accordion(), 1, 0, 0);
+       // > li > :first-child
+       state( $( "#navigation" ).accordion(), 1, 0, 0);
+});
+
+test( "{ header: custom }", function() {
+       expect( 6 );
+       var element = $( "#navigationWrapper" ).accordion({
+               header: "h2"
+       });
+       element.find( "h2" ).each(function() {
+               ok( $( this ).hasClass( "ui-accordion-header" ) );
+       });
+       equal( element.find( ".ui-accordion-header" ).length, 3 );
+       state( element, 1, 0, 0 );
+       element.accordion( "option", "active", 2 );
+       state( element, 0, 0, 1 );
+});
+
+test( "{ heightStyle: 'auto' }", function() {
+       expect( 3 );
+       var element = $( "#navigation" ).accordion({ heightStyle: "auto" });
+       equalHeight( element, 105 );
+});
+
+test( "{ heightStyle: 'content' }", function() {
+       expect( 3 );
+       var element = $( "#navigation" ).accordion({ heightStyle: "content" }),
+               sizes = element.find( ".ui-accordion-content" ).map(function() {
+                       return $( this ).height();
+               }).get();
+       equal( sizes[ 0 ], 75 );
+       equal( sizes[ 1 ], 105 );
+       equal( sizes[ 2 ], 45 );
+});
+
+test( "{ heightStyle: 'fill' }", function() {
+       expect( 3 );
+       $( "#navigationWrapper" ).height( 500 );
+       var element = $( "#navigation" ).accordion({ heightStyle: "fill" });
+       equalHeight( element, 455 );
+});
+
+test( "{ heightStyle: 'fill' } with sibling", function() {
+       expect( 3 );
+       $( "#navigationWrapper" ).height( 500 );
+       $( "<p>Lorem Ipsum</p>" )
+               .css({
+                       height: 50,
+                       marginTop: 20,
+                       marginBottom: 30
+               })
+               .prependTo( "#navigationWrapper" );
+       var element = $( "#navigation" ).accordion({ heightStyle: "fill" });
+       equalHeight( element , 355 );
+});
+
+test( "{ heightStyle: 'fill' } with multiple siblings", function() {
+       expect( 3 );
+       $( "#navigationWrapper" ).height( 500 );
+       $( "<p>Lorem Ipsum</p>" )
+               .css({
+                       height: 50,
+                       marginTop: 20,
+                       marginBottom: 30
+               })
+               .prependTo( "#navigationWrapper" );
+       $( "<p>Lorem Ipsum</p>" )
+               .css({
+                       height: 50,
+                       marginTop: 20,
+                       marginBottom: 30,
+                       position: "absolute"
+               })
+               .prependTo( "#navigationWrapper" );
+       $( "<p>Lorem Ipsum</p>" )
+               .css({
+                       height: 25,
+                       marginTop: 10,
+                       marginBottom: 15
+               })
+               .prependTo( "#navigationWrapper" );
+       var element = $( "#navigation" ).accordion({ heightStyle: "fill" });
+       equalHeight( element, 305 );
+});
+
+test( "{ icons: false }", function() {
+       expect( 8 );
+       var element = $( "#list1" );
+       function icons( on ) {
+               deepEqual( element.find( "span.ui-icon").length, on ? 3 : 0 );
+               deepEqual( element.find( ".ui-accordion-header.ui-accordion-icons" ).length, on ? 3 : 0 );
+       }
+       element.accordion();
+       icons( true );
+       element.accordion( "destroy" ).accordion({
+               icons: false
+       });
+       icons( false );
+       element.accordion( "option", "icons", { header: "foo", activeHeader: "bar" } );
+       icons( true );
+       element.accordion( "option", "icons", false );
+       icons( false );
+});
+
+test( "{ icons: hash }", function() {
+       expect( 3 );
+       var element = $( "#list1" ).accordion({
+               icons: { activeHeader: "a1", header: "h1" }
+       });
+       ok( element.find( ".ui-accordion-header.ui-state-active span.ui-icon" ).hasClass( "a1" ) );
+       element.accordion( "option", "icons", { activeHeader: "a2", header: "h2" } );
+       ok( !element.find( ".ui-accordion-header.ui-state-active span.ui-icon" ).hasClass( "a1" ) );
+       ok( element.find( ".ui-accordion-header.ui-state-active span.ui-icon" ).hasClass( "a2" ) );
+});
+
+}( jQuery ) );