Skip to content

Commit

Permalink
Tabs: Pass the list item instead of the anchor in events; move aria-c…
Browse files Browse the repository at this point in the history 
…ontrols from the anchor to the list item.
  • Loading branch information
@scottgonzalez
scottgonzalez committed May 18, 2012
1 parent 098dd14 commit 5c9d9f9
Show file tree
Hide file tree
Showing 9 changed files with 136 additions and 107 deletions.
2 changes: 1 addition & 1 deletion tests/unit/tabs/tabs.html
View file
Expand Up @@ -57,7 +57,7 @@ <h2 id="qunit-userAgent"></h2>
<li><a href="#colon:test"><span>1</span></a></li> <li><a href="#colon:test"><span>1</span></a></li>
<li><a href="#inline-style"><span>2</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#test"><span>3</span></a></li>
<li><a href="data/test.html" aria-controls="custom-id"><span>4</span></a></li> <li aria-controls="custom-id"><a href="data/test.html"><span>4</span></a></li>
<li><a href="data/test.html" title="∫ßáö Սե"><span>5</span></a></li> <li><a href="data/test.html" title="∫ßáö Սե"><span>5</span></a></li>
</ul> </ul>
<div id="colon:test"></div> <div id="colon:test"></div>
Expand Down
13 changes: 7 additions & 6 deletions tests/unit/tabs/tabs_core.js
View file
Expand Up @@ -47,14 +47,15 @@ test( "disconnected from DOM", function() {
test( "aria-controls", function() { test( "aria-controls", function() {
expect( 7 ); expect( 7 );
var element = $( "#tabs1" ).tabs(), var element = $( "#tabs1" ).tabs(),
tabs = element.find( ".ui-tabs-nav a" ); tabs = element.find( ".ui-tabs-nav li" );
tabs.each(function() { tabs.each(function() {
var tab = $( this ); var tab = $( this ),
equal( tab.prop( "hash" ).substring( 1 ), tab.attr( "aria-controls" ) ); anchor = tab.find( ".ui-tabs-anchor" );
equal( anchor.prop( "hash" ).substring( 1 ), tab.attr( "aria-controls" ) );
}); });


element = $( "#tabs2" ).tabs(); element = $( "#tabs2" ).tabs();
tabs = element.find( ".ui-tabs-nav a" ); tabs = element.find( ".ui-tabs-nav li" );
equal( tabs.eq( 0 ).attr( "aria-controls" ), "colon:test" ); equal( tabs.eq( 0 ).attr( "aria-controls" ), "colon:test" );
equal( tabs.eq( 1 ).attr( "aria-controls" ), "inline-style" ); equal( tabs.eq( 1 ).attr( "aria-controls" ), "inline-style" );
ok( /^ui-tabs-\d+$/.test( tabs.eq( 2 ).attr( "aria-controls" ) ), "generated id" ); ok( /^ui-tabs-\d+$/.test( tabs.eq( 2 ).attr( "aria-controls" ) ), "generated id" );
Expand Down Expand Up @@ -86,11 +87,11 @@ test( "#4033 - IE expands hash to full url and misinterprets tab as ajax", funct
element.tabs({ element.tabs({
beforeLoad: function( event, ui ) { beforeLoad: function( event, ui ) {
event.preventDefault(); event.preventDefault();
ok( false, 'should not be an ajax tab'); ok( false, "should not be an ajax tab" );
} }
}); });


equal( element.find( ".ui-tabs-nav a" ).attr( "aria-controls" ), "tab", "aria-contorls attribute is correct" ); equal( element.find( ".ui-tabs-nav li" ).attr( "aria-controls" ), "tab", "aria-contorls attribute is correct" );
state( element, 1 ); state( element, 1 );
}); });


Expand Down
2 changes: 1 addition & 1 deletion tests/unit/tabs/tabs_deprecated.html
View file
Expand Up @@ -56,7 +56,7 @@ <h2 id="qunit-userAgent"></h2>
<li><a href="#colon:test"><span>1</span></a></li> <li><a href="#colon:test"><span>1</span></a></li>
<li><a href="#inline-style"><span>2</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#test"><span>3</span></a></li>
<li><a href="data/test.html" aria-controls="custom-id"><span>4</span></a></li> <li aria-controls="custom-id"><a href="data/test.html"><span>4</span></a></li>
<li><a href="data/test.html" title="∫ßáö Սե"><span>5</span></a></li> <li><a href="data/test.html" title="∫ßáö Սե"><span>5</span></a></li>
</ul> </ul>
<div id="colon:test"></div> <div id="colon:test"></div>
Expand Down
61 changes: 32 additions & 29 deletions tests/unit/tabs/tabs_deprecated.js
View file
Expand Up @@ -107,11 +107,11 @@ test( "tabTemplate + panelTemplate", function() {
}); });
element.tabs( "add", "#new", "New" ); element.tabs( "add", "#new", "New" );
tab = element.find( ".ui-tabs-nav li" ).last(); tab = element.find( ".ui-tabs-nav li" ).last();
anchor = tab.find( "a" ); anchor = tab.find( ".ui-tabs-anchor" );
equal( tab.text(), "New", "label" ); equal( tab.text(), "New", "label" );
ok( tab.hasClass( "customTab" ), "tab custom class" ); ok( tab.hasClass( "customTab" ), "tab custom class" );
equal( anchor.attr( "href" ), "http://example.com/#new", "href" ); equal( anchor.attr( "href" ), "http://example.com/#new", "href" );
equal( anchor.attr( "aria-controls" ), "new", "aria-controls" ); equal( tab.attr( "aria-controls" ), "new", "aria-controls" );
ok( element.find( "#new" ).hasClass( "customPanel" ), "panel custom class" ); ok( element.find( "#new" ).hasClass( "customPanel" ), "panel custom class" );
}); });


