mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-10-05 01:44:18 +00:00
Merge branch 'tabs_1.9' of https://github.com/petersendidit/jquery-ui into petersendidit-tabs
This commit is contained in:
commit
fa13c4a602
@ -14,7 +14,8 @@
|
|||||||
$( "#tabs" ).tabs({
|
$( "#tabs" ).tabs({
|
||||||
ajaxOptions: {
|
ajaxOptions: {
|
||||||
error: function( xhr, status, index, anchor ) {
|
error: function( xhr, status, index, anchor ) {
|
||||||
$( anchor.hash ).html(
|
var selector = $( anchor ).attr( "aria-controls" );
|
||||||
|
$( selector ).html(
|
||||||
"Couldn't load this tab. We'll try to fix this as soon as possible. " +
|
"Couldn't load this tab. We'll try to fix this as soon as possible. " +
|
||||||
"If this wouldn't be a demo." );
|
"If this wouldn't be a demo." );
|
||||||
}
|
}
|
||||||
|
@ -7,6 +7,9 @@
|
|||||||
<link type="text/css" href="../../../themes/base/jquery.ui.tabs.css" rel="stylesheet" />
|
<link type="text/css" href="../../../themes/base/jquery.ui.tabs.css" rel="stylesheet" />
|
||||||
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.5.1.js"></script>
|
<script type="text/javascript" src="../../../jquery-1.5.1.js"></script>
|
||||||
|
<script>
|
||||||
|
$.uiBackCompat = false;
|
||||||
|
</script>
|
||||||
<script type="text/javascript" src="../../../external/jquery.cookie.js"></script>
|
<script type="text/javascript" src="../../../external/jquery.cookie.js"></script>
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||||
|
@ -25,34 +25,4 @@ test('navigation markup', function() {
|
|||||||
el.tabs('destroy');
|
el.tabs('destroy');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('ajax', function() {
|
|
||||||
expect(4);
|
|
||||||
stop();
|
|
||||||
|
|
||||||
el = $('#tabs2');
|
|
||||||
|
|
||||||
el.tabs({
|
|
||||||
selected: 2,
|
|
||||||
load: function() {
|
|
||||||
// spinner: default spinner
|
|
||||||
setTimeout(function() {
|
|
||||||
equals($('li:eq(2) > a > span', el).length, 1, "should restore tab markup after spinner is removed");
|
|
||||||
equals($('li:eq(2) > a > span', el).html(), '3', "should restore tab label after spinner is removed");
|
|
||||||
el.tabs('destroy');
|
|
||||||
el.tabs({
|
|
||||||
selected: 2,
|
|
||||||
spinner: '<img src="spinner.gif" alt="">',
|
|
||||||
load: function() {
|
|
||||||
// spinner: image
|
|
||||||
equals($('li:eq(2) > a > span', el).length, 1, "should restore tab markup after spinner is removed");
|
|
||||||
equals($('li:eq(2) > a > span', el).html(), '3', "should restore tab label after spinner is removed");
|
|
||||||
start();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}, 1);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
|
@ -3,24 +3,14 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
var tabs_defaults = {
|
var tabs_defaults = {
|
||||||
add: null,
|
activate: null,
|
||||||
ajaxOptions: null,
|
beforeload: null,
|
||||||
cache: false,
|
beforeActivate: null,
|
||||||
collapsible: false,
|
collapsible: false,
|
||||||
cookie: null,
|
|
||||||
disable: null,
|
|
||||||
disabled: false,
|
disabled: false,
|
||||||
enable: null,
|
|
||||||
event: "click",
|
event: "click",
|
||||||
fx: null,
|
fx: null,
|
||||||
idPrefix: "ui-tabs-",
|
load: null
|
||||||
load: null,
|
|
||||||
panelTemplate: "<div></div>",
|
|
||||||
remove: null,
|
|
||||||
select: null,
|
|
||||||
show: null,
|
|
||||||
spinner: "<em>Loading…</em>",
|
|
||||||
tabTemplate: "<li><a href='#{href}'><span>#{label}</span></a></li>"
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// FAIL: falsy values break the cookie option
|
// FAIL: falsy values break the cookie option
|
||||||
|
30
tests/unit/tabs/tabs_defaults_deprecated.js
Normal file
30
tests/unit/tabs/tabs_defaults_deprecated.js
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
/*
|
||||||
|
* tabs_defaults.js
|
||||||
|
*/
|
||||||
|
|
||||||
|
var tabs_defaults = {
|
||||||
|
activate: null,
|
||||||
|
add: null,
|
||||||
|
ajaxOptions: null,
|
||||||
|
beforeload: null,
|
||||||
|
beforeActivate: null,
|
||||||
|
cache: false,
|
||||||
|
collapsible: false,
|
||||||
|
cookie: null,
|
||||||
|
disable: null,
|
||||||
|
disabled: false,
|
||||||
|
enable: null,
|
||||||
|
event: "click",
|
||||||
|
fx: null,
|
||||||
|
idPrefix: "ui-tabs-",
|
||||||
|
load: null,
|
||||||
|
panelTemplate: "<div></div>",
|
||||||
|
remove: null,
|
||||||
|
select: null,
|
||||||
|
show: null,
|
||||||
|
spinner: "<em>Loading…</em>",
|
||||||
|
tabTemplate: "<li><a href='#{href}'><span>#{label}</span></a></li>"
|
||||||
|
};
|
||||||
|
|
||||||
|
// FAIL: falsy values break the cookie option
|
||||||
|
commonWidgetTests( "tabs", { defaults: tabs_defaults } );
|
122
tests/unit/tabs/tabs_deprecated.html
Normal file
122
tests/unit/tabs/tabs_deprecated.html
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<title>jQuery UI Tabs Test Suite</title>
|
||||||
|
|
||||||
|
<link type="text/css" href="../../../themes/base/jquery.ui.tabs.css" rel="stylesheet" />
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../../../jquery-1.5.1.js"></script>
|
||||||
|
<script type="text/javascript" src="../../../external/jquery.cookie.js"></script>
|
||||||
|
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script type="text/javascript" src="../../../ui/jquery.ui.tabs.js"></script>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="../../../external/qunit.css" type="text/css"/>
|
||||||
|
<script type="text/javascript" src="../../../external/qunit.js"></script>
|
||||||
|
<script type="text/javascript" src="../../jquery.simulate.js"></script>
|
||||||
|
<script type="text/javascript" src="../testsuite.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="tabs_core.js"></script>
|
||||||
|
<script type="text/javascript" src="tabs_defaults_deprecated.js"></script>
|
||||||
|
<script type="text/javascript" src="tabs_events.js"></script>
|
||||||
|
<script type="text/javascript" src="tabs_methods.js"></script>
|
||||||
|
<script type="text/javascript" src="tabs_options.js"></script>
|
||||||
|
<script type="text/javascript" src="tabs_tickets.js"></script>
|
||||||
|
<script type="text/javascript" src="tabs_deprecated.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
// disable this stale testsuite for testswarm only
|
||||||
|
var url = window.location.search;
|
||||||
|
url = decodeURIComponent( url.slice( url.indexOf("swarmURL=") + 9 ) );
|
||||||
|
if ( url && url.indexOf("http") == 0 ) {
|
||||||
|
// reset config to kill previous tests; make sure testsuite.js is loaded afterwards to init the testswarm script
|
||||||
|
QUnit.init();
|
||||||
|
test("tabs", function() { ok(true, "disabled tabs testsuite"); });
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src="../swarminject.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<h1 id="qunit-header">jQuery UI Tabs Test Suite (deprecated)</h1>
|
||||||
|
<h2 id="qunit-banner"></h2>
|
||||||
|
<div id="qunit-testrunner-toolbar"></div>
|
||||||
|
<h2 id="qunit-userAgent"></h2>
|
||||||
|
<ol id="qunit-tests">
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<div id="qunit-fixture">
|
||||||
|
|
||||||
|
<div id="tabs1">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#fragment-1"><span>1</span></a></li>
|
||||||
|
<li><a href="#fragment-2"><span>2</span></a></li>
|
||||||
|
<li><a href="#fragment-3"><span>3</span></a></li>
|
||||||
|
</ul>
|
||||||
|
<div id="fragment-1"></div>
|
||||||
|
<div id="fragment-2"></div>
|
||||||
|
<div id="fragment-3"></div>
|
||||||
|
</div>
|
||||||
|
<div id="tabs2">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#colon:test"><span>1</span></a></li>
|
||||||
|
<li><a href="#inline-style"><span>2</span></a></li>
|
||||||
|
<li><a href="data/test.html#test"><span>3</span></a></li>
|
||||||
|
<li><a href="data/test.html" title="∫ßáö Սե"><span>4</span></a></li>
|
||||||
|
</ul>
|
||||||
|
<div id="colon:test"></div>
|
||||||
|
<div style="height: 300px;" id="inline-style"></div>
|
||||||
|
</div>
|
||||||
|
<div id="tabs3">
|
||||||
|
<div>
|
||||||
|
<ul id="tabs3-list">
|
||||||
|
<li><a href="#tabs3-1">1</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tabs4">
|
||||||
|
<ul id="tabs4-list">
|
||||||
|
<li><a href="#tabs4-1">1</a></li>
|
||||||
|
</ul>
|
||||||
|
<ol>
|
||||||
|
<li><a href="#tabs4-1">1</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
<div id="tabs4a">
|
||||||
|
<ol id="tabs4a-list">
|
||||||
|
<li><a href="#tabs4a-1">1</a></li>
|
||||||
|
</ol>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#tabs4a-1">1</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="tabs5">
|
||||||
|
<div>
|
||||||
|
<ul id="tabs5-list"></ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tabs6">
|
||||||
|
<ul id="tabs6-list">
|
||||||
|
<li><a href="#tabs6-1">1</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#item6-3">3</a></li>
|
||||||
|
<li><a href="#item6-4">4</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#tabs6-2">2</a></li>
|
||||||
|
</ul>
|
||||||
|
<div id="tabs6-1"></div>
|
||||||
|
<div id="tabs6-2"></div>
|
||||||
|
</div>
|
||||||
|
<div id="tabs7">
|
||||||
|
<ul id="tabs7-list">
|
||||||
|
<li><a href="#tabs7-1">1</a></li>
|
||||||
|
<li><a href="#tabs7-2">2</a></li>
|
||||||
|
</ul>
|
||||||
|
<div id="tabs7-2"></div>
|
||||||
|
<div id="tabs7-1"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
343
tests/unit/tabs/tabs_deprecated.js
Normal file
343
tests/unit/tabs/tabs_deprecated.js
Normal file
@ -0,0 +1,343 @@
|
|||||||
|
(function( $ ) {
|
||||||
|
|
||||||
|
module("tabs (deprecated): core");
|
||||||
|
|
||||||
|
test( "#4581 - title attribute for remote tabs does not support foreign languages", function() {
|
||||||
|
expect( 1 );
|
||||||
|
|
||||||
|
$( "#tabs2" ).tabs({
|
||||||
|
selected: 3,
|
||||||
|
beforeload: function( event, ui ) {
|
||||||
|
event.preventDefault();
|
||||||
|
equal( ui.panel.id, "∫ßáö_Սե", "proper title" );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
module("tabs (deprecated): options");
|
||||||
|
|
||||||
|
test('ajaxOptions', function() {
|
||||||
|
ok(false, "missing test - untested code is broken code.");
|
||||||
|
});
|
||||||
|
|
||||||
|
test('cache', function() {
|
||||||
|
ok(false, "missing test - untested code is broken code.");
|
||||||
|
});
|
||||||
|
|
||||||
|
test('idPrefix', function() {
|
||||||
|
ok(false, "missing test - untested code is broken code.");
|
||||||
|
});
|
||||||
|
|
||||||
|
test('tabTemplate', function() {
|
||||||
|
ok(false, "missing test - untested code is broken code.");
|
||||||
|
});
|
||||||
|
|
||||||
|
test('panelTemplate', function() {
|
||||||
|
ok(false, "missing test - untested code is broken code.");
|
||||||
|
});
|
||||||
|
|
||||||
|
test('cookie', function() {
|
||||||
|
expect(6);
|
||||||
|
|
||||||
|
el = $('#tabs1');
|
||||||
|
var cookieName = 'tabs_test', cookieObj = { name: cookieName };
|
||||||
|
$.cookie(cookieName, null); // blank state
|
||||||
|
var cookie = function() {
|
||||||
|
return parseInt($.cookie(cookieName), 10);
|
||||||
|
};
|
||||||
|
|
||||||
|
el.tabs({ cookie: cookieObj });
|
||||||
|
equals(cookie(), 0, 'initial cookie value');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({ active: 1, cookie: cookieObj });
|
||||||
|
equals(cookie(), 1, 'initial cookie value, from active property');
|
||||||
|
|
||||||
|
el.tabs('option', 'active', 2);
|
||||||
|
equals(cookie(), 2, 'cookie value updated after activating');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
$.cookie(cookieName, 1);
|
||||||
|
el.tabs({ cookie: cookieObj });
|
||||||
|
equals(cookie(), 1, 'initial cookie value, from existing cookie');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({ cookie: cookieObj, collapsible: true });
|
||||||
|
el.tabs('option', 'active', false);
|
||||||
|
equals(cookie(), -1, 'cookie value for all tabs unselected');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
ok($.cookie(cookieName) === null, 'erase cookie after destroy');
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
test('spinner', function() {
|
||||||
|
expect(4);
|
||||||
|
stop();
|
||||||
|
|
||||||
|
el = $('#tabs2');
|
||||||
|
|
||||||
|
el.tabs({
|
||||||
|
selected: 2,
|
||||||
|
load: function() {
|
||||||
|
// spinner: default spinner
|
||||||
|
setTimeout(function() {
|
||||||
|
equals($('li:eq(2) > a > span', el).length, 1, "should restore tab markup after spinner is removed");
|
||||||
|
equals($('li:eq(2) > a > span', el).html(), '3', "should restore tab label after spinner is removed");
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({
|
||||||
|
selected: 2,
|
||||||
|
spinner: '<img src="spinner.gif" alt="">',
|
||||||
|
load: function() {
|
||||||
|
// spinner: image
|
||||||
|
equals($('li:eq(2) > a > span', el).length, 1, "should restore tab markup after spinner is removed");
|
||||||
|
equals($('li:eq(2) > a > span', el).html(), '3', "should restore tab label after spinner is removed");
|
||||||
|
start();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, 1);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
test('selected', function() {
|
||||||
|
expect(11);
|
||||||
|
|
||||||
|
el = $('#tabs1').tabs();
|
||||||
|
equals(el.tabs('option', 'selected'), 0, 'should be 0 by default');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
//set a hash in the url
|
||||||
|
location.hash = '#fragment-2';
|
||||||
|
//selection of tab with divs ordered differently than list
|
||||||
|
el = $('#tabs1').tabs();
|
||||||
|
equals(el.tabs('option', 'selected'), 1, 'second tab should be selected');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
//set a hash in the url
|
||||||
|
location.hash = '#tabs7-2';
|
||||||
|
//selection of tab with divs ordered differently than list
|
||||||
|
el = $('#tabs7').tabs();
|
||||||
|
equals(el.tabs('option', 'selected'), 1, 'second tab should be selected');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el = $('#tabs1').tabs({ selected: -1 });
|
||||||
|
equals(el.tabs('option', 'selected'), -1, 'should be -1 for all tabs unselected');
|
||||||
|
equals( $('li.ui-tabs-selected', el).length, 0, 'no tab should be selected' );
|
||||||
|
equals( $('div:hidden', '#tabs1').length, 3, 'all panels should be hidden' );
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({ selected: null });
|
||||||
|
equals(el.tabs('option', 'selected'), -1, 'should be -1 for all tabs unselected with value null (deprecated)');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({ selected: 1 });
|
||||||
|
equals(el.tabs('option', 'selected'), 1, 'should be specified tab');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({ selected: 99 });
|
||||||
|
equals(el.tabs('option', 'selected'), 0, 'selected should default to zero if given value is out of index');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({ collapsible: true });
|
||||||
|
el.tabs('option', 'selected', 0);
|
||||||
|
equals(el.tabs('option', 'selected'), 0, 'should not collapse tab if value is same as selected');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el = $('#tabs1').tabs();
|
||||||
|
el.tabs('select', 1);
|
||||||
|
equals(el.tabs('option', 'selected'), 1, 'should select tab');
|
||||||
|
});
|
||||||
|
|
||||||
|
module("tabs (deprecated): events");
|
||||||
|
|
||||||
|
test('enable', function() {
|
||||||
|
expect(4);
|
||||||
|
|
||||||
|
var uiObj;
|
||||||
|
el = $('#tabs1').tabs({
|
||||||
|
disabled: [ 0, 1 ],
|
||||||
|
enable: function (event, ui) {
|
||||||
|
uiObj = ui;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
el.tabs('enable', 1);
|
||||||
|
ok(uiObj !== undefined, 'trigger callback');
|
||||||
|
equals(uiObj.tab, $('a', el)[1], 'contain tab as DOM anchor element');
|
||||||
|
equals(uiObj.panel, $('div', el)[1], 'contain panel as DOM div element');
|
||||||
|
equals(uiObj.index, 1, 'contain index');
|
||||||
|
});
|
||||||
|
|
||||||
|
test('disable', function() {
|
||||||
|
expect(4);
|
||||||
|
|
||||||
|
var uiObj;
|
||||||
|
el = $('#tabs1').tabs({
|
||||||
|
disable: function (event, ui) {
|
||||||
|
uiObj = ui;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
el.tabs('disable', 1);
|
||||||
|
ok(uiObj !== undefined, 'trigger callback');
|
||||||
|
equals(uiObj.tab, $('a', el)[1], 'contain tab as DOM anchor element');
|
||||||
|
equals(uiObj.panel, $('div', el)[1], 'contain panel as DOM div element');
|
||||||
|
equals(uiObj.index, 1, 'contain index');
|
||||||
|
});
|
||||||
|
|
||||||
|
test('add', function() {
|
||||||
|
|
||||||
|
// TODO move to methods, not at all event related...
|
||||||
|
|
||||||
|
var el = $('<div id="tabs"><ul></ul></div>').tabs();
|
||||||
|
equals(el.tabs('option', 'selected'), -1, 'Initially empty, no selected tab');
|
||||||
|
|
||||||
|
el.tabs('add', '#test1', 'Test 1');
|
||||||
|
equals(el.tabs('option', 'selected'), 0, 'First tab added should be auto selected');
|
||||||
|
|
||||||
|
el.tabs('add', '#test2', 'Test 2');
|
||||||
|
equals(el.tabs('option', 'selected'), 0, 'Second tab added should not be auto selected');
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
test('remove', function() {
|
||||||
|
ok(false, "missing test - untested code is broken code.");
|
||||||
|
});
|
||||||
|
|
||||||
|
test('show', function() {
|
||||||
|
expect(5);
|
||||||
|
|
||||||
|
var uiObj, eventObj;
|
||||||
|
el = $('#tabs1').tabs({
|
||||||
|
show: function(event, ui) {
|
||||||
|
uiObj = ui;
|
||||||
|
eventObj = event;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
ok(uiObj !== undefined, 'trigger callback after initialization');
|
||||||
|
equals(uiObj.tab, $('a', el)[0], 'contain tab as DOM anchor element');
|
||||||
|
equals(uiObj.panel, $('div', el)[0], 'contain panel as DOM div element');
|
||||||
|
equals(uiObj.index, 0, 'contain index');
|
||||||
|
|
||||||
|
el.find( "li:eq(1) a" ).simulate( "click" );
|
||||||
|
equals( eventObj.originalEvent.type, "click", "show triggered by click" );
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
test('select', function() {
|
||||||
|
expect(7);
|
||||||
|
|
||||||
|
var eventObj;
|
||||||
|
el = $('#tabs1').tabs({
|
||||||
|
select: function(event, ui) {
|
||||||
|
ok(true, 'select triggered after initialization');
|
||||||
|
equals(this, el[0], "context of callback");
|
||||||
|
equals(event.type, 'tabsselect', 'event type in callback');
|
||||||
|
equals(ui.tab, el.find('a')[1], 'contain tab as DOM anchor element');
|
||||||
|
equals(ui.panel, el.find('div')[1], 'contain panel as DOM div element');
|
||||||
|
equals(ui.index, 1, 'contain index');
|
||||||
|
evenObj = event;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
el.tabs('select', 1);
|
||||||
|
|
||||||
|
el.find( "li:eq(1) a" ).simulate( "click" );
|
||||||
|
equals( evenObj.originalEvent.type, "click", "select triggered by click" );
|
||||||
|
});
|
||||||
|
|
||||||
|
module("tabs (deprecated): methods");
|
||||||
|
|
||||||
|
test('add', function() {
|
||||||
|
expect(4);
|
||||||
|
|
||||||
|
el = $('#tabs1').tabs();
|
||||||
|
el.tabs('add', '#new', 'New');
|
||||||
|
|
||||||
|
var added = $('li:last', el).simulate('mouseover');
|
||||||
|
ok(added.is('.ui-state-hover'), 'should add mouseover handler to added tab');
|
||||||
|
added.simulate('mouseout');
|
||||||
|
var other = $('li:first', el).simulate('mouseover');
|
||||||
|
ok(other.is('.ui-state-hover'), 'should not remove mouseover handler from existing tab');
|
||||||
|
other.simulate('mouseout');
|
||||||
|
|
||||||
|
equals($('a', added).attr('href'), '#new', 'should not expand href to full url of current page');
|
||||||
|
|
||||||
|
ok(false, "missing test - untested code is broken code.");
|
||||||
|
});
|
||||||
|
|
||||||
|
test('remove', function() {
|
||||||
|
expect(4);
|
||||||
|
|
||||||
|
el = $('#tabs1').tabs();
|
||||||
|
|
||||||
|
el.tabs('remove', 0);
|
||||||
|
equals(el.tabs('length'), 2, 'remove tab');
|
||||||
|
equals($('li a[href$="fragment-1"]', el).length, 0, 'remove associated list item');
|
||||||
|
equals($('#fragment-1').length, 0, 'remove associated panel');
|
||||||
|
|
||||||
|
// TODO delete tab -> focus tab to right
|
||||||
|
// TODO delete last tab -> focus tab to left
|
||||||
|
|
||||||
|
el.tabs('select', 1);
|
||||||
|
el.tabs('remove', 1);
|
||||||
|
equals(el.tabs('option', 'selected'), 0, 'update selected property');
|
||||||
|
});
|
||||||
|
|
||||||
|
test('select', function() {
|
||||||
|
expect(6);
|
||||||
|
|
||||||
|
el = $('#tabs1').tabs();
|
||||||
|
|
||||||
|
el.tabs('select', 1);
|
||||||
|
equals(el.tabs('option', 'active'), 1, 'should select tab');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({ collapsible: true });
|
||||||
|
el.tabs('select', 0);
|
||||||
|
equals(el.tabs('option', 'active'), -1, 'should collapse tab passing in the already active tab');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({ collapsible: true });
|
||||||
|
el.tabs('select', -1);
|
||||||
|
equals(el.tabs('option', 'active'), -1, 'should collapse tab passing in -1');
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs();
|
||||||
|
el.tabs('select', 0);
|
||||||
|
equals(el.tabs('option', 'active'), 0, 'should not collapse tab if collapsible is not set to true');
|
||||||
|
el.tabs('select', -1);
|
||||||
|
equals(el.tabs('option', 'active'), 0, 'should not collapse tab if collapsible is not set to true');
|
||||||
|
|
||||||
|
el.tabs('select', '#fragment-2');
|
||||||
|
equals(el.tabs('option', 'active'), 1, 'should select tab by id');
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
test('#5069 - ui.tabs.add creates two tab panels when using a full URL', function() {
|
||||||
|
// http://dev.jqueryui.com/ticket/5069
|
||||||
|
expect(2);
|
||||||
|
|
||||||
|
el = $('#tabs2').tabs();
|
||||||
|
equals(el.children('div').length, el.find('> ul > li').length, 'After creation, number of panels should be equal to number of tabs');
|
||||||
|
el.tabs('add', '/ajax_html_echo', 'Test');
|
||||||
|
equals(el.children('div').length, el.find('> ul > li').length, 'After add, number of panels should be equal to number of tabs');
|
||||||
|
});
|
||||||
|
|
||||||
|
test('length', function() {
|
||||||
|
expect(1);
|
||||||
|
|
||||||
|
el = $('#tabs1').tabs();
|
||||||
|
equals(el.tabs('length'), $('ul a', el).length, ' should return length');
|
||||||
|
});
|
||||||
|
|
||||||
|
test('url', function() {
|
||||||
|
el = $('#tabs2').tabs();
|
||||||
|
var tab = el.find('a:eq(3)'),
|
||||||
|
url = tab.attr('href');
|
||||||
|
|
||||||
|
el.tabs('url', 3, "data/test2.html");
|
||||||
|
equals(tab.attr('href'), 'data/test2.html', 'Url was updated');
|
||||||
|
tab.attr('href', url );
|
||||||
|
});
|
||||||
|
|
||||||
|
}( jQuery ) );
|
@ -5,37 +5,59 @@
|
|||||||
|
|
||||||
module("tabs: events");
|
module("tabs: events");
|
||||||
|
|
||||||
test('select', function() {
|
test('beforeActivate', function() {
|
||||||
expect(7);
|
expect(7);
|
||||||
|
|
||||||
var eventObj;
|
|
||||||
el = $('#tabs1').tabs({
|
el = $('#tabs1').tabs({
|
||||||
select: function(event, ui) {
|
beforeActivate: function(event, ui) {
|
||||||
ok(true, 'select triggered after initialization');
|
ok(true, 'beforeActivate triggered after initialization');
|
||||||
equals(this, el[0], "context of callback");
|
equals(this, el[0], "context of callback");
|
||||||
equals(event.type, 'tabsselect', 'event type in callback');
|
equals(event.type, 'tabsbeforeactivate', 'event type in callback');
|
||||||
equals(ui.tab, el.find('a')[1], 'contain tab as DOM anchor element');
|
equals(ui.tab, el.find('a')[1], 'contain tab as DOM anchor element');
|
||||||
equals(ui.panel, el.find('div')[1], 'contain panel as DOM div element');
|
equals(ui.panel, el.find('div')[1], 'contain panel as DOM div element');
|
||||||
equals(ui.index, 1, 'contain index');
|
equals(ui.index, 1, 'contain index');
|
||||||
evenObj = event;
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
el.tabs('select', 1);
|
el.tabs('option', 'active', 1);
|
||||||
|
|
||||||
|
el.tabs('destroy');
|
||||||
|
el.tabs({
|
||||||
|
beforeActivate: function(event, ui) {
|
||||||
|
equals( event.originalEvent.type, "click", "beforeActivate triggered by click" );
|
||||||
|
}
|
||||||
|
});
|
||||||
el.find( "li:eq(1) a" ).simulate( "click" );
|
el.find( "li:eq(1) a" ).simulate( "click" );
|
||||||
equals( evenObj.originalEvent.type, "click", "select triggered by click" );
|
});
|
||||||
|
|
||||||
|
test('beforeload', function() {
|
||||||
|
expect( 5 );
|
||||||
|
|
||||||
|
el = $('#tabs2');
|
||||||
|
|
||||||
|
el.tabs({
|
||||||
|
active: 2,
|
||||||
|
beforeload: function( event, ui ) {
|
||||||
|
ok( $.isFunction( ui.jqXHR.promise ), 'contain jqXHR object');
|
||||||
|
equals( ui.settings.url, "data/test.html", 'contain ajax settings url');
|
||||||
|
equals( ui.tab, el.find('a')[ 2 ], 'contain tab as DOM anchor element');
|
||||||
|
equals( ui.panel, el.find('div')[ 2 ], 'contain panel as DOM div element');
|
||||||
|
equals( ui.index, 2, 'contain index');
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
test('load', function() {
|
test('load', function() {
|
||||||
ok(false, "missing test - untested code is broken code.");
|
ok(false, "missing test - untested code is broken code.");
|
||||||
});
|
});
|
||||||
|
|
||||||
test('show', function() {
|
test('activate', function() {
|
||||||
expect(5);
|
expect(5);
|
||||||
|
|
||||||
var uiObj, eventObj;
|
var uiObj, eventObj;
|
||||||
el = $('#tabs1').tabs({
|
el = $('#tabs1').tabs({
|
||||||
show: function(event, ui) {
|
activate: function(event, ui) {
|
||||||
uiObj = ui;
|
uiObj = ui;
|
||||||
eventObj = event;
|
eventObj = event;
|
||||||
}
|
}
|
||||||
@ -50,56 +72,4 @@ test('show', function() {
|
|||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
test('add', function() {
|
|
||||||
|
|
||||||
// TODO move to methods, not at all event related...
|
|
||||||
|
|
||||||
var el = $('<div id="tabs"><ul></ul></div>').tabs();
|
|
||||||
equals(el.tabs('option', 'selected'), -1, 'Initially empty, no selected tab');
|
|
||||||
|
|
||||||
el.tabs('add', '#test1', 'Test 1');
|
|
||||||
equals(el.tabs('option', 'selected'), 0, 'First tab added should be auto selected');
|
|
||||||
|
|
||||||
el.tabs('add', '#test2', 'Test 2');
|
|
||||||
equals(el.tabs('option', 'selected'), 0, 'Second tab added should not be auto selected');
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
test('remove', function() {
|
|
||||||
ok(false, "missing test - untested code is broken code.");
|
|
||||||
});
|
|
||||||
|
|
||||||
test('enable', function() {
|
|
||||||
expect(4);
|
|
||||||
|
|
||||||
var uiObj;
|
|
||||||
el = $('#tabs1').tabs({
|
|
||||||
disabled: [ 0, 1 ],
|
|
||||||
enable: function (event, ui) {
|
|
||||||
uiObj = ui;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
el.tabs('enable', 1);
|
|
||||||
ok(uiObj !== undefined, 'trigger callback');
|
|
||||||
equals(uiObj.tab, $('a', el)[1], 'contain tab as DOM anchor element');
|
|
||||||
equals(uiObj.panel, $('div', el)[1], 'contain panel as DOM div element');
|
|
||||||
equals(uiObj.index, 1, 'contain index');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('disable', function() {
|
|
||||||
expect(4);
|
|
||||||
|
|
||||||
var uiObj;
|
|
||||||
el = $('#tabs1').tabs({
|
|
||||||
disable: function (event, ui) {
|
|
||||||
uiObj = ui;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
el.tabs('disable', 1);
|
|
||||||
ok(uiObj !== undefined, 'trigger callback');
|
|
||||||
equals(uiObj.tab, $('a', el)[1], 'contain tab as DOM anchor element');
|
|
||||||
equals(uiObj.panel, $('div', el)[1], 'contain panel as DOM div element');
|
|
||||||
equals(uiObj.index, 1, 'contain index');
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
|
@ -14,11 +14,11 @@ test('init', function() {
|
|||||||
ok( el.is('.ui-tabs.ui-widget.ui-widget-content.ui-corner-all'), 'attach classes to container');
|
ok( el.is('.ui-tabs.ui-widget.ui-widget-content.ui-corner-all'), 'attach classes to container');
|
||||||
ok( $('ul', el).is('.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all'), 'attach classes to list' );
|
ok( $('ul', el).is('.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all'), 'attach classes to list' );
|
||||||
ok( $('div:eq(0)', el).is('.ui-tabs-panel.ui-widget-content.ui-corner-bottom'), 'attach classes to panel' );
|
ok( $('div:eq(0)', el).is('.ui-tabs-panel.ui-widget-content.ui-corner-bottom'), 'attach classes to panel' );
|
||||||
ok( $('li:eq(0)', el).is('.ui-tabs-selected.ui-state-active.ui-corner-top'), 'attach classes to active li');
|
ok( $('li:eq(0)', el).is('.ui-tabs-active.ui-state-active.ui-corner-top'), 'attach classes to active li');
|
||||||
ok( $('li:eq(1)', el).is('.ui-state-default.ui-corner-top'), 'attach classes to inactive li');
|
ok( $('li:eq(1)', el).is('.ui-state-default.ui-corner-top'), 'attach classes to inactive li');
|
||||||
equals( el.tabs('option', 'selected'), 0, 'selected option set' );
|
equals( el.tabs('option', 'active'), 0, 'active option set' );
|
||||||
equals( $('li', el).index( $('li.ui-tabs-selected', el) ), 0, 'second tab active');
|
equals( $('li', el).index( $('li.ui-tabs-active', el) ), 0, 'second tab active');
|
||||||
equals( $('div', el).index( $('div.ui-tabs-hide', '#tabs1') ), 1, 'second panel should be hidden' );
|
equals( $('div', el).index( $('div:hidden', '#tabs1') ), 1, 'second panel should be hidden' );
|
||||||
});
|
});
|
||||||
|
|
||||||
test('init with hash', function() {
|
test('init with hash', function() {
|
||||||
@ -30,13 +30,13 @@ test('init with hash', function() {
|
|||||||
//selection of tab with divs ordered differently than list
|
//selection of tab with divs ordered differently than list
|
||||||
el = $('#tabs1').tabs();
|
el = $('#tabs1').tabs();
|
||||||
|
|
||||||
equals(el.tabs('option', 'selected'), 1, 'second tab should be selected');
|
equals(el.tabs('option', 'active'), 1, 'second tab should be active');
|
||||||
|
|
||||||
ok(!$('#tabs1 ul li:eq(0)').is('.ui-tabs-selected.ui-state-active'), 'first tab should not be selected nor active');
|
ok(!$('#tabs1 ul li:eq(0)').is('.ui-tabs-active.ui-state-active'), 'first tab should not be selected nor active');
|
||||||
ok($('#tabs1 div:eq(0)').is('.ui-tabs-hide'), 'first div for first tab should be hidden');
|
ok($('#tabs1 div:eq(0)').is(':hidden'), 'first div for first tab should be hidden');
|
||||||
|
|
||||||
ok($('#tabs1 ul li:eq(1)').is('.ui-tabs-selected.ui-state-active'), 'second tab should be selected and active');
|
ok($('#tabs1 ul li:eq(1)').is('.ui-tabs-active.ui-state-active'), 'second tab should be selected and active');
|
||||||
ok(!$('#tabs1 div:eq(1)').is('.ui-tabs-hide'), 'second div for second tab should not be hidden');
|
ok(!$('#tabs1 div:eq(1)').is(':hidden'), 'second div for second tab should not be hidden');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('init mismatched order with hash', function() {
|
test('init mismatched order with hash', function() {
|
||||||
@ -48,13 +48,13 @@ test('init mismatched order with hash', function() {
|
|||||||
//selection of tab with divs ordered differently than list
|
//selection of tab with divs ordered differently than list
|
||||||
el = $('#tabs7').tabs();
|
el = $('#tabs7').tabs();
|
||||||
|
|
||||||
equals(el.tabs('option', 'selected'), 1, 'second tab should be selected');
|
equals(el.tabs('option', 'active'), 1, 'second tab should be active');
|
||||||
|
|
||||||
ok(!$('#tabs7-list li:eq(0)').is('.ui-tabs-selected.ui-state-active'), 'first tab should not be selected nor active');
|
ok(!$('#tabs7-list li:eq(0)').is('.ui-tabs-active.ui-state-active'), 'first tab should not be selected nor active');
|
||||||
ok($('#tabs7 div:eq(1)').is('.ui-tabs-hide'), 'second div for first tab should be hidden');
|
ok($('#tabs7 div:eq(1)').is(':hidden'), 'second div for first tab should be hidden');
|
||||||
|
|
||||||
ok($('#tabs7-list li:eq(1)').is('.ui-tabs-selected.ui-state-active'), 'second tab should be selected and active');
|
ok($('#tabs7-list li:eq(1)').is('.ui-tabs-active.ui-state-active'), 'second tab should be selected and active');
|
||||||
ok(!$('#tabs7 div:eq(0)').is('.ui-tabs-hide'), 'first div for second tab should not be hidden');
|
ok(!$('#tabs7 div:eq(0)').is(':hidden'), 'first div for second tab should not be hidden');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('destroy', function() {
|
test('destroy', function() {
|
||||||
@ -66,8 +66,8 @@ test('destroy', function() {
|
|||||||
|
|
||||||
ok( el.is(':not(.ui-tabs, .ui-widget, .ui-widget-content, .ui-corner-all, .ui-tabs-collapsible)'), 'remove classes from container');
|
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( $('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, .ui-tabs-hide)'), 'remove classes to panel' );
|
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-selected, .ui-state-active, .ui-corner-top)'), 'remove classes from active li');
|
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(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');
|
ok( $('li:eq(2)', el).is(':not(.ui-state-hover, .ui-state-focus)'), 'remove classes from mouseovered or focused li');
|
||||||
});
|
});
|
||||||
@ -130,84 +130,36 @@ test('disable', function() {
|
|||||||
same(el.tabs('option', 'disabled'), true, 'set to true');
|
same(el.tabs('option', 'disabled'), true, 'set to true');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('add', function() {
|
test('refresh', function() {
|
||||||
expect(4);
|
expect(5);
|
||||||
|
|
||||||
el = $('#tabs1').tabs();
|
var el = $('<div id="tabs"><ul></ul></div>').tabs(),
|
||||||
el.tabs('add', '#new', 'New');
|
ul = el.find('ul');
|
||||||
|
|
||||||
var added = $('li:last', el).simulate('mouseover');
|
equals(el.tabs('option', 'active'), -1, 'Initially empty, no active tab');
|
||||||
ok(added.is('.ui-state-hover'), 'should add mouseover handler to added tab');
|
|
||||||
added.simulate('mouseout');
|
|
||||||
var other = $('li:first', el).simulate('mouseover');
|
|
||||||
ok(other.is('.ui-state-hover'), 'should not remove mouseover handler from existing tab');
|
|
||||||
other.simulate('mouseout');
|
|
||||||
|
|
||||||
equals($('a', added).attr('href'), '#new', 'should not expand href to full url of current page');
|
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');
|
||||||
|
|
||||||
ok(false, "missing test - untested code is broken code.");
|
ul.find('li').remove();
|
||||||
});
|
el.tabs('refresh');
|
||||||
|
equals( el.find('.ui-tabs-panel').length, 0, 'Panel removed after refresh');
|
||||||
|
|
||||||
test('remove', function() {
|
ul.append('<li><a href="#test1">Test 1</a></li>');
|
||||||
expect(4);
|
$('<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');
|
||||||
|
|
||||||
el = $('#tabs1').tabs();
|
ul.append('<li><a href="#test2">Test 2</a></li>');
|
||||||
|
$('<div id="test2">Test Panel 2</div>').insertAfter( ul );
|
||||||
el.tabs('remove', 0);
|
el.tabs('refresh');
|
||||||
equals(el.tabs('length'), 2, 'remove tab');
|
equals( el.tabs('option', 'active'), 0, 'Second tab added should not be auto active');
|
||||||
equals($('li a[href$="fragment-1"]', el).length, 0, 'remove associated list item');
|
|
||||||
equals($('#fragment-1').length, 0, 'remove associated panel');
|
|
||||||
|
|
||||||
// TODO delete tab -> focus tab to right
|
|
||||||
// TODO delete last tab -> focus tab to left
|
|
||||||
|
|
||||||
el.tabs('select', 1);
|
|
||||||
el.tabs('remove', 1);
|
|
||||||
equals(el.tabs('option', 'selected'), 0, 'update selected property');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('select', function() {
|
|
||||||
expect(6);
|
|
||||||
|
|
||||||
el = $('#tabs1').tabs();
|
|
||||||
|
|
||||||
el.tabs('select', 1);
|
|
||||||
equals(el.tabs('option', 'selected'), 1, 'should select tab');
|
|
||||||
|
|
||||||
el.tabs('destroy');
|
|
||||||
el.tabs({ collapsible: true });
|
|
||||||
el.tabs('select', 0);
|
|
||||||
equals(el.tabs('option', 'selected'), -1, 'should collapse tab passing in the already selected tab');
|
|
||||||
|
|
||||||
el.tabs('destroy');
|
|
||||||
el.tabs({ collapsible: true });
|
|
||||||
el.tabs('select', -1);
|
|
||||||
equals(el.tabs('option', 'selected'), -1, 'should collapse tab passing in -1');
|
|
||||||
|
|
||||||
el.tabs('destroy');
|
|
||||||
el.tabs();
|
|
||||||
el.tabs('select', 0);
|
|
||||||
equals(el.tabs('option', 'selected'), 0, 'should not collapse tab if collapsible is not set to true');
|
|
||||||
el.tabs('select', -1);
|
|
||||||
equals(el.tabs('option', 'selected'), 0, 'should not collapse tab if collapsible is not set to true');
|
|
||||||
|
|
||||||
el.tabs('select', '#fragment-2');
|
|
||||||
equals(el.tabs('option', 'selected'), 1, 'should select tab by id');
|
|
||||||
});
|
});
|
||||||
|
|
||||||
test('load', function() {
|
test('load', function() {
|
||||||
ok(false, "missing test - untested code is broken code.");
|
ok(false, "missing test - untested code is broken code.");
|
||||||
});
|
});
|
||||||
|
|
||||||
test('url', function() {
|
|
||||||
ok(false, "missing test - untested code is broken code.");
|
|
||||||
});
|
|
||||||
|
|
||||||
test('length', function() {
|
|
||||||
expect(1);
|
|
||||||
|
|
||||||
el = $('#tabs1').tabs();
|
|
||||||
equals(el.tabs('length'), $('ul a', el).length, ' should return length');
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
|
@ -5,14 +5,6 @@
|
|||||||
|
|
||||||
module("tabs: options");
|
module("tabs: options");
|
||||||
|
|
||||||
test('ajaxOptions', function() {
|
|
||||||
ok(false, "missing test - untested code is broken code.");
|
|
||||||
});
|
|
||||||
|
|
||||||
test('cache', function() {
|
|
||||||
ok(false, "missing test - untested code is broken code.");
|
|
||||||
});
|
|
||||||
|
|
||||||
test('collapsible', function() {
|
test('collapsible', function() {
|
||||||
expect(4);
|
expect(4);
|
||||||
|
|
||||||
@ -21,48 +13,15 @@ test('collapsible', function() {
|
|||||||
el.tabs({ collapsible: true });
|
el.tabs({ collapsible: true });
|
||||||
equals(el.tabs('option', 'collapsible'), true, 'option set');
|
equals(el.tabs('option', 'collapsible'), true, 'option set');
|
||||||
ok(el.is('.ui-tabs-collapsible'), 'extra class "ui-tabs-collapsible" attached');
|
ok(el.is('.ui-tabs-collapsible'), 'extra class "ui-tabs-collapsible" attached');
|
||||||
el.tabs('select', 0);
|
|
||||||
equals($('div.ui-tabs-hide', '#tabs1').length, 3, 'all panels should be hidden');
|
el.tabs('option', 'active', false);
|
||||||
|
equals($('div:hidden', '#tabs1').length, 3, 'all panels should be hidden');
|
||||||
|
|
||||||
el.tabs('option', 'collapsible', false);
|
el.tabs('option', 'collapsible', false);
|
||||||
ok(el.is(':not(.ui-tabs-collapsible)'), 'extra class "ui-tabs-collapsible" not attached');
|
ok(el.is(':not(.ui-tabs-collapsible)'), 'extra class "ui-tabs-collapsible" not attached');
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
test('cookie', function() {
|
|
||||||
expect(6);
|
|
||||||
|
|
||||||
el = $('#tabs1');
|
|
||||||
var cookieName = 'tabs_test', cookieObj = { name: cookieName };
|
|
||||||
$.cookie(cookieName, null); // blank state
|
|
||||||
var cookie = function() {
|
|
||||||
return parseInt($.cookie(cookieName), 10);
|
|
||||||
};
|
|
||||||
|
|
||||||
el.tabs({ cookie: cookieObj });
|
|
||||||
equals(cookie(), 0, 'initial cookie value');
|
|
||||||
|
|
||||||
el.tabs('destroy');
|
|
||||||
el.tabs({ selected: 1, cookie: cookieObj });
|
|
||||||
equals(cookie(), 1, 'initial cookie value, from selected property');
|
|
||||||
|
|
||||||
el.tabs('select', 2);
|
|
||||||
equals(cookie(), 2, 'cookie value updated after select');
|
|
||||||
|
|
||||||
el.tabs('destroy');
|
|
||||||
$.cookie(cookieName, 1);
|
|
||||||
el.tabs({ cookie: cookieObj });
|
|
||||||
equals(cookie(), 1, 'initial cookie value, from existing cookie');
|
|
||||||
|
|
||||||
el.tabs('destroy');
|
|
||||||
el.tabs({ cookie: cookieObj, collapsible: true });
|
|
||||||
el.tabs('select', 0);
|
|
||||||
equals(cookie(), -1, 'cookie value for all tabs unselected');
|
|
||||||
|
|
||||||
el.tabs('destroy');
|
|
||||||
ok($.cookie(cookieName) === null, 'erase cookie after destroy');
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
test('disabled', function() {
|
test('disabled', function() {
|
||||||
expect(4);
|
expect(4);
|
||||||
|
|
||||||
@ -87,50 +46,34 @@ test('fx', function() {
|
|||||||
ok(false, "missing test - untested code is broken code.");
|
ok(false, "missing test - untested code is broken code.");
|
||||||
});
|
});
|
||||||
|
|
||||||
test('idPrefix', function() {
|
test('active', function() {
|
||||||
ok(false, "missing test - untested code is broken code.");
|
|
||||||
});
|
|
||||||
|
|
||||||
test('panelTemplate', function() {
|
|
||||||
ok(false, "missing test - untested code is broken code.");
|
|
||||||
});
|
|
||||||
|
|
||||||
test('selected', function() {
|
|
||||||
expect(8);
|
expect(8);
|
||||||
|
|
||||||
el = $('#tabs1').tabs();
|
el = $('#tabs1').tabs();
|
||||||
equals(el.tabs('option', 'selected'), 0, 'should be 0 by default');
|
equals(el.tabs('option', 'active'), 0, 'should be 0 by default');
|
||||||
|
|
||||||
el.tabs('destroy');
|
el.tabs('destroy');
|
||||||
el.tabs({ selected: -1 });
|
el.tabs({ active: -1 });
|
||||||
equals(el.tabs('option', 'selected'), -1, 'should be -1 for all tabs unselected');
|
equals(el.tabs('option', 'active'), -1, 'should be -1 for all tabs deactive');
|
||||||
equals( $('li.ui-tabs-selected', el).length, 0, 'no tab should be selected' );
|
equals( $('li.ui-tabs-selected', el).length, 0, 'no tab should be active' );
|
||||||
equals( $('div.ui-tabs-hide', '#tabs1').length, 3, 'all panels should be hidden' );
|
equals( $('div:hidden', '#tabs1').length, 3, 'all panels should be hidden' );
|
||||||
|
|
||||||
el.tabs('destroy');
|
el.tabs('destroy');
|
||||||
el.tabs({ selected: null });
|
el.tabs({ active: null });
|
||||||
equals(el.tabs('option', 'selected'), -1, 'should be -1 for all tabs unselected with value null (deprecated)');
|
equals(el.tabs('option', 'active'), -1, 'should be -1 for all tabs deactive with value null (deprecated)');
|
||||||
|
|
||||||
el.tabs('destroy');
|
el.tabs('destroy');
|
||||||
el.tabs({ selected: 1 });
|
el.tabs({ active: 1 });
|
||||||
equals(el.tabs('option', 'selected'), 1, 'should be specified tab');
|
equals(el.tabs('option', 'active'), 1, 'should be specified tab');
|
||||||
|
|
||||||
el.tabs('destroy');
|
el.tabs('destroy');
|
||||||
el.tabs({ selected: 99 });
|
el.tabs({ active: 99 });
|
||||||
equals(el.tabs('option', 'selected'), 0, 'selected should default to zero if given value is out of index');
|
equals(el.tabs('option', 'active'), 0, 'active should default to zero if given value is out of index');
|
||||||
|
|
||||||
el.tabs('destroy');
|
el.tabs('destroy');
|
||||||
el.tabs({ collapsible: true });
|
el.tabs({ collapsible: true });
|
||||||
el.tabs('option', 'selected', 0);
|
el.tabs('option', 'active', 0);
|
||||||
equals(el.tabs('option', 'selected'), 0, 'should not collapse tab if value is same as selected');
|
equals(el.tabs('option', 'active'), 0, 'should not collapse tab if value is same as active');
|
||||||
});
|
|
||||||
|
|
||||||
test('spinner', function() {
|
|
||||||
ok(false, "missing test - untested code is broken code.");
|
|
||||||
});
|
|
||||||
|
|
||||||
test('tabTemplate', function() {
|
|
||||||
ok(false, "missing test - untested code is broken code.");
|
|
||||||
});
|
});
|
||||||
|
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
|
@ -13,7 +13,7 @@ test('#2715 - id containing colon', function() {
|
|||||||
ok( $('div.ui-tabs-panel:eq(0)', '#tabs2').is(':visible'), 'first panel should be visible' );
|
ok( $('div.ui-tabs-panel:eq(0)', '#tabs2').is(':visible'), 'first panel should be visible' );
|
||||||
ok( $('div.ui-tabs-panel:eq(1)', '#tabs2').is(':hidden'), 'second panel should be hidden' );
|
ok( $('div.ui-tabs-panel:eq(1)', '#tabs2').is(':hidden'), 'second panel should be hidden' );
|
||||||
|
|
||||||
el.tabs('select', 1).tabs('select', 0);
|
el.tabs('option', 'active', 1).tabs('option', 'active', 0);
|
||||||
ok( $('div.ui-tabs-panel:eq(0)', '#tabs2').is(':visible'), 'first panel should be visible' );
|
ok( $('div.ui-tabs-panel:eq(0)', '#tabs2').is(':visible'), 'first panel should be visible' );
|
||||||
ok( $('div.ui-tabs-panel:eq(1)', '#tabs2').is(':hidden'), 'second panel should be hidden' );
|
ok( $('div.ui-tabs-panel:eq(1)', '#tabs2').is(':hidden'), 'second panel should be hidden' );
|
||||||
|
|
||||||
@ -30,10 +30,10 @@ test('#???? - panel containing inline style', function() {
|
|||||||
el = $('#tabs2').tabs();
|
el = $('#tabs2').tabs();
|
||||||
equals(inlineStyle('height'), expected, 'init should not remove inline style');
|
equals(inlineStyle('height'), expected, 'init should not remove inline style');
|
||||||
|
|
||||||
el.tabs('select', 1);
|
el.tabs('option', 'active', 1);
|
||||||
equals(inlineStyle('height'), expected, 'show tab should not remove inline style');
|
equals(inlineStyle('height'), expected, 'show tab should not remove inline style');
|
||||||
|
|
||||||
el.tabs('select', 0);
|
el.tabs('option', 'active', 0);
|
||||||
equals(inlineStyle('height'), expected, 'hide tab should not remove inline style');
|
equals(inlineStyle('height'), expected, 'hide tab should not remove inline style');
|
||||||
|
|
||||||
});
|
});
|
||||||
@ -42,32 +42,29 @@ test('#3627 - Ajax tab with url containing a fragment identifier fails to load',
|
|||||||
// http://dev.jqueryui.com/ticket/3627
|
// http://dev.jqueryui.com/ticket/3627
|
||||||
expect(1);
|
expect(1);
|
||||||
|
|
||||||
el = $('#tabs2').tabs();
|
el = $('#tabs2').tabs({
|
||||||
|
active: 2,
|
||||||
ok(/test.html$/.test( $('a:eq(2)', el).data('load.tabs') ), 'should ignore fragment identifier');
|
beforeload: function( event, ui ) {
|
||||||
|
event.preventDefault();
|
||||||
|
ok(/test.html$/.test( ui.settings.url ), 'should ignore fragment identifier');
|
||||||
|
}
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
test('#4033 - IE expands hash to full url and misinterprets tab as ajax', function() {
|
test('#4033 - IE expands hash to full url and misinterprets tab as ajax', function() {
|
||||||
// http://dev.jqueryui.com/ticket/4033
|
// http://dev.jqueryui.com/ticket/4033
|
||||||
expect(1);
|
expect(1);
|
||||||
|
|
||||||
el = $('<div><ul><li><a href="#tab">Tab</a></li></ul><div id="tab"></div></div>')
|
el = $('<div><ul><li><a href="#tab">Tab</a></li></ul><div id="tab"></div></div>');
|
||||||
.appendTo('#main').tabs();
|
el.appendTo('#main');
|
||||||
|
el.tabs({
|
||||||
equals($('a', el).data('load.tabs'), undefined, 'should not create ajax tab');
|
beforeload: function( event, ui ) {
|
||||||
|
event.preventDefault();
|
||||||
});
|
ok( false, 'should not be an ajax tab');
|
||||||
|
}
|
||||||
test('#5069 - ui.tabs.add creates two tab panels when using a full URL', function() {
|
});
|
||||||
// http://dev.jqueryui.com/ticket/5069
|
|
||||||
expect(2);
|
|
||||||
|
|
||||||
el = $('#tabs2').tabs();
|
|
||||||
equals(el.children('div').length, el.find('> ul > li').length, 'After creation, number of panels should be equal to number of tabs');
|
|
||||||
el.tabs('add', '/ajax_html_echo', 'Test');
|
|
||||||
equals(el.children('div').length, el.find('> ul > li').length, 'After add, number of panels should be equal to number of tabs');
|
|
||||||
|
|
||||||
|
equals($('a', el).attr('aria-controls'), '#tab', 'aria-contorls attribute is correct');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('#5893 - Sublist in the tab list are considered as tab', function() {
|
test('#5893 - Sublist in the tab list are considered as tab', function() {
|
||||||
@ -75,23 +72,10 @@ test('#5893 - Sublist in the tab list are considered as tab', function() {
|
|||||||
expect(1);
|
expect(1);
|
||||||
|
|
||||||
el = $('#tabs6').tabs();
|
el = $('#tabs6').tabs();
|
||||||
equals(el.tabs( "length" ), 2, 'should contain 2 tab');
|
equals(el.data("tabs").anchors.length, 2, 'should contain 2 tab');
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
asyncTest( "#4581 - title attribute for remote tabs does not support foreign languages", function() {
|
|
||||||
expect( 1 );
|
|
||||||
|
|
||||||
$( "#tabs2" ).tabs({
|
|
||||||
selected: 3,
|
|
||||||
load: function( event, ui ) {
|
|
||||||
equal( ui.panel.id, "∫ßáö_Սե", "proper title" );
|
|
||||||
start();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
test('#6710 - selectors are global', function() {
|
test('#6710 - selectors are global', function() {
|
||||||
// http://bugs.jqueryui.com/ticket/6710
|
// http://bugs.jqueryui.com/ticket/6710
|
||||||
expect(1);
|
expect(1);
|
||||||
@ -108,7 +92,7 @@ test('#6710 - selectors are global', function() {
|
|||||||
</div>\
|
</div>\
|
||||||
</div>');
|
</div>');
|
||||||
container.find('#tabs_6710').tabs();
|
container.find('#tabs_6710').tabs();
|
||||||
ok( container.find('#tabs-2_6710').hasClass('ui-tabs-hide'), 'should find panels and add corresponding classes' );
|
ok( container.find('#tabs-2_6710').is(':hidden'), 'should find panels and add corresponding classes' );
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
7
themes/base/jquery.ui.tabs.css
vendored
7
themes/base/jquery.ui.tabs.css
vendored
@ -11,8 +11,7 @@
|
|||||||
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
|
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
|
||||||
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
|
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
|
||||||
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
|
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
|
||||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
|
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 1px; }
|
||||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
|
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
|
||||||
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
||||||
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
|
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
|
||||||
.ui-tabs .ui-tabs-hide { display: none !important; }
|
|
||||||
|
1229
ui/jquery.ui.tabs.js
vendored
1229
ui/jquery.ui.tabs.js
vendored
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user