diff options
Diffstat (limited to 'apps/it/static/js/ui/tests/unit/tabs/tabs_events.js')
-rw-r--r-- | apps/it/static/js/ui/tests/unit/tabs/tabs_events.js | 318 |
1 files changed, 0 insertions, 318 deletions
diff --git a/apps/it/static/js/ui/tests/unit/tabs/tabs_events.js b/apps/it/static/js/ui/tests/unit/tabs/tabs_events.js deleted file mode 100644 index f9b1755..0000000 --- a/apps/it/static/js/ui/tests/unit/tabs/tabs_events.js +++ /dev/null @@ -1,318 +0,0 @@ -(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 ) ); |