+++ /dev/null
-(function( $ ) {
-
-var state = TestHelpers.tabs.state;
-
-module( "tabs: events" );
-
-test( "create", function() {
- expect( 10 );
-
- var element = $( "#tabs1" ),
- tabs = element.find( "ul li" ),
- panels = element.children( "div" );
-
- element.tabs({
- create: function( event, ui ) {
- equal( ui.tab.length, 1, "tab length" );
- strictEqual( ui.tab[ 0 ], tabs[ 0 ], "tab" );
- equal( ui.panel.length, 1, "panel length" );
- strictEqual( ui.panel[ 0 ], panels[ 0 ], "panel" );
- }
- });
- element.tabs( "destroy" );
-
- element.tabs({
- active: 2,
- create: function( event, ui ) {
- equal( ui.tab.length, 1, "tab length" );
- strictEqual( ui.tab[ 0 ], tabs[ 2 ], "tab" );
- equal( ui.panel.length, 1, "panel length" );
- strictEqual( ui.panel[ 0 ], panels[ 2 ], "panel" );
- }
- });
- element.tabs( "destroy" );
-
- element.tabs({
- active: false,
- collapsible: true,
- create: function( event, ui ) {
- equal( ui.tab.length, 0, "tab length" );
- equal( ui.panel.length, 0, "panel length" );
- }
- });
- element.tabs( "destroy" );
-});
-
-test( "beforeActivate", function() {
- expect( 38 );
-
- var element = $( "#tabs1" ).tabs({
- active: false,
- collapsible: true
- }),
- tabs = element.find( ".ui-tabs-nav li" ),
- anchors = tabs.find( ".ui-tabs-anchor" ),
- panels = element.find( ".ui-tabs-panel" );
-
- // from collapsed
- element.one( "tabsbeforeactivate", function( event, ui ) {
- ok( !( "originalEvent" in event ), "originalEvent" );
- equal( ui.oldTab.length, 0, "oldTab length" );
- equal( ui.oldPanel.length, 0, "oldPanel length" );
- equal( ui.newTab.length, 1, "newTab length" );
- strictEqual( ui.newTab[ 0 ], tabs[ 0 ], "newTab" );
- equal( ui.newPanel.length, 1, "newPanel length" );
- strictEqual( ui.newPanel[ 0 ], panels[ 0 ], "newPanel" );
- state( element, 0, 0, 0 );
- });
- element.tabs( "option", "active", 0 );
- state( element, 1, 0, 0 );
-
- // switching tabs
- element.one( "tabsbeforeactivate", function( event, ui ) {
- equal( event.originalEvent.type, "click", "originalEvent" );
- equal( ui.oldTab.length, 1, "oldTab length" );
- strictEqual( ui.oldTab[ 0 ], tabs[ 0 ], "oldTab" );
- equal( ui.oldPanel.length, 1, "oldPanel length" );
- strictEqual( ui.oldPanel[ 0 ], panels[ 0 ], "oldPanel" );
- equal( ui.newTab.length, 1, "newTab length" );
- strictEqual( ui.newTab[ 0 ], tabs[ 1 ], "newTab" );
- equal( ui.newPanel.length, 1, "newPanel length" );
- strictEqual( ui.newPanel[ 0 ], panels[ 1 ], "newPanel" );
- state( element, 1, 0, 0 );
- });
- anchors.eq( 1 ).click();
- state( element, 0, 1, 0 );
-
- // collapsing
- element.one( "tabsbeforeactivate", function( event, ui ) {
- ok( !( "originalEvent" in event ), "originalEvent" );
- equal( ui.oldTab.length, 1, "oldTab length" );
- strictEqual( ui.oldTab[ 0 ], tabs[ 1 ], "oldTab" );
- equal( ui.oldPanel.length, 1, "oldPanel length" );
- strictEqual( ui.oldPanel[ 0 ], panels[ 1 ], "oldPanel" );
- equal( ui.newTab.length, 0, "newTab length" );
- equal( ui.newPanel.length, 0, "newPanel length" );
- state( element, 0, 1, 0 );
- });
- element.tabs( "option", "active", false );
- state( element, 0, 0, 0 );
-
- // prevent activation
- element.one( "tabsbeforeactivate", function( event, ui ) {
- ok( !( "originalEvent" in event ), "originalEvent" );
- equal( ui.oldTab.length, 0, "oldTab length" );
- equal( ui.oldPanel.length, 0, "oldTab" );
- equal( ui.newTab.length, 1, "newTab length" );
- strictEqual( ui.newTab[ 0 ], tabs[ 1 ], "newTab" );
- equal( ui.newPanel.length, 1, "newPanel length" );
- strictEqual( ui.newPanel[ 0 ], panels[ 1 ], "newPanel" );
- event.preventDefault();
- state( element, 0, 0, 0 );
- });
- element.tabs( "option", "active", 1 );
- state( element, 0, 0, 0 );
-});
-
-test( "activate", function() {
- expect( 30 );
-
- var element = $( "#tabs1" ).tabs({
- active: false,
- collapsible: true
- }),
- tabs = element.find( ".ui-tabs-nav li" ),
- anchors = element.find( ".ui-tabs-anchor" ),
- panels = element.find( ".ui-tabs-panel" );
-
- // from collapsed
- element.one( "tabsactivate", function( event, ui ) {
- ok( !( "originalEvent" in event ), "originalEvent" );
- equal( ui.oldTab.length, 0, "oldTab length" );
- equal( ui.oldPanel.length, 0, "oldPanel length" );
- equal( ui.newTab.length, 1, "newTab length" );
- strictEqual( ui.newTab[ 0 ], tabs[ 0 ], "newTab" );
- equal( ui.newPanel.length, 1, "newPanel length" );
- strictEqual( ui.newPanel[ 0 ], panels[ 0 ], "newPanel" );
- state( element, 1, 0, 0 );
- });
- element.tabs( "option", "active", 0 );
- state( element, 1, 0, 0 );
-
- // switching tabs
- element.one( "tabsactivate", function( event, ui ) {
- equal( event.originalEvent.type, "click", "originalEvent" );
- equal( ui.oldTab.length, 1, "oldTab length" );
- strictEqual( ui.oldTab[ 0 ], tabs[ 0 ], "oldTab" );
- equal( ui.oldPanel.length, 1, "oldPanel length" );
- strictEqual( ui.oldPanel[ 0 ], panels[ 0 ], "oldPanel" );
- equal( ui.newTab.length, 1, "newTab length" );
- strictEqual( ui.newTab[ 0 ], tabs[ 1 ], "newTab" );
- equal( ui.newPanel.length, 1, "newPanel length" );
- strictEqual( ui.newPanel[ 0 ], panels[ 1 ], "newPanel" );
- state( element, 0, 1, 0 );
- });
- anchors.eq( 1 ).click();
- state( element, 0, 1, 0 );
-
- // collapsing
- element.one( "tabsactivate", function( event, ui ) {
- ok( !( "originalEvent" in event ), "originalEvent" );
- equal( ui.oldTab.length, 1, "oldTab length" );
- strictEqual( ui.oldTab[ 0 ], tabs[ 1 ], "oldTab" );
- equal( ui.oldPanel.length, 1, "oldPanel length" );
- strictEqual( ui.oldPanel[ 0 ], panels[ 1 ], "oldPanel" );
- equal( ui.newTab.length, 0, "newTab length" );
- equal( ui.newPanel.length, 0, "newPanel length" );
- state( element, 0, 0, 0 );
- });
- element.tabs( "option", "active", false );
- state( element, 0, 0, 0 );
-
- // prevent activation
- element.one( "tabsbeforeactivate", function( event ) {
- ok( true, "tabsbeforeactivate" );
- event.preventDefault();
- });
- element.one( "tabsactivate", function() {
- ok( false, "tabsactivate" );
- });
- element.tabs( "option", "active", 1 );
-});
-
-test( "beforeLoad", function() {
- expect( 32 );
-
- var tab, panelId, panel,
- element = $( "#tabs2" );
-
- // init
- element.one( "tabsbeforeload", function( event, ui ) {
- tab = element.find( ".ui-tabs-nav li" ).eq( 2 );
- panelId = tab.attr( "aria-controls" );
- panel = $( "#" + panelId );
-
- ok( !( "originalEvent" in event ), "originalEvent" );
- ok( "abort" in ui.jqXHR, "jqXHR" );
- ok( ui.ajaxSettings.url, "data/test.html", "ajaxSettings.url" );
- equal( ui.tab.length, 1, "tab length" );
- strictEqual( ui.tab[ 0 ], tab[ 0 ], "tab" );
- equal( ui.panel.length, 1, "panel length" );
- strictEqual( ui.panel[ 0 ], panel[ 0 ], "panel" );
- equal( ui.panel.html(), "", "panel html" );
- event.preventDefault();
- state( element, 0, 0, 1, 0, 0 );
- });
- element.tabs({ active: 2 });
- state( element, 0, 0, 1, 0, 0 );
- equal( panel.html(), "", "panel html after" );
- element.tabs( "destroy" );
-
- // .option()
- element.one( "tabsbeforeload", function( event, ui ) {
- tab = element.find( ".ui-tabs-nav li" ).eq( 2 );
- panelId = tab.attr( "aria-controls" );
- panel = $( "#" + panelId );
-
- ok( !( "originalEvent" in event ), "originalEvent" );
- ok( "abort" in ui.jqXHR, "jqXHR" );
- ok( ui.ajaxSettings.url, "data/test.html", "ajaxSettings.url" );
- equal( ui.tab.length, 1, "tab length" );
- strictEqual( ui.tab[ 0 ], tab[ 0 ], "tab" );
- equal( ui.panel.length, 1, "panel length" );
- strictEqual( ui.panel[ 0 ], panel[ 0 ], "panel" );
- equal( ui.panel.html(), "", "panel html" );
- event.preventDefault();
- state( element, 1, 0, 0, 0, 0 );
- });
- element.tabs();
- element.tabs( "option", "active", 2 );
- state( element, 0, 0, 1, 0, 0 );
- equal( panel.html(), "", "panel html after" );
-
- // click, change panel content
- element.one( "tabsbeforeload", function( event, ui ) {
- tab = element.find( ".ui-tabs-nav li" ).eq( 3 );
- panelId = tab.attr( "aria-controls" );
- panel = $( "#" + panelId );
-
- equal( event.originalEvent.type, "click", "originalEvent" );
- ok( "abort" in ui.jqXHR, "jqXHR" );
- ok( ui.ajaxSettings.url, "data/test.html", "ajaxSettings.url" );
- equal( ui.tab.length, 1, "tab length" );
- strictEqual( ui.tab[ 0 ], tab[ 0 ], "tab" );
- equal( ui.panel.length, 1, "panel length" );
- strictEqual( ui.panel[ 0 ], panel[ 0 ], "panel" );
- ui.panel.html( "<p>testing</p>" );
- event.preventDefault();
- state( element, 0, 0, 1, 0, 0 );
- });
- element.find( ".ui-tabs-nav .ui-tabs-anchor" ).eq( 3 ).click();
- state( element, 0, 0, 0, 1, 0 );
- // .toLowerCase() is needed to convert <P> to <p> in old IEs
- equal( panel.html().toLowerCase(), "<p>testing</p>", "panel html after" );
-});
-
-asyncTest( "load", function() {
- expect( 21 );
-
- var tab, panelId, panel,
- element = $( "#tabs2" );
-
- // init
- element.one( "tabsload", function( event, ui ) {
- tab = element.find( ".ui-tabs-nav li" ).eq( 2 );
- panelId = tab.attr( "aria-controls" );
- panel = $( "#" + panelId );
-
- ok( !( "originalEvent" in event ), "originalEvent" );
- equal( ui.tab.length, 1, "tab length" );
- strictEqual( ui.tab[ 0 ], tab[ 0 ], "tab" );
- equal( ui.panel.length, 1, "panel length" );
- strictEqual( ui.panel[ 0 ], panel[ 0 ], "panel" );
- equal( ui.panel.find( "p" ).length, 1, "panel html" );
- state( element, 0, 0, 1, 0, 0 );
- tabsload1();
- });
- element.tabs({ active: 2 });
-
- function tabsload1() {
- // .option()
- element.one( "tabsload", function( event, ui ) {
- tab = element.find( ".ui-tabs-nav li" ).eq( 3 );
- panelId = tab.attr( "aria-controls" );
- panel = $( "#" + panelId );
-
- ok( !( "originalEvent" in event ), "originalEvent" );
- equal( ui.tab.length, 1, "tab length" );
- strictEqual( ui.tab[ 0 ], tab[ 0 ], "tab" );
- equal( ui.panel.length, 1, "panel length" );
- strictEqual( ui.panel[ 0 ], panel[ 0 ], "panel" );
- equal( ui.panel.find( "p" ).length, 1, "panel html" );
- state( element, 0, 0, 0, 1, 0 );
- tabsload2();
- });
- element.tabs( "option", "active", 3 );
- }
-
- function tabsload2() {
- // click, change panel content
- element.one( "tabsload", function( event, ui ) {
- tab = element.find( ".ui-tabs-nav li" ).eq( 4 );
- panelId = tab.attr( "aria-controls" );
- panel = $( "#" + panelId );
-
- equal( event.originalEvent.type, "click", "originalEvent" );
- equal( ui.tab.length, 1, "tab length" );
- strictEqual( ui.tab[ 0 ], tab[ 0 ], "tab" );
- equal( ui.panel.length, 1, "panel length" );
- strictEqual( ui.panel[ 0 ], panel[ 0 ], "panel" );
- equal( ui.panel.find( "p" ).length, 1, "panel html" );
- state( element, 0, 0, 0, 0, 1 );
- start();
- });
- element.find( ".ui-tabs-nav .ui-tabs-anchor" ).eq( 4 ).click();
- }
-});
-
-}( jQuery ) );
git://git.onelab.eu / unfold.git / blobdiff