mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-10-05 01:44:18 +00:00
121 lines
3.8 KiB
JavaScript
121 lines
3.8 KiB
JavaScript
(function( $ ) {
|
|
|
|
module( "tabs: methods" );
|
|
|
|
test('destroy', function() {
|
|
expect(6);
|
|
|
|
el = $('#tabs1').tabs({ collapsible: true });
|
|
$('li:eq(2)', el).simulate('mouseover').find('a').focus();
|
|
el.tabs('destroy');
|
|
|
|
ok( el.is(':not(.ui-tabs, .ui-widget, .ui-widget-content, .ui-corner-all, .ui-tabs-collapsible)'), 'remove classes from container');
|
|
ok( $('ul', el).is(':not(.ui-tabs-nav, .ui-helper-reset, .ui-helper-clearfix, .ui-widget-header, .ui-corner-all)'), 'remove classes from list' );
|
|
ok( $('div:eq(1)', el).is(':not(.ui-tabs-panel, .ui-widget-content, .ui-corner-bottom)'), 'remove classes to panel' );
|
|
ok( $('li:eq(0)', el).is(':not(.ui-tabs-active, .ui-state-active, .ui-corner-top)'), 'remove classes from active li');
|
|
ok( $('li:eq(1)', el).is(':not(.ui-state-default, .ui-corner-top)'), 'remove classes from inactive li');
|
|
ok( $('li:eq(2)', el).is(':not(.ui-state-hover, .ui-state-focus)'), 'remove classes from mouseovered or focused li');
|
|
});
|
|
|
|
test( "enable", function() {
|
|
expect( 8 );
|
|
|
|
var element = $( "#tabs1" ).tabs({ disabled: true });
|
|
tabs_disabled( element, true );
|
|
element.tabs( "enable" );
|
|
tabs_disabled( element, false );
|
|
element.tabs( "destroy" );
|
|
|
|
element.tabs({ disabled: [ 0, 1 ] });
|
|
tabs_disabled( element, [ 0, 1 ] );
|
|
element.tabs( "enable" );
|
|
tabs_disabled( element, false );
|
|
});
|
|
|
|
test( "enable( index )", function() {
|
|
expect( 10 );
|
|
|
|
var element = $( "#tabs1" ).tabs({ disabled: true });
|
|
tabs_disabled( element, true );
|
|
// fully disabled -> partially disabled
|
|
element.tabs( "enable", 1 );
|
|
tabs_disabled( element, [ 0, 2 ] );
|
|
// partially disabled -> partially disabled
|
|
element.tabs( "enable", 2 );
|
|
tabs_disabled( element, [ 0 ] );
|
|
// already enabled tab, no change
|
|
element.tabs( "enable", 2 );
|
|
tabs_disabled( element, [ 0 ] );
|
|
// partially disabled -> fully enabled
|
|
element.tabs( "enable", 0 );
|
|
tabs_disabled( element, false );
|
|
});
|
|
|
|
test( "disable", function() {
|
|
expect( 8 );
|
|
|
|
var element = $( "#tabs1" ).tabs({ disabled: false });
|
|
tabs_disabled( element, false );
|
|
element.tabs( "disable" );
|
|
tabs_disabled( element, true );
|
|
element.tabs( "destroy" );
|
|
|
|
element.tabs({ disabled: [ 0, 1 ] });
|
|
tabs_disabled( element, [ 0, 1 ] );
|
|
element.tabs( "disable" );
|
|
tabs_disabled( element, true );
|
|
});
|
|
|
|
test( "disable( index )", function() {
|
|
expect( 10 );
|
|
|
|
var element = $( "#tabs1" ).tabs({ disabled: false });
|
|
tabs_disabled( element, false );
|
|
// fully enabled -> partially disabled
|
|
element.tabs( "disable", 1 );
|
|
tabs_disabled( element, [ 1 ] );
|
|
// partially disabled -> partially disabled
|
|
element.tabs( "disable", 2 );
|
|
tabs_disabled( element, [ 1, 2 ] );
|
|
// already disabled tab, no change
|
|
element.tabs( "disable", 2 );
|
|
tabs_disabled( element, [ 1, 2 ] );
|
|
// partially disabled -> fully disabled
|
|
element.tabs( "disable", 0 );
|
|
tabs_disabled( element, true );
|
|
});
|
|
|
|
test('refresh', function() {
|
|
expect(5);
|
|
|
|
var el = $('<div id="tabs"><ul></ul></div>').tabs(),
|
|
ul = el.find('ul');
|
|
|
|
equals(el.tabs('option', 'active'), false, 'Initially empty, no active tab');
|
|
|
|
ul.append('<li><a href="data/test.html">Test 1</a></li>');
|
|
el.tabs('refresh');
|
|
equals( el.find('.ui-tabs-panel').length, 1, 'Panel created after refresh');
|
|
|
|
ul.find('li').remove();
|
|
el.tabs('refresh');
|
|
equals( el.find('.ui-tabs-panel').length, 0, 'Panel removed after refresh');
|
|
|
|
ul.append('<li><a href="#test1">Test 1</a></li>');
|
|
$('<div id="test1">Test Panel 1</div>').insertAfter( ul );
|
|
el.tabs('refresh');
|
|
el.tabs('option', 'active', 0);
|
|
equals( el.tabs('option', 'active'), 0, 'First tab added should be auto active');
|
|
|
|
ul.append('<li><a href="#test2">Test 2</a></li>');
|
|
$('<div id="test2">Test Panel 2</div>').insertAfter( ul );
|
|
el.tabs('refresh');
|
|
equals( el.tabs('option', 'active'), 0, 'Second tab added should not be auto active');
|
|
});
|
|
|
|
test('load', function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
}( jQuery ) );
|