137 lines
3.1 KiB
JavaScript
137 lines
3.1 KiB
JavaScript
|
describe('easytabs', function() {
|
||
|
|
|
||
|
|
describe('normal tabs', function() {
|
||
|
|
|
||
|
|
var fixture;
|
||
|
|
|
||
|
|
beforeEach(function () {
|
||
|
|
loadFixtures('tabs.html');
|
||
|
|
fixture = $('#tab-container');
|
||
|
|
fixture.easytabs();
|
||
|
|
});
|
||
|
|
|
||
|
|
afterEach(function () {
|
||
|
|
$("#tab-container").remove();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('is easytabs container', function () {
|
||
|
|
expect(fixture).toBeEasyTabs();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('has tabs', function() {
|
||
|
|
expect(fixture).toHaveTabs('[href="#tabs1-html"]');
|
||
|
|
expect(fixture).toHaveTabs('[href="#tabs1-html"]');
|
||
|
|
expect(fixture).toHaveTabs('[href="#tabs1-js"]');
|
||
|
|
expect(fixture).toHaveTabs('[href="#tabs1-css"]');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('has panels', function() {
|
||
|
|
expect(fixture).toHavePanels('#tabs1-html');
|
||
|
|
expect(fixture).toHavePanels('#tabs1-js');
|
||
|
|
expect(fixture).toHavePanels('#tabs1-css');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('makes first tab active by default', function() {
|
||
|
|
expect( $('[href="#tabs1-html"]').first() ).toHaveClass('active');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('makes all but default panel hidden', function() {
|
||
|
|
var panel = $('#tabs1-html');
|
||
|
|
expect(panel).toHaveClass('active');
|
||
|
|
expect(panel).toBe(':visible');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('hides all but active panel', function() {
|
||
|
|
var activePanel = $('#tabs1-html'),
|
||
|
|
otherPanels = fixture.data('easytabs').panels.not(activePanel);
|
||
|
|
|
||
|
|
otherPanels.each(function() {
|
||
|
|
expect( $(this) ).not.toBe(':visible');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('updates url hash', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('selects tab when url hash is updated', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('makes tab from url hash active instead of default tab', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('selects default tab when hash updated to blank (i.e. back button hit to initial page load state', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('disconnected tabs and panels', function() {
|
||
|
|
xit('loads tabs', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('loads disconnected panels', function() {
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('using non-div panels', function() {
|
||
|
|
xit('loads form sections into panels', function() {
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('animating tab change', function() {
|
||
|
|
|
||
|
|
describe('transitions', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('events', function() {
|
||
|
|
xit('fires easytabs:before event', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('fires easytabs:midTransition event', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('fires easytabs:after event', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('cancels easytabs:before event', function() {
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('uiTabs', function() {
|
||
|
|
xit('gives tabs proper classes', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('gives panels proper classes', function() {
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('cycling tabs', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('public methods', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('collapsible', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('ajax tabs', function() {
|
||
|
|
|
||
|
|
describe('events', function() {
|
||
|
|
xit('fires easytabs:ajax:beforeSend event', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('fires easytabs:ajax:complete event', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
xit('cancels easytabs:ajax:beforeSend event', function() {
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('caching panels', function() {
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|