Expand Down Expand Up @@ -210,7 +210,7 @@ test( "selected", function() {
equal( element.tabs( "option", "selected" ), 0 ); equal( element.tabs( "option", "selected" ), 0 );
state( element, 1, 0, 0 ); state( element, 1, 0, 0 );


element.find( ".ui-tabs-nav a" ).eq( 1 ).click(); element.find( ".ui-tabs-nav .ui-tabs-anchor" ).eq( 1 ).click();
equal( element.tabs( "option", "selected" ), 1 ); equal( element.tabs( "option", "selected" ), 1 );
state( element, 0, 1, 0 ); state( element, 0, 1, 0 );


Expand All @@ -226,17 +226,18 @@ module( "tabs (deprecated): events" );
asyncTest( "load", function() { asyncTest( "load", function() {
expect( 15 ); expect( 15 );


var tab, panelId, panel, var tab, anchor, panelId, panel,
element = $( "#tabs2" ); element = $( "#tabs2" );


// init // init
element.one( "tabsload", function( event, ui ) { element.one( "tabsload", function( event, ui ) {
tab = element.find( ".ui-tabs-nav a" ).eq( 2 ); tab = element.find( ".ui-tabs-nav li" ).eq( 2 );
anchor = tab.find( ".ui-tabs-anchor" );
panelId = tab.attr( "aria-controls" ); panelId = tab.attr( "aria-controls" );
panel = $( "#" + panelId ); panel = $( "#" + panelId );


ok( !( "originalEvent" in event ), "originalEvent" ); ok( !( "originalEvent" in event ), "originalEvent" );
strictEqual( ui.tab, tab[ 0 ], "tab" ); strictEqual( ui.tab, anchor[ 0 ], "tab" );
strictEqual( ui.panel, panel[ 0 ], "panel" ); strictEqual( ui.panel, panel[ 0 ], "panel" );
equal( $( ui.panel ).find( "p" ).length, 1, "panel html" ); equal( $( ui.panel ).find( "p" ).length, 1, "panel html" );
state( element, 0, 0, 1, 0, 0 ); state( element, 0, 0, 1, 0, 0 );
Expand All @@ -247,12 +248,13 @@ asyncTest( "load", function() {
function tabsload1() { function tabsload1() {
// .option() // .option()
element.one( "tabsload", function( event, ui ) { element.one( "tabsload", function( event, ui ) {
tab = element.find( ".ui-tabs-nav a" ).eq( 3 ); tab = element.find( ".ui-tabs-nav li" ).eq( 3 );
anchor = tab.find( ".ui-tabs-anchor" );
panelId = tab.attr( "aria-controls" ); panelId = tab.attr( "aria-controls" );
panel = $( "#" + panelId ); panel = $( "#" + panelId );


ok( !( "originalEvent" in event ), "originalEvent" ); ok( !( "originalEvent" in event ), "originalEvent" );
strictEqual( ui.tab, tab[ 0 ], "tab" ); strictEqual( ui.tab, anchor[ 0 ], "tab" );
strictEqual( ui.panel, panel[ 0 ], "panel" ); strictEqual( ui.panel, panel[ 0 ], "panel" );
equal( $( ui.panel ).find( "p" ).length, 1, "panel html" ); equal( $( ui.panel ).find( "p" ).length, 1, "panel html" );
state( element, 0, 0, 0, 1, 0 ); state( element, 0, 0, 0, 1, 0 );
Expand All @@ -264,18 +266,19 @@ asyncTest( "load", function() {
function tabsload2() { function tabsload2() {
// click, change panel content // click, change panel content
element.one( "tabsload", function( event, ui ) { element.one( "tabsload", function( event, ui ) {
tab = element.find( ".ui-tabs-nav a" ).eq( 4 ); tab = element.find( ".ui-tabs-nav li" ).eq( 4 );
anchor = tab.find( ".ui-tabs-anchor" );
panelId = tab.attr( "aria-controls" ); panelId = tab.attr( "aria-controls" );
panel = $( "#" + panelId ); panel = $( "#" + panelId );


equal( event.originalEvent.type, "click", "originalEvent" ); equal( event.originalEvent.type, "click", "originalEvent" );
strictEqual( ui.tab, tab[ 0 ], "tab" ); strictEqual( ui.tab, anchor[ 0 ], "tab" );
strictEqual( ui.panel, panel[ 0 ], "panel" ); strictEqual( ui.panel, panel[ 0 ], "panel" );
equal( $( ui.panel ).find( "p" ).length, 1, "panel html" ); equal( $( ui.panel ).find( "p" ).length, 1, "panel html" );
state( element, 0, 0, 0, 0, 1 ); state( element, 0, 0, 0, 0, 1 );
start(); start();
}); });
element.find( ".ui-tabs-nav a" ).eq( 4 ).click(); element.find( ".ui-tabs-nav .ui-tabs-anchor" ).eq( 4 ).click();
} }
}); });


Expand All @@ -285,7 +288,7 @@ test( "enable", function() {
var element = $( "#tabs1" ).tabs({ var element = $( "#tabs1" ).tabs({
disabled: [ 0, 1 ], disabled: [ 0, 1 ],
enable: function( event, ui ) { enable: function( event, ui ) {
equal( ui.tab, element.find( ".ui-tabs-nav a" )[ 1 ], "ui.tab" ); equal( ui.tab, element.find( ".ui-tabs-nav .ui-tabs-anchor" )[ 1 ], "ui.tab" );
equal( ui.panel, element.find( ".ui-tabs-panel" )[ 1 ], "ui.panel" ); equal( ui.panel, element.find( ".ui-tabs-panel" )[ 1 ], "ui.panel" );
equal( ui.index, 1, "ui.index" ); equal( ui.index, 1, "ui.index" );
} }
Expand All @@ -300,7 +303,7 @@ test( "disable", function() {


var element = $( "#tabs1" ).tabs({ var element = $( "#tabs1" ).tabs({
disable: function( event, ui ) { disable: function( event, ui ) {
equal( ui.tab, element.find( ".ui-tabs-nav a" )[ 1 ], "ui.tab" ); equal( ui.tab, element.find( ".ui-tabs-nav .ui-tabs-anchor" )[ 1 ], "ui.tab" );
equal( ui.panel, element.find( ".ui-tabs-panel" )[ 1 ], "ui.panel" ); equal( ui.panel, element.find( ".ui-tabs-panel" )[ 1 ], "ui.panel" );
equal( ui.index, 1, "ui.index" ); equal( ui.index, 1, "ui.index" );
} }
Expand All @@ -318,13 +321,13 @@ test( "show", function() {
active: false, active: false,
collapsible: true collapsible: true
}), }),
tabs = element.find( ".ui-tabs-nav a" ), anchors = element.find( ".ui-tabs-nav .ui-tabs-anchor" ),
panels = element.find( ".ui-tabs-panel" ); panels = element.find( ".ui-tabs-panel" );


// from collapsed // from collapsed
element.one( "tabsshow", function( event, ui ) { element.one( "tabsshow", function( event, ui ) {
ok( !( "originalEvent" in event ), "originalEvent" ); ok( !( "originalEvent" in event ), "originalEvent" );
strictEqual( ui.tab, tabs[ 0 ], "ui.tab" ); strictEqual( ui.tab, anchors[ 0 ], "ui.tab" );
strictEqual( ui.panel, panels[ 0 ], "ui.panel" ); strictEqual( ui.panel, panels[ 0 ], "ui.panel" );
equal( ui.index, 0, "ui.index" ); equal( ui.index, 0, "ui.index" );
state( element, 1, 0, 0 ); state( element, 1, 0, 0 );
Expand All @@ -335,12 +338,12 @@ test( "show", function() {
// switching tabs // switching tabs
element.one( "tabsshow", function( event, ui ) { element.one( "tabsshow", function( event, ui ) {
equal( event.originalEvent.type, "click", "originalEvent" ); equal( event.originalEvent.type, "click", "originalEvent" );
strictEqual( ui.tab, tabs[ 1 ], "ui.tab" ); strictEqual( ui.tab, anchors[ 1 ], "ui.tab" );
strictEqual( ui.panel, panels[ 1 ], "ui.panel" ); strictEqual( ui.panel, panels[ 1 ], "ui.panel" );
equal( ui.index, 1, "ui.index" ); equal( ui.index, 1, "ui.index" );
state( element, 0, 1, 0 ); state( element, 0, 1, 0 );
}); });
tabs.eq( 1 ).click(); anchors.eq( 1 ).click();
state( element, 0, 1, 0 ); state( element, 0, 1, 0 );


// collapsing // collapsing
Expand All @@ -358,13 +361,13 @@ test( "select", function() {
active: false, active: false,
collapsible: true collapsible: true
}), }),
tabs = element.find( ".ui-tabs-nav a" ), anchors = element.find( ".ui-tabs-nav .ui-tabs-anchor" ),
panels = element.find( ".ui-tabs-panel" ); panels = element.find( ".ui-tabs-panel" );


// from collapsed // from collapsed
element.one( "tabsselect", function( event, ui ) { element.one( "tabsselect", function( event, ui ) {
ok( !( "originalEvent" in event ), "originalEvent" ); ok( !( "originalEvent" in event ), "originalEvent" );
strictEqual( ui.tab, tabs[ 0 ], "ui.tab" ); strictEqual( ui.tab, anchors[ 0 ], "ui.tab" );
strictEqual( ui.panel, panels[ 0 ], "ui.panel" ); strictEqual( ui.panel, panels[ 0 ], "ui.panel" );
equal( ui.index, 0, "ui.index" ); equal( ui.index, 0, "ui.index" );
state( element, 0, 0, 0 ); state( element, 0, 0, 0 );
Expand All @@ -375,12 +378,12 @@ test( "select", function() {
// switching tabs // switching tabs
element.one( "tabsselect", function( event, ui ) { element.one( "tabsselect", function( event, ui ) {
equal( event.originalEvent.type, "click", "originalEvent" ); equal( event.originalEvent.type, "click", "originalEvent" );
strictEqual( ui.tab, tabs[ 1 ], "ui.tab" ); strictEqual( ui.tab, anchors[ 1 ], "ui.tab" );
strictEqual( ui.panel, panels[ 1 ], "ui.panel" ); strictEqual( ui.panel, panels[ 1 ], "ui.panel" );
equal( ui.index, 1, "ui.index" ); equal( ui.index, 1, "ui.index" );
state( element, 1, 0, 0 ); state( element, 1, 0, 0 );
}); });
tabs.eq( 1 ).click(); anchors.eq( 1 ).click();
state( element, 0, 1, 0 ); state( element, 0, 1, 0 );


// collapsing // collapsing
Expand Down Expand Up @@ -414,11 +417,11 @@ test( "add", function() {
element.tabs( "add", "#new", "New" ); element.tabs( "add", "#new", "New" );
state( element, 1, 0, 0, 0 ); state( element, 1, 0, 0, 0 );
tab = element.find( ".ui-tabs-nav li" ).last(); tab = element.find( ".ui-tabs-nav li" ).last();
anchor = tab.find( "a" ); anchor = tab.find( ".ui-tabs-anchor" );
equal( tab.text(), "New", "label" ); equal( tab.text(), "New", "label" );
equal( stripLeadingSlash( anchor[0].pathname ), stripLeadingSlash( location.pathname ), "href pathname" ); equal( stripLeadingSlash( anchor[0].pathname ), stripLeadingSlash( location.pathname ), "href pathname" );
equal( anchor[0].hash, "#new", "href hash" ); equal( anchor[0].hash, "#new", "href hash" );
equal( anchor.attr( "aria-controls" ), "new", "aria-controls" ); equal( tab.attr( "aria-controls" ), "new", "aria-controls" );
ok( !tab.hasClass( "ui-state-hover" ), "not hovered" ); ok( !tab.hasClass( "ui-state-hover" ), "not hovered" );
anchor.simulate( "mouseover" ); anchor.simulate( "mouseover" );
ok( tab.hasClass( "ui-state-hover" ), "hovered" ); ok( tab.hasClass( "ui-state-hover" ), "hovered" );
Expand All @@ -429,17 +432,17 @@ test( "add", function() {
element.one( "tabsadd", function( event, ui ) { element.one( "tabsadd", function( event, ui ) {
equal( ui.index, 1, "ui.index" ); equal( ui.index, 1, "ui.index" );
equal( $( ui.tab ).text(), "New Remote", "ui.tab" ); equal( $( ui.tab ).text(), "New Remote", "ui.tab" );
equal( ui.panel.id, $( ui.tab ).attr( "aria-controls" ), "ui.panel" ); equal( ui.panel.id, $( ui.tab ).closest( "li" ).attr( "aria-controls" ), "ui.panel" );
}); });
element.tabs( "add", "data/test.html", "New Remote", 1 ); element.tabs( "add", "data/test.html", "New Remote", 1 );
state( element, 0, 0, 0, 0, 1 ); state( element, 0, 0, 0, 0, 1 );
tab = element.find( ".ui-tabs-nav li" ).eq( 1 ); tab = element.find( ".ui-tabs-nav li" ).eq( 1 );
anchor = tab.find( "a" ); anchor = tab.find( ".ui-tabs-anchor" );
equal( tab.text(), "New Remote", "label" ); equal( tab.text(), "New Remote", "label" );
equal( stripLeadingSlash( stripLeadingSlash( equal( stripLeadingSlash( stripLeadingSlash(
anchor[0].pathname.replace( stripLeadingSlash( location.pathname ).split( "/" ).slice( 0, -1 ).join( "/" ), "" ) anchor[0].pathname.replace( stripLeadingSlash( location.pathname ).split( "/" ).slice( 0, -1 ).join( "/" ), "" )
) ), "data/test.html", "href" ); ) ), "data/test.html", "href" );
ok( /^ui-tabs-\d+$/.test( anchor.attr( "aria-controls" ) ), "aria controls" ); ok( /^ui-tabs-\d+$/.test( tab.attr( "aria-controls" ) ), "aria controls" );
ok( !tab.hasClass( "ui-state-hover" ), "not hovered" ); ok( !tab.hasClass( "ui-state-hover" ), "not hovered" );
anchor.simulate( "mouseover" ); anchor.simulate( "mouseover" );
ok( tab.hasClass( "ui-state-hover" ), "hovered" ); ok( tab.hasClass( "ui-state-hover" ), "hovered" );
Expand Down Expand Up @@ -560,10 +563,10 @@ test( "url", function() {
expect( 2 ); expect( 2 );


var element = $( "#tabs2" ).tabs(), var element = $( "#tabs2" ).tabs(),
tab = element.find( "a" ).eq( 3 ); anchor = element.find( ".ui-tabs-anchor" ).eq( 3 );


element.tabs( "url", 3, "data/test2.html" ); element.tabs( "url", 3, "data/test2.html" );
equal( tab.attr( "href" ), "data/test2.html", "href was updated" ); equal( anchor.attr( "href" ), "data/test2.html", "href was updated" );
element.one( "tabsbeforeload", function( event, ui ) { element.one( "tabsbeforeload", function( event, ui ) {
equal( ui.ajaxSettings.url, "data/test2.html", "ajaxSettings.url" ); equal( ui.ajaxSettings.url, "data/test2.html", "ajaxSettings.url" );
event.preventDefault(); event.preventDefault();
Expand All @@ -582,7 +585,7 @@ asyncTest( "abort", function() {
}); });
}); });
// prevent IE from caching the request, so that it won't resolve before we call abort // prevent IE from caching the request, so that it won't resolve before we call abort
element.find( ".ui-tabs-nav li:eq(2) a" ).attr( "href", function( href ) { element.find( ".ui-tabs-nav li:eq(2) .ui-tabs-anchor" ).attr( "href", function( href ) {
return href + "?" + (+ new Date()); return href + "?" + (+ new Date());
}); });
element.tabs( "option", "active", 2 ); element.tabs( "option", "active", 2 );
Expand Down
28 changes: 15 additions & 13 deletions tests/unit/tabs/tabs_events.js
View file
Expand Up @@ -8,7 +8,7 @@ test( "create", function() {
expect( 10 ); expect( 10 );


var element = $( "#tabs1" ), var element = $( "#tabs1" ),
tabs = element.find( "ul a" ), tabs = element.find( "ul li" ),
panels = element.children( "div" ); panels = element.children( "div" );


element.tabs({ element.tabs({
Expand Down Expand Up @@ -50,7 +50,8 @@ test( "beforeActivate", function() {
active: false, active: false,
collapsible: true collapsible: true
}), }),
tabs = element.find( ".ui-tabs-nav a" ), tabs = element.find( ".ui-tabs-nav li" ),
anchors = tabs.find( ".ui-tabs-anchor" ),
panels = element.find( ".ui-tabs-panel" ); panels = element.find( ".ui-tabs-panel" );


// from collapsed // from collapsed
Expand Down Expand Up @@ -80,7 +81,7 @@ test( "beforeActivate", function() {
strictEqual( ui.newPanel[ 0 ], panels[ 1 ], "newPanel" ); strictEqual( ui.newPanel[ 0 ], panels[ 1 ], "newPanel" );
state( element, 1, 0, 0 ); state( element, 1, 0, 0 );
}); });
tabs.eq( 1 ).click(); anchors.eq( 1 ).click();
state( element, 0, 1, 0 ); state( element, 0, 1, 0 );


// collapsing // collapsing
Expand Down Expand Up @@ -120,7 +121,8 @@ test( "activate", function() {
active: false, active: false,
collapsible: true collapsible: true
}), }),
tabs = element.find( ".ui-tabs-nav a" ), tabs = element.find( ".ui-tabs-nav li" ),
anchors = element.find( ".ui-tabs-anchor" ),
panels = element.find( ".ui-tabs-panel" ); panels = element.find( ".ui-tabs-panel" );


// from collapsed // from collapsed
Expand Down Expand Up @@ -150,7 +152,7 @@ test( "activate", function() {
strictEqual( ui.newPanel[ 0 ], panels[ 1 ], "newPanel" ); strictEqual( ui.newPanel[ 0 ], panels[ 1 ], "newPanel" );
state( element, 0, 1, 0 ); state( element, 0, 1, 0 );
}); });
tabs.eq( 1 ).click(); anchors.eq( 1 ).click();
state( element, 0, 1, 0 ); state( element, 0, 1, 0 );


// collapsing // collapsing
Expand Down Expand Up @@ -186,7 +188,7 @@ test( "beforeLoad", function() {


// init // init
element.one( "tabsbeforeload", function( event, ui ) { element.one( "tabsbeforeload", function( event, ui ) {
tab = element.find( ".ui-tabs-nav a" ).eq( 2 ); tab = element.find( ".ui-tabs-nav li" ).eq( 2 );
panelId = tab.attr( "aria-controls" ); panelId = tab.attr( "aria-controls" );
panel = $( "#" + panelId ); panel = $( "#" + panelId );


Expand All @@ -208,7 +210,7 @@ test( "beforeLoad", function() {


// .option() // .option()
element.one( "tabsbeforeload", function( event, ui ) { element.one( "tabsbeforeload", function( event, ui ) {
tab = element.find( ".ui-tabs-nav a" ).eq( 2 ); tab = element.find( ".ui-tabs-nav li" ).eq( 2 );
panelId = tab.attr( "aria-controls" ); panelId = tab.attr( "aria-controls" );
panel = $( "#" + panelId ); panel = $( "#" + panelId );


Expand All @@ -230,7 +232,7 @@ test( "beforeLoad", function() {


// click, change panel content // click, change panel content
element.one( "tabsbeforeload", function( event, ui ) { element.one( "tabsbeforeload", function( event, ui ) {
tab = element.find( ".ui-tabs-nav a" ).eq( 3 ); tab = element.find( ".ui-tabs-nav li" ).eq( 3 );
panelId = tab.attr( "aria-controls" ); panelId = tab.attr( "aria-controls" );
panel = $( "#" + panelId ); panel = $( "#" + panelId );


Expand All @@ -245,7 +247,7 @@ test( "beforeLoad", function() {
event.preventDefault(); event.preventDefault();
state( element, 0, 0, 1, 0, 0 ); state( element, 0, 0, 1, 0, 0 );
}); });
element.find( ".ui-tabs-nav a" ).eq( 3 ).click(); element.find( ".ui-tabs-nav .ui-tabs-anchor" ).eq( 3 ).click();
state( element, 0, 0, 0, 1, 0 ); state( element, 0, 0, 0, 1, 0 );
// .toLowerCase() is needed to convert <P> to <p> in old IEs // .toLowerCase() is needed to convert <P> to <p> in old IEs
equal( panel.html().toLowerCase(), "<p>testing</p>", "panel html after" ); equal( panel.html().toLowerCase(), "<p>testing</p>", "panel html after" );
Expand All @@ -260,7 +262,7 @@ if ( $.uiBackCompat === false ) {


// init // init
element.one( "tabsload", function( event, ui ) { element.one( "tabsload", function( event, ui ) {
tab = element.find( ".ui-tabs-nav a" ).eq( 2 ); tab = element.find( ".ui-tabs-nav li" ).eq( 2 );
panelId = tab.attr( "aria-controls" ); panelId = tab.attr( "aria-controls" );
panel = $( "#" + panelId ); panel = $( "#" + panelId );


Expand All @@ -278,7 +280,7 @@ if ( $.uiBackCompat === false ) {
function tabsload1() { function tabsload1() {
// .option() // .option()
element.one( "tabsload", function( event, ui ) { element.one( "tabsload", function( event, ui ) {
tab = element.find( ".ui-tabs-nav a" ).eq( 3 ); tab = element.find( ".ui-tabs-nav li" ).eq( 3 );
panelId = tab.attr( "aria-controls" ); panelId = tab.attr( "aria-controls" );
panel = $( "#" + panelId ); panel = $( "#" + panelId );


Expand All @@ -297,7 +299,7 @@ if ( $.uiBackCompat === false ) {
function tabsload2() { function tabsload2() {
// click, change panel content // click, change panel content
element.one( "tabsload", function( event, ui ) { element.one( "tabsload", function( event, ui ) {
tab = element.find( ".ui-tabs-nav a" ).eq( 4 ); tab = element.find( ".ui-tabs-nav li" ).eq( 4 );
panelId = tab.attr( "aria-controls" ); panelId = tab.attr( "aria-controls" );
panel = $( "#" + panelId ); panel = $( "#" + panelId );


Expand All @@ -310,7 +312,7 @@ if ( $.uiBackCompat === false ) {
state( element, 0, 0, 0, 0, 1 ); state( element, 0, 0, 0, 0, 1 );
start(); start();
}); });
element.find( ".ui-tabs-nav a" ).eq( 4 ).click(); element.find( ".ui-tabs-nav .ui-tabs-anchor" ).eq( 4 ).click();
} }
}); });
} }
Expand Down

0 comments on commit 5c9d9f9

Please sign in to comment.