mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-12-07 06:14:24 +00:00
116 lines
3.2 KiB
JavaScript
116 lines
3.2 KiB
JavaScript
/*
|
||
* tabs_tickets.js
|
||
*/
|
||
(function($) {
|
||
|
||
module("tabs: tickets");
|
||
|
||
test('#2715 - id containing colon', function() {
|
||
// http://dev.jqueryui.com/ticket/2715
|
||
expect(4);
|
||
|
||
el = $('#tabs2').tabs();
|
||
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' );
|
||
|
||
el.tabs('select', 1).tabs('select', 0);
|
||
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' );
|
||
|
||
});
|
||
|
||
test('#???? - panel containing inline style', function() {
|
||
expect(3);
|
||
|
||
var inlineStyle = function(property) {
|
||
return $('#inline-style')[0].style[property];
|
||
};
|
||
var expected = inlineStyle('height');
|
||
|
||
el = $('#tabs2').tabs();
|
||
equals(inlineStyle('height'), expected, 'init should not remove inline style');
|
||
|
||
el.tabs('select', 1);
|
||
equals(inlineStyle('height'), expected, 'show tab should not remove inline style');
|
||
|
||
el.tabs('select', 0);
|
||
equals(inlineStyle('height'), expected, 'hide tab should not remove inline style');
|
||
|
||
});
|
||
|
||
test('#3627 - Ajax tab with url containing a fragment identifier fails to load', function() {
|
||
// http://dev.jqueryui.com/ticket/3627
|
||
expect(1);
|
||
|
||
el = $('#tabs2').tabs();
|
||
|
||
ok(/test.html$/.test( $('a:eq(2)', el).data('load.tabs') ), 'should ignore fragment identifier');
|
||
|
||
});
|
||
|
||
test('#4033 - IE expands hash to full url and misinterprets tab as ajax', function() {
|
||
// http://dev.jqueryui.com/ticket/4033
|
||
expect(1);
|
||
|
||
el = $('<div><ul><li><a href="#tab">Tab</a></li></ul><div id="tab"></div></div>')
|
||
.appendTo('#main').tabs();
|
||
|
||
equals($('a', el).data('load.tabs'), undefined, 'should not create 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');
|
||
|
||
});
|
||
|
||
test('#5893 - Sublist in the tab list are considered as tab', function() {
|
||
// http://dev.jqueryui.com/ticket/5893
|
||
expect(1);
|
||
|
||
el = $('#tabs6').tabs();
|
||
equals(el.tabs( "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() {
|
||
// http://bugs.jqueryui.com/ticket/6710
|
||
expect(1);
|
||
|
||
var container = $('\
|
||
<div>\
|
||
<div id="tabs_6710">\
|
||
<ul>\
|
||
<li><a href="#tabs-1_6710">Nunc tincidunt</a></li>\
|
||
<li><a href="#tabs-2_6710">Proin dolor</a></li>\
|
||
</ul>\
|
||
<div id="tabs-1_6710"> <p>first</p> </div>\
|
||
<div id="tabs-2_6710"> <p>second</p>\
|
||
</div>\
|
||
</div>');
|
||
container.find('#tabs_6710').tabs();
|
||
ok( container.find('#tabs-2_6710').hasClass('ui-tabs-hide'), 'should find panels and add corresponding classes' );
|
||
});
|
||
|
||
|
||
})(jQuery);
|