2011-04-15 12:53:05 +00:00
|
|
|
(function( $ ) {
|
2009-02-02 14:36:08 +00:00
|
|
|
|
2011-04-15 12:53:05 +00:00
|
|
|
module( "tabs: methods" );
|
2010-09-29 17:32:43 +00:00
|
|
|
|
2009-02-03 13:37:54 +00:00
|
|
|
test('destroy', function() {
|
2009-03-01 14:32:29 +00:00
|
|
|
expect(6);
|
2010-04-19 18:38:04 +00:00
|
|
|
|
2009-03-01 14:32:29 +00:00
|
|
|
el = $('#tabs1').tabs({ collapsible: true });
|
|
|
|
$('li:eq(2)', el).simulate('mouseover').find('a').focus();
|
2009-02-03 13:37:54 +00:00
|
|
|
el.tabs('destroy');
|
2010-04-19 18:38:04 +00:00
|
|
|
|
2009-03-01 14:32:29 +00:00
|
|
|
ok( el.is(':not(.ui-tabs, .ui-widget, .ui-widget-content, .ui-corner-all, .ui-tabs-collapsible)'), 'remove classes from container');
|
2009-02-03 13:37:54 +00:00
|
|
|
ok( $('ul', el).is(':not(.ui-tabs-nav, .ui-helper-reset, .ui-helper-clearfix, .ui-widget-header, .ui-corner-all)'), 'remove classes from list' );
|
2011-03-29 11:44:01 +00:00
|
|
|
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');
|
2009-02-03 13:37:54 +00:00
|
|
|
ok( $('li:eq(1)', el).is(':not(.ui-state-default, .ui-corner-top)'), 'remove classes from inactive li');
|
2009-03-01 14:32:29 +00:00
|
|
|
ok( $('li:eq(2)', el).is(':not(.ui-state-hover, .ui-state-focus)'), 'remove classes from mouseovered or focused li');
|
2009-02-03 13:37:54 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
test('enable', function() {
|
2011-04-18 01:09:47 +00:00
|
|
|
expect(12);
|
2010-04-19 18:38:04 +00:00
|
|
|
|
|
|
|
el = $('#tabs1').tabs({ disabled: [ 0, 1 ] });
|
|
|
|
el.tabs("enable", 1);
|
|
|
|
ok( $('li:eq(1)', el).is(':not(.ui-state-disabled)'), 'remove class from li');
|
2011-02-06 19:49:42 +00:00
|
|
|
same(el.tabs('option', 'disabled'), [ 0 ], 'update property');
|
|
|
|
|
|
|
|
// enable all tabs
|
|
|
|
el.tabs({ disabled: [ 0, 1 ] });
|
|
|
|
el.tabs("enable");
|
|
|
|
ok( !$('li.ui-state-disabled', el).length, 'enable all');
|
|
|
|
same(el.tabs('option', 'disabled'), false, 'update property');
|
|
|
|
|
2011-04-18 01:09:47 +00:00
|
|
|
// enable one tab
|
|
|
|
el.tabs({ disabled: true });
|
|
|
|
el.tabs("enable", 1);
|
|
|
|
ok( $('li:eq(1)', el).is(':not(.ui-state-disabled)'), 'remove class from li');
|
|
|
|
same(el.tabs('option', 'disabled'), [ 0, 2 ], 'update property');
|
|
|
|
|
|
|
|
// all tabs already enabled
|
|
|
|
el.tabs({ disabled: false });
|
|
|
|
el.tabs("enable", 1);
|
|
|
|
ok( !$('li.ui-state-disabled', el).length, 'enable all');
|
|
|
|
same(el.tabs('option', 'disabled'), false, 'update property');
|
|
|
|
|
2011-02-06 19:49:42 +00:00
|
|
|
el.tabs('destroy');
|
|
|
|
// enable all tabs one by one
|
|
|
|
el.tabs({ disabled: [ 1, 2 ] });
|
|
|
|
el.tabs("enable", 1);
|
|
|
|
ok( $('li:eq(1)', el).is(':not(.ui-state-disabled)'), 'remove class from li');
|
|
|
|
same(el.tabs('option', 'disabled'), [ 2 ], 'update property');
|
|
|
|
el.tabs("enable", 2);
|
|
|
|
ok( $('li:eq(2)', el).is(':not(.ui-state-disabled)'), 'remove class from li');
|
|
|
|
same( el.tabs('option', 'disabled'), false, 'set to false');
|
2009-02-03 13:37:54 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
test('disable', function() {
|
2011-04-18 01:09:47 +00:00
|
|
|
expect(14);
|
2010-04-19 18:38:04 +00:00
|
|
|
|
|
|
|
// normal
|
|
|
|
el = $('#tabs1').tabs();
|
|
|
|
el.tabs('disable', 1);
|
|
|
|
ok( $('li:eq(1)', el).is('.ui-state-disabled'), 'add class to li');
|
|
|
|
same(el.tabs('option', 'disabled'), [ 1 ], 'update disabled property');
|
|
|
|
|
2011-02-06 19:49:42 +00:00
|
|
|
// disable selected
|
2010-04-19 18:38:04 +00:00
|
|
|
el.tabs('disable', 0);
|
2011-02-06 19:49:42 +00:00
|
|
|
ok( $('li:eq(0)', el).is('.ui-state-disabled'), 'add class to selected li');
|
|
|
|
same(el.tabs('option', 'disabled'), [ 0, 1 ], 'update disabled property');
|
|
|
|
|
|
|
|
// disable all tabs
|
|
|
|
el.tabs('disable');
|
|
|
|
same( $('li.ui-state-disabled', el).length, 3, 'disable all');
|
|
|
|
same(el.tabs('option', 'disabled'), true, 'set to true');
|
|
|
|
|
2011-04-18 01:09:47 +00:00
|
|
|
// all tabs already disabled
|
|
|
|
el.tabs({ disabled: true });
|
|
|
|
el.tabs("disable", 1);
|
|
|
|
ok( $('li.ui-state-disabled', el).length, 'disable all');
|
|
|
|
same(el.tabs('option', 'disabled'), true, 'set to true');
|
|
|
|
|
2011-02-06 19:49:42 +00:00
|
|
|
el.tabs("destroy");
|
|
|
|
// disable all tabs one by one
|
|
|
|
el.tabs();
|
|
|
|
el.tabs('disable', 0);
|
|
|
|
ok( $('li:eq(0)', el).is('.ui-state-disabled'), 'add class to li');
|
|
|
|
same(el.tabs('option', 'disabled'), [ 0 ], 'update disabled property');
|
|
|
|
el.tabs('disable', 1);
|
|
|
|
ok( $('li:eq(1)', el).is('.ui-state-disabled'), 'add class to li');
|
|
|
|
same(el.tabs('option', 'disabled'), [ 0, 1 ], 'update disabled property');
|
|
|
|
el.tabs('disable', 2);
|
|
|
|
ok( $('li:eq(2)', el).is('.ui-state-disabled'), 'add class to li');
|
|
|
|
same(el.tabs('option', 'disabled'), true, 'set to true');
|
2009-02-03 13:37:54 +00:00
|
|
|
});
|
|
|
|
|
2011-03-27 00:37:26 +00:00
|
|
|
test('refresh', function() {
|
|
|
|
expect(5);
|
|
|
|
|
|
|
|
var el = $('<div id="tabs"><ul></ul></div>').tabs(),
|
|
|
|
ul = el.find('ul');
|
|
|
|
|
2011-04-05 20:53:52 +00:00
|
|
|
equals(el.tabs('option', 'active'), false, 'Initially empty, no active tab');
|
2011-03-27 00:37:26 +00:00
|
|
|
|
|
|
|
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');
|
2011-03-29 02:28:59 +00:00
|
|
|
el.tabs('option', 'active', 0);
|
2011-03-27 20:37:43 +00:00
|
|
|
equals( el.tabs('option', 'active'), 0, 'First tab added should be auto active');
|
2011-03-27 00:37:26 +00:00
|
|
|
|
|
|
|
ul.append('<li><a href="#test2">Test 2</a></li>');
|
|
|
|
$('<div id="test2">Test Panel 2</div>').insertAfter( ul );
|
|
|
|
el.tabs('refresh');
|
2011-03-27 20:37:43 +00:00
|
|
|
equals( el.tabs('option', 'active'), 0, 'Second tab added should not be auto active');
|
2011-03-27 00:37:26 +00:00
|
|
|
});
|
|
|
|
|
2009-02-03 13:37:54 +00:00
|
|
|
test('load', function() {
|
|
|
|
ok(false, "missing test - untested code is broken code.");
|
|
|
|
});
|
|
|
|
|
2011-04-15 12:53:05 +00:00
|
|
|
}( jQuery ) );
|