mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
d3fa29fe95
this allows the user to push multiple loading indicators on top of each other without interfering with the page stack, as well as navigation between pages behind the loading indicator. references #5426
1263 lines
44 KiB
TypeScript
1263 lines
44 KiB
TypeScript
import {NavController, Tabs, NavOptions, Config, ViewController} from '../../../../ionic';
|
|
|
|
export function run() {
|
|
describe('NavController', () => {
|
|
|
|
describe('pop', () => {
|
|
|
|
it('should do nothing if its the first view in the stack', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_ACTIVE;
|
|
nav._views = [view1];
|
|
|
|
expect(nav.length()).toBe(1);
|
|
|
|
nav.pop();
|
|
|
|
expect(nav.length()).toBe(1);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_ACTIVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
});
|
|
|
|
});
|
|
|
|
describe('popToRoot', () => {
|
|
|
|
it('should go back to root', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INACTIVE;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_INACTIVE;
|
|
let view4 = new ViewController(Page4);
|
|
view4.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2, view3, view4];
|
|
|
|
nav.popToRoot();
|
|
expect(nav.length()).toBe(2);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page4);
|
|
|
|
expect(view2.state).toBe(STATE_REMOVE);
|
|
expect(view3.state).toBe(STATE_REMOVE);
|
|
});
|
|
|
|
});
|
|
|
|
describe('popTo', () => {
|
|
|
|
it('should go back two views', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INACTIVE;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_INACTIVE;
|
|
let view4 = new ViewController(Page4);
|
|
view4.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2, view3, view4];
|
|
|
|
nav.popTo(view2);
|
|
|
|
expect(nav.length()).toBe(3);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(view3.state).toBe(STATE_REMOVE);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page4);
|
|
});
|
|
|
|
});
|
|
|
|
describe('remove', () => {
|
|
|
|
it('should create opts if passed in arg is undefined or null', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2];
|
|
|
|
nav.remove(1, 1, null);
|
|
});
|
|
|
|
});
|
|
|
|
describe('_remove', () => {
|
|
|
|
it('should reassign activily transitioning leave that isnt getting removed, to become force active', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_TRANS_LEAVE;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_TRANS_ENTER;
|
|
nav._views = [view1, view2, view3];
|
|
|
|
nav._remove(2, 1);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_FORCE_ACTIVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_REMOVE_AFTER_TRANS);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page3);
|
|
});
|
|
|
|
it('should reassign activily transitioning views that should be removed to STATE_REMOVE_AFTER_TRANS', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_TRANS_ENTER;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_TRANS_LEAVE;
|
|
nav._views = [view1, view2, view3];
|
|
|
|
nav._remove(1, 2);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_REMOVE_AFTER_TRANS);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_REMOVE_AFTER_TRANS);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page3);
|
|
});
|
|
|
|
it('should keep same init leave, but set previous init enter to inactive', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INIT_ENTER;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_INIT_LEAVE;
|
|
nav._views = [view1, view2, view3];
|
|
|
|
nav._remove(1, 1);
|
|
expect(nav.length()).toBe(2);
|
|
expect(view1.state).toBe(STATE_INIT_ENTER);
|
|
expect(view2.state).toBe(STATE_REMOVE);
|
|
expect(view3.state).toBe(STATE_INIT_LEAVE);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page3);
|
|
});
|
|
|
|
it('should set to pop the active and enter the previous', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2];
|
|
|
|
nav._remove(1, 1);
|
|
expect(view1.state).toBe(STATE_INIT_ENTER);
|
|
expect(view2.state).toBe(STATE_INIT_LEAVE);
|
|
});
|
|
|
|
it('should set to remove 2 views before active one, active stays the same', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INACTIVE;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_INACTIVE;
|
|
let view4 = new ViewController(Page4);
|
|
view4.state = STATE_INACTIVE;
|
|
let view5 = new ViewController(Page5);
|
|
view5.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2, view3, view4, view5];
|
|
|
|
nav._remove(2, 2);
|
|
expect(nav.length()).toBe(3);
|
|
expect(view1.state).toBe(STATE_INACTIVE);
|
|
expect(view2.state).toBe(STATE_INACTIVE);
|
|
expect(view3.state).toBe(STATE_REMOVE);
|
|
expect(view4.state).toBe(STATE_REMOVE);
|
|
expect(view5.state).toBe(STATE_ACTIVE);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_ACTIVE);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page5);
|
|
});
|
|
|
|
it('should set to remove all views other than the first', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INACTIVE;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_INACTIVE;
|
|
let view4 = new ViewController(Page4);
|
|
view4.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2, view3, view4];
|
|
|
|
nav._remove(1, 9999);
|
|
expect(nav.length()).toBe(2);
|
|
expect(view1.state).toBe(STATE_INIT_ENTER);
|
|
expect(view2.state).toBe(STATE_REMOVE);
|
|
expect(view3.state).toBe(STATE_REMOVE);
|
|
expect(view4.state).toBe(STATE_INIT_LEAVE);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page4);
|
|
});
|
|
|
|
it('should set to remove 3 views and enter the first inactive one, remove includes active one', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INACTIVE;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_INACTIVE;
|
|
let view4 = new ViewController(Page4);
|
|
view4.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2, view3, view4];
|
|
|
|
nav._remove(1, 3);
|
|
expect(nav.length()).toBe(2);
|
|
expect(view1.state).toBe(STATE_INIT_ENTER);
|
|
expect(view2.state).toBe(STATE_REMOVE);
|
|
expect(view3.state).toBe(STATE_REMOVE);
|
|
expect(view4.state).toBe(STATE_INIT_LEAVE);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page4);
|
|
});
|
|
|
|
it('should set to remove the active and enter the previous', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2];
|
|
|
|
nav._remove(1, 1);
|
|
expect(view1.state).toBe(STATE_INIT_ENTER);
|
|
expect(view2.state).toBe(STATE_INIT_LEAVE);
|
|
});
|
|
|
|
it('should set to remove the only view in the stack', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_ACTIVE;
|
|
nav._views = [view1];
|
|
|
|
nav._remove(0, 1);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_LEAVE);
|
|
});
|
|
|
|
it('should call willLeave/didLeave/destroy on views with STATE_REMOVE', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INACTIVE;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_INACTIVE;
|
|
let view4 = new ViewController(Page4);
|
|
view4.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2, view3, view4];
|
|
|
|
spyOn(view1, 'willLeave');
|
|
spyOn(view1, 'didLeave');
|
|
spyOn(view1, 'destroy');
|
|
|
|
spyOn(view2, 'willLeave');
|
|
spyOn(view2, 'didLeave');
|
|
spyOn(view2, 'destroy');
|
|
|
|
spyOn(view3, 'willLeave');
|
|
spyOn(view3, 'didLeave');
|
|
spyOn(view3, 'destroy');
|
|
|
|
spyOn(view4, 'willLeave');
|
|
spyOn(view4, 'didLeave');
|
|
spyOn(view4, 'destroy');
|
|
|
|
nav._remove(1, 3);
|
|
expect(nav.length()).toBe(2);
|
|
expect(view1.state).toBe(STATE_INIT_ENTER);
|
|
expect(view2.state).toBe(STATE_REMOVE);
|
|
expect(view3.state).toBe(STATE_REMOVE);
|
|
expect(view4.state).toBe(STATE_INIT_LEAVE);
|
|
|
|
expect(view1.willLeave).not.toHaveBeenCalled();
|
|
expect(view1.didLeave).not.toHaveBeenCalled();
|
|
expect(view1.destroy).not.toHaveBeenCalled();
|
|
|
|
expect(view2.willLeave).toHaveBeenCalled();
|
|
expect(view2.didLeave).toHaveBeenCalled();
|
|
expect(view2.destroy).toHaveBeenCalled();
|
|
|
|
expect(view3.willLeave).toHaveBeenCalled();
|
|
expect(view3.didLeave).toHaveBeenCalled();
|
|
expect(view3.destroy).toHaveBeenCalled();
|
|
|
|
expect(view4.willLeave).not.toHaveBeenCalled();
|
|
expect(view4.didLeave).not.toHaveBeenCalled();
|
|
expect(view4.destroy).not.toHaveBeenCalled();
|
|
});
|
|
});
|
|
|
|
describe('_cleanup', () => {
|
|
it('should destroy views that are inactive after the active view', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_ACTIVE;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_INACTIVE;
|
|
let view4 = new ViewController(Page4);
|
|
view4.state = STATE_TRANS_ENTER;
|
|
let view5 = new ViewController(Page5);
|
|
view5.state = STATE_INACTIVE;
|
|
nav._views = [view1, view2, view3, view4, view5];
|
|
nav._cleanup();
|
|
|
|
expect(nav.length()).toBe(3);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_ACTIVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_TRANS_ENTER);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page4);
|
|
});
|
|
|
|
it('should not destroy any views since the last is active', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2];
|
|
nav._cleanup();
|
|
expect(nav.length()).toBe(2);
|
|
});
|
|
|
|
it('should call destroy for each view to be destroyed', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_ACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INACTIVE;
|
|
let view3 = new ViewController(Page3);
|
|
view3.state = STATE_INACTIVE;
|
|
nav._views = [view1, view2, view3];
|
|
|
|
spyOn(view1, 'destroy');
|
|
spyOn(view2, 'destroy');
|
|
spyOn(view3, 'destroy');
|
|
|
|
nav._cleanup();
|
|
|
|
expect(nav.length()).toBe(1);
|
|
expect(view1.destroy).not.toHaveBeenCalled();
|
|
expect(view2.destroy).toHaveBeenCalled();
|
|
expect(view3.destroy).toHaveBeenCalled();
|
|
});
|
|
|
|
it('should reset zIndexes if their is a negative zindex', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.setPageRef( getElementRef() );
|
|
view1.state = STATE_INACTIVE;
|
|
view1.zIndex = -1;
|
|
|
|
let view2 = new ViewController(Page2);
|
|
view2.setPageRef( getElementRef() );
|
|
view2.state = STATE_INACTIVE;
|
|
view2.zIndex = 0;
|
|
|
|
let view3 = new ViewController(Page3);
|
|
view3.setPageRef( getElementRef() );
|
|
view3.state = STATE_ACTIVE;
|
|
view3.zIndex = 1;
|
|
|
|
nav._views = [view1, view2, view3];
|
|
nav._cleanup();
|
|
|
|
expect(view1.zIndex).toEqual(100);
|
|
expect(view2.zIndex).toEqual(101);
|
|
expect(view3.zIndex).toEqual(102);
|
|
});
|
|
});
|
|
|
|
describe('_postRender', () => {
|
|
it('should immediately call done when enteringView state is inactive', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
var wasCalled = false;
|
|
var done = () => {
|
|
wasCalled = true;
|
|
};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
|
|
nav._postRender(1, view1, null, false, null, done);
|
|
|
|
expect(wasCalled).toBe(true);
|
|
});
|
|
|
|
it('should call willEnter on entering view', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
let leavingView = new ViewController(Page2);
|
|
var navOptions: NavOptions = {};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
|
|
spyOn(enteringView, 'willEnter');
|
|
|
|
nav._postRender(1, enteringView, leavingView, false, navOptions, done);
|
|
|
|
expect(enteringView.willEnter).toHaveBeenCalled();
|
|
});
|
|
|
|
it('should not call willEnter on entering view when it is being preloaded', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
let leavingView = new ViewController(Page2);
|
|
var navOptions: NavOptions = {
|
|
preload: true
|
|
};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
|
|
spyOn(enteringView, 'willEnter');
|
|
|
|
nav._postRender(1, enteringView, leavingView, false, navOptions, done);
|
|
|
|
expect(enteringView.willEnter).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it('should call willLeave on leaving view', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
let leavingView = new ViewController(Page2);
|
|
var navOptions: NavOptions = {};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
|
|
spyOn(leavingView, 'willLeave');
|
|
|
|
nav._postRender(1, enteringView, leavingView, false, navOptions, done);
|
|
|
|
expect(leavingView.willLeave).toHaveBeenCalled();
|
|
});
|
|
|
|
it('should not call willEnter when the leaving view has fireOtherLifecycles not true', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
let leavingView = new ViewController(Page2);
|
|
var navOptions: NavOptions = {};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
|
|
spyOn(enteringView, 'willEnter');
|
|
spyOn(leavingView, 'willLeave');
|
|
|
|
leavingView.fireOtherLifecycles = false;
|
|
|
|
nav._postRender(1, enteringView, leavingView, false, navOptions, done);
|
|
|
|
expect(enteringView.willEnter).not.toHaveBeenCalled();
|
|
expect(leavingView.willLeave).toHaveBeenCalled();
|
|
});
|
|
|
|
it('should not call willLeave when the entering view has fireOtherLifecycles not true', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
let leavingView = new ViewController(Page2);
|
|
var navOptions: NavOptions = {};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
|
|
spyOn(enteringView, 'willEnter');
|
|
spyOn(leavingView, 'willLeave');
|
|
|
|
enteringView.fireOtherLifecycles = false;
|
|
|
|
nav._postRender(1, enteringView, leavingView, false, navOptions, done);
|
|
|
|
expect(enteringView.willEnter).toHaveBeenCalled();
|
|
expect(leavingView.willLeave).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it('should not call willLeave on leaving view when it is being preloaded', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
let leavingView = new ViewController(Page2);
|
|
var navOptions: NavOptions = {
|
|
preload: true
|
|
};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
|
|
spyOn(leavingView, 'willLeave');
|
|
|
|
nav._postRender(1, enteringView, leavingView, false, navOptions, done);
|
|
|
|
expect(leavingView.willLeave).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it('should set animate false when preloading', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
let leavingView = new ViewController(Page2);
|
|
var navOptions: NavOptions = {
|
|
preload: true
|
|
};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
|
|
nav._postRender(1, enteringView, leavingView, false, navOptions, done);
|
|
|
|
expect(navOptions.animate).toBe(false);
|
|
});
|
|
|
|
it('should set domShow true when isAlreadyTransitioning', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
let leavingView = new ViewController(Page2);
|
|
let isAlreadyTransitioning = true;
|
|
var navOptions: NavOptions = {};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
nav._renderer = null;
|
|
|
|
spyOn(enteringView, 'domShow');
|
|
spyOn(leavingView, 'domShow');
|
|
|
|
nav._postRender(1, enteringView, leavingView, isAlreadyTransitioning, navOptions, done);
|
|
|
|
expect(enteringView.domShow).toHaveBeenCalledWith(true, nav._renderer);
|
|
expect(leavingView.domShow).toHaveBeenCalledWith(true, nav._renderer);
|
|
});
|
|
|
|
it('should set domShow true when isAlreadyTransitioning false for the entering/leaving views', () => {
|
|
let view1 = new ViewController(Page1);
|
|
let view2 = new ViewController(Page2);
|
|
let view3 = new ViewController(Page3);
|
|
let isAlreadyTransitioning = false;
|
|
var navOptions: NavOptions = {};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
nav._renderer = null;
|
|
nav._views = [view1, view2, view3];
|
|
|
|
spyOn(view1, 'domShow');
|
|
spyOn(view2, 'domShow');
|
|
spyOn(view3, 'domShow');
|
|
|
|
nav._postRender(1, view3, view2, isAlreadyTransitioning, navOptions, done);
|
|
|
|
expect(view1.domShow).toHaveBeenCalledWith(false, nav._renderer);
|
|
expect(view2.domShow).toHaveBeenCalledWith(true, nav._renderer);
|
|
expect(view3.domShow).toHaveBeenCalledWith(true, nav._renderer);
|
|
});
|
|
|
|
it('should set domShow true when isAlreadyTransitioning false for views when a view has isOverlay=true', () => {
|
|
let view1 = new ViewController(Page1);
|
|
let view2 = new ViewController(Page2);
|
|
let view3 = new ViewController(Page3);
|
|
let view4 = new ViewController(Page4);
|
|
let isAlreadyTransitioning = false;
|
|
var navOptions: NavOptions = {};
|
|
var done = () => {};
|
|
nav._beforeTrans = () => {}; //prevent running beforeTrans for tests
|
|
nav._renderer = null;
|
|
nav._views = [view1, view2, view3, view4];
|
|
|
|
view3.isOverlay = true;
|
|
|
|
spyOn(view1, 'domShow');
|
|
spyOn(view2, 'domShow');
|
|
spyOn(view3, 'domShow');
|
|
spyOn(view4, 'domShow');
|
|
|
|
nav._postRender(1, view4, view3, isAlreadyTransitioning, navOptions, done);
|
|
|
|
expect(view1.domShow).toHaveBeenCalledWith(false, nav._renderer);
|
|
expect(view2.domShow).toHaveBeenCalledWith(true, nav._renderer);
|
|
expect(view3.domShow).toHaveBeenCalledWith(true, nav._renderer);
|
|
expect(view4.domShow).toHaveBeenCalledWith(true, nav._renderer);
|
|
});
|
|
|
|
});
|
|
|
|
describe('_setZIndex', () => {
|
|
|
|
it('should set zIndex off of the previous view to the entering view is loaded and the leavingView is not loaded', () => {
|
|
let leavingView = new ViewController();
|
|
leavingView.zIndex = 100;
|
|
leavingView._loaded = true;
|
|
let enteringView = new ViewController();
|
|
enteringView.setPageRef({});
|
|
|
|
nav._views = [leavingView, enteringView];
|
|
|
|
nav._setZIndex(enteringView, leavingView, 'forward');
|
|
expect(enteringView.zIndex).toEqual(101);
|
|
});
|
|
|
|
it('should set zIndex 100 when leaving view is not loaded', () => {
|
|
let leavingView = new ViewController();
|
|
leavingView._loaded = false;
|
|
let enteringView = new ViewController();
|
|
enteringView.setPageRef({});
|
|
|
|
nav._views = [leavingView, enteringView];
|
|
|
|
nav._setZIndex(enteringView, leavingView, 'forward');
|
|
expect(enteringView.zIndex).toEqual(100);
|
|
});
|
|
|
|
it('should set zIndex 100 on first entering view', () => {
|
|
let enteringView = new ViewController();
|
|
enteringView.setPageRef({});
|
|
nav._setZIndex(enteringView, null, 'forward');
|
|
expect(enteringView.zIndex).toEqual(100);
|
|
});
|
|
|
|
it('should set zIndex 1 on second entering view', () => {
|
|
let leavingView = new ViewController();
|
|
leavingView.zIndex = 0;
|
|
leavingView._loaded = true;
|
|
let enteringView = new ViewController();
|
|
enteringView.setPageRef({});
|
|
nav._setZIndex(enteringView, leavingView, 'forward');
|
|
expect(enteringView.zIndex).toEqual(1);
|
|
});
|
|
|
|
it('should set zIndex 0 on entering view going back', () => {
|
|
let leavingView = new ViewController();
|
|
leavingView.zIndex = 1;
|
|
leavingView._loaded = true;
|
|
let enteringView = new ViewController();
|
|
enteringView.setPageRef({});
|
|
nav._setZIndex(enteringView, leavingView, 'back');
|
|
expect(enteringView.zIndex).toEqual(0);
|
|
});
|
|
|
|
});
|
|
|
|
describe('_afterTrans', () => {
|
|
|
|
it('should call didEnter/didLeave', () => {
|
|
let enteringView = new ViewController();
|
|
let leavingView = new ViewController();
|
|
let navOpts: NavOptions = {};
|
|
let hasCompleted = true;
|
|
let doneCalled = false;
|
|
let done = () => {doneCalled = true;}
|
|
|
|
spyOn(enteringView, 'didEnter');
|
|
spyOn(leavingView, 'didLeave');
|
|
|
|
nav._afterTrans(enteringView, leavingView, navOpts, hasCompleted, done);
|
|
|
|
expect(enteringView.didEnter).toHaveBeenCalled();
|
|
expect(leavingView.didLeave).toHaveBeenCalled();
|
|
expect(doneCalled).toBe(true);
|
|
});
|
|
|
|
it('should not call didEnter/didLeave when preloaded', () => {
|
|
let enteringView = new ViewController();
|
|
let leavingView = new ViewController();
|
|
let navOpts: NavOptions = {
|
|
preload: true
|
|
};
|
|
let hasCompleted = true;
|
|
let doneCalled = false;
|
|
let done = () => {doneCalled = true;}
|
|
|
|
spyOn(enteringView, 'didEnter');
|
|
spyOn(leavingView, 'didLeave');
|
|
|
|
nav._afterTrans(enteringView, leavingView, navOpts, hasCompleted, done);
|
|
|
|
expect(enteringView.didEnter).not.toHaveBeenCalled();
|
|
expect(leavingView.didLeave).not.toHaveBeenCalled();
|
|
expect(doneCalled).toBe(true);
|
|
});
|
|
|
|
it('should not call didLeave when enteringView set fireOtherLifecycles to false', () => {
|
|
let enteringView = new ViewController();
|
|
let leavingView = new ViewController();
|
|
let navOpts: NavOptions = {};
|
|
let hasCompleted = true;
|
|
let doneCalled = false;
|
|
let done = () => {doneCalled = true;}
|
|
|
|
enteringView.fireOtherLifecycles = false;
|
|
|
|
spyOn(enteringView, 'didEnter');
|
|
spyOn(leavingView, 'didLeave');
|
|
|
|
nav._afterTrans(enteringView, leavingView, navOpts, hasCompleted, done);
|
|
|
|
expect(enteringView.didEnter).toHaveBeenCalled();
|
|
expect(leavingView.didLeave).not.toHaveBeenCalled();
|
|
expect(doneCalled).toBe(true);
|
|
});
|
|
|
|
it('should not call didEnter when leavingView set fireOtherLifecycles to false', () => {
|
|
let enteringView = new ViewController();
|
|
let leavingView = new ViewController();
|
|
let navOpts: NavOptions = {};
|
|
let hasCompleted = true;
|
|
let doneCalled = false;
|
|
let done = () => {doneCalled = true;}
|
|
|
|
leavingView.fireOtherLifecycles = false;
|
|
|
|
spyOn(enteringView, 'didEnter');
|
|
spyOn(leavingView, 'didLeave');
|
|
|
|
nav._afterTrans(enteringView, leavingView, navOpts, hasCompleted, done);
|
|
|
|
expect(enteringView.didEnter).not.toHaveBeenCalled();
|
|
expect(leavingView.didLeave).toHaveBeenCalled();
|
|
expect(doneCalled).toBe(true);
|
|
});
|
|
|
|
it('should not call didEnter/didLeave when not hasCompleted', () => {
|
|
let enteringView = new ViewController();
|
|
let leavingView = new ViewController();
|
|
let navOpts: NavOptions = {};
|
|
let hasCompleted = false;
|
|
let doneCalled = false;
|
|
let done = () => {doneCalled = true;}
|
|
|
|
spyOn(enteringView, 'didEnter');
|
|
spyOn(leavingView, 'didLeave');
|
|
|
|
nav._afterTrans(enteringView, leavingView, navOpts, hasCompleted, done);
|
|
|
|
expect(enteringView.didEnter).not.toHaveBeenCalled();
|
|
expect(leavingView.didLeave).not.toHaveBeenCalled();
|
|
expect(doneCalled).toBe(true);
|
|
});
|
|
|
|
});
|
|
|
|
describe('_transFinish', () => {
|
|
|
|
it('should not entering/leaving state, after transition that isnt the most recent, and state already changed', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
enteringView.state = 'somethingelse';
|
|
let leavingView = new ViewController(Page2);
|
|
leavingView.state = 'somethingelse';
|
|
|
|
nav._transIds = 2;
|
|
|
|
nav._transFinish(1, enteringView, leavingView, 'forward', true);
|
|
|
|
expect(enteringView.state).toBe('somethingelse');
|
|
expect(leavingView.state).toBe('somethingelse');
|
|
});
|
|
|
|
it('should set entering/leaving to inactive, after transition that isnt the most recent', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
enteringView.state = STATE_TRANS_ENTER;
|
|
let leavingView = new ViewController(Page2);
|
|
leavingView.state = STATE_TRANS_LEAVE;
|
|
|
|
nav._transIds = 2;
|
|
|
|
nav._transFinish(1, enteringView, leavingView, 'forward', true);
|
|
|
|
expect(enteringView.state).toBe(STATE_INACTIVE);
|
|
expect(leavingView.state).toBe(STATE_INACTIVE);
|
|
});
|
|
|
|
it('should set entering active, leaving inactive, after transition', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
enteringView.state = STATE_TRANS_ENTER;
|
|
let leavingView = new ViewController(Page2);
|
|
leavingView.state = STATE_TRANS_LEAVE;
|
|
|
|
nav._transIds = 1;
|
|
|
|
nav._transFinish(1, enteringView, leavingView, 'forward', true);
|
|
|
|
expect(enteringView.state).toBe(STATE_ACTIVE);
|
|
expect(leavingView.state).toBe(STATE_INACTIVE);
|
|
});
|
|
|
|
it('should set entering inactive, leaving active, after transition has not completed', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
enteringView.state = STATE_TRANS_ENTER;
|
|
let leavingView = new ViewController(Page2);
|
|
leavingView.state = STATE_TRANS_LEAVE;
|
|
|
|
nav._transIds = 1;
|
|
|
|
nav._transFinish(1, enteringView, leavingView, 'back', false);
|
|
|
|
expect(enteringView.state).toBe(STATE_INACTIVE);
|
|
expect(leavingView.state).toBe(STATE_ACTIVE);
|
|
});
|
|
|
|
it('should run cleanup when most recent transition and has completed', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
enteringView.state = STATE_TRANS_ENTER;
|
|
let leavingView = new ViewController(Page2);
|
|
leavingView.state = STATE_TRANS_LEAVE;
|
|
let hasCompleted = true;
|
|
|
|
spyOn(nav, '_cleanup');
|
|
|
|
nav._transIds = 1;
|
|
|
|
nav._transFinish(1, enteringView, leavingView, 'back', hasCompleted);
|
|
|
|
expect(nav._cleanup).toHaveBeenCalled();
|
|
});
|
|
|
|
it('should not run cleanup when most not recent transition', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
enteringView.state = STATE_TRANS_ENTER;
|
|
let leavingView = new ViewController(Page2);
|
|
leavingView.state = STATE_TRANS_LEAVE;
|
|
let hasCompleted = true;
|
|
|
|
spyOn(nav, '_cleanup');
|
|
|
|
nav._transIds = 1;
|
|
|
|
nav._transFinish(2, enteringView, leavingView, 'back', hasCompleted);
|
|
|
|
expect(nav._cleanup).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it('should not run cleanup when it hasnt completed transition, but is the most recent', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
enteringView.state = STATE_TRANS_ENTER;
|
|
let leavingView = new ViewController(Page2);
|
|
leavingView.state = STATE_TRANS_LEAVE;
|
|
let hasCompleted = false;
|
|
|
|
spyOn(nav, '_cleanup');
|
|
|
|
nav._transIds = 1;
|
|
|
|
nav._transFinish(1, enteringView, leavingView, 'back', hasCompleted);
|
|
|
|
expect(nav._cleanup).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it('should set transitioning is over when most recent transition finishes', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
enteringView.state = STATE_TRANS_ENTER;
|
|
let leavingView = new ViewController(Page2);
|
|
leavingView.state = STATE_TRANS_LEAVE;
|
|
let hasCompleted = true;
|
|
|
|
spyOn(nav, 'setTransitioning');
|
|
|
|
nav._transIds = 1;
|
|
|
|
nav._transFinish(1, enteringView, leavingView, 'back', hasCompleted);
|
|
|
|
expect(nav.setTransitioning).toHaveBeenCalledWith(false);
|
|
});
|
|
|
|
it('should set transitioning is not over if its not the most recent transition', () => {
|
|
let enteringView = new ViewController(Page1);
|
|
enteringView.state = STATE_TRANS_ENTER;
|
|
let leavingView = new ViewController(Page2);
|
|
leavingView.state = STATE_TRANS_LEAVE;
|
|
let hasCompleted = true;
|
|
|
|
spyOn(nav, 'setTransitioning');
|
|
|
|
nav._transIds = 2;
|
|
|
|
nav._transFinish(1, enteringView, leavingView, 'back', hasCompleted);
|
|
|
|
expect(nav.setTransitioning).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it('should set not run domShow when when any view in the stack has isOverlay=true', () => {
|
|
let view1 = new ViewController(Page1);
|
|
let view2 = new ViewController(Page2);
|
|
let view3 = new ViewController(Page3);
|
|
let view4 = new ViewController(Page4);
|
|
let hasCompleted = true;
|
|
nav._views = [view1, view2, view3, view4];
|
|
|
|
view1.isOverlay = true;
|
|
|
|
nav._transIds = 1;
|
|
|
|
spyOn(view1, 'domShow');
|
|
spyOn(view2, 'domShow');
|
|
spyOn(view3, 'domShow');
|
|
spyOn(view4, 'domShow');
|
|
|
|
nav._transFinish(1, view4, view3, 'forward', hasCompleted);
|
|
|
|
expect(view1.domShow).not.toHaveBeenCalled();
|
|
expect(view2.domShow).not.toHaveBeenCalled();
|
|
expect(view3.domShow).not.toHaveBeenCalled();
|
|
expect(view4.domShow).toHaveBeenCalled();
|
|
});
|
|
|
|
});
|
|
|
|
describe('_insert', () => {
|
|
|
|
it('should push page when previous transition is still actively transitioning', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_TRANS_ENTER;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_TRANS_LEAVE;
|
|
nav._views = [view1, view2];
|
|
|
|
let view3 = new ViewController(Page3);
|
|
nav._insert(-1, [view3]);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_TRANS_ENTER);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_TRANS_LEAVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page3);
|
|
});
|
|
|
|
it('should push page when previous transition views init, but havent transitioned yet', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INIT_LEAVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INIT_ENTER;
|
|
nav._views = [view1, view2];
|
|
|
|
let view3 = new ViewController(Page3);
|
|
nav._insert(-1, [view3]);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page3);
|
|
});
|
|
|
|
it('should insert multiple pages, back to back, with a starting active page', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_ACTIVE;
|
|
nav._views = [view1];
|
|
|
|
let view2 = new ViewController(Page2);
|
|
nav._insert(-1, [view2]);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
|
|
let view3 = new ViewController(Page3);
|
|
nav._insert(-1, [view3]);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page3);
|
|
});
|
|
|
|
it('should insert multiple pages, back to back, no starting active page', () => {
|
|
let view1 = new ViewController(Page1);
|
|
nav._insert(-1, [view1]);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
|
|
let view2 = new ViewController(Page2);
|
|
nav._insert(-1, [view2]);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
|
|
let view3 = new ViewController(Page3);
|
|
nav._insert(1, [view3]);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page3);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page2);
|
|
});
|
|
|
|
it('should push a page, and abort previous init', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INIT_LEAVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INIT_ENTER;
|
|
nav._views = [view1, view2];
|
|
|
|
let view3 = new ViewController(Page3);
|
|
nav._insert(-1, [view3]);
|
|
expect(nav.length()).toBe(3);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page3);
|
|
});
|
|
|
|
it('should insert a page between the first and second', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INACTIVE;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_ACTIVE;
|
|
nav._views = [view1, view2];
|
|
|
|
let view3 = new ViewController(Page3);
|
|
nav._insert(1, [view3]);
|
|
expect(nav.length()).toBe(3);
|
|
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page3);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page2);
|
|
});
|
|
|
|
it('should insert a page before the first', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_ACTIVE;
|
|
nav._views = [view1];
|
|
|
|
let view2 = new ViewController(Page2);
|
|
nav._insert(0, [view2]);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page1);
|
|
});
|
|
|
|
it('should insert 3 pages', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_ACTIVE;
|
|
nav._views = [view1];
|
|
|
|
let insertViews = [
|
|
new ViewController(Page2),
|
|
new ViewController(Page3),
|
|
new ViewController(Page4)
|
|
];
|
|
nav._insert(-1, insertViews);
|
|
expect(nav.length()).toBe(4);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
expect(nav.getByIndex(2).state).toBe(STATE_INACTIVE);
|
|
expect(nav.getByIndex(2).componentType).toBe(Page3);
|
|
expect(nav.getByIndex(3).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(3).componentType).toBe(Page4);
|
|
});
|
|
|
|
it('should push the second page', () => {
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_ACTIVE;
|
|
nav._views = [view1];
|
|
|
|
let view2 = new ViewController(Page2)
|
|
nav._insert(-1, [view2]);
|
|
expect(nav.length()).toBe(2);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_LEAVE);
|
|
expect(nav.getByIndex(0).componentType).toBe(Page1);
|
|
expect(nav.getByIndex(1).state).toBe(STATE_INIT_ENTER);
|
|
expect(nav.getByIndex(1).componentType).toBe(Page2);
|
|
});
|
|
|
|
it('should push the first page, using a number greater than the length', () => {
|
|
let view1 = new ViewController(Page1)
|
|
nav._insert(8675309, [view1]);
|
|
|
|
expect(nav.length()).toBe(1);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_ENTER);
|
|
});
|
|
|
|
it('should push the first page, using -1', () => {
|
|
let view1 = new ViewController(Page1)
|
|
nav._insert(-1, [view1]);
|
|
|
|
expect(nav.getByIndex(0).id).toBeDefined();
|
|
expect(nav.length()).toBe(1);
|
|
expect(nav.getByIndex(0).state).toBe(STATE_INIT_ENTER);
|
|
});
|
|
|
|
});
|
|
|
|
it('should getActive()', () => {
|
|
expect(nav.getActive()).toBe(null);
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INIT_ENTER;
|
|
nav._views = [view1];
|
|
expect(nav.getActive()).toBe(null);
|
|
view1.state = STATE_ACTIVE;
|
|
expect(nav.getActive()).toBe(view1);
|
|
});
|
|
|
|
it('should getByState()', () => {
|
|
expect(nav.getByState(null)).toBe(null);
|
|
|
|
let view1 = new ViewController(Page1);
|
|
view1.state = STATE_INIT_ENTER;
|
|
let view2 = new ViewController(Page2);
|
|
view2.state = STATE_INIT_ENTER;
|
|
nav._views = [view1, view2];
|
|
|
|
expect(nav.getByState('whatever')).toBe(null);
|
|
expect(nav.getByState(STATE_INIT_ENTER)).toBe(view2);
|
|
|
|
view2.state = STATE_INACTIVE;
|
|
expect(nav.getByState(STATE_INIT_ENTER)).toBe(view1);
|
|
|
|
view2.state = STATE_ACTIVE;
|
|
expect(nav.getActive()).toBe(view2);
|
|
});
|
|
|
|
it('should getPrevious()', () => {
|
|
expect(nav.getPrevious(null)).toBe(null);
|
|
|
|
let view1 = new ViewController(Page1);
|
|
let view2 = new ViewController(Page2);
|
|
nav._views = [view1, view2];
|
|
|
|
expect(nav.getPrevious(view1)).toBe(null);
|
|
expect(nav.getPrevious(view2)).toBe(view1);
|
|
});
|
|
|
|
it('should get first()', () => {
|
|
expect(nav.first()).toBe(null);
|
|
let view1 = new ViewController(Page1);
|
|
view1.setNav(nav);
|
|
let view2 = new ViewController(Page2);
|
|
view2.setNav(nav);
|
|
nav._views = [view1];
|
|
|
|
expect(nav.first()).toBe(view1);
|
|
expect(view1.isFirst()).toBe(true);
|
|
|
|
nav._views = [view1, view2];
|
|
expect(nav.first()).toBe(view1);
|
|
expect(view1.isFirst()).toBe(true);
|
|
expect(view2.isFirst()).toBe(false);
|
|
});
|
|
|
|
it('should get last()', () => {
|
|
expect(nav.last()).toBe(null);
|
|
let view1 = new ViewController(Page1);
|
|
view1.setNav(nav);
|
|
let view2 = new ViewController(Page2);
|
|
view2.setNav(nav);
|
|
nav._views = [view1];
|
|
|
|
expect(nav.last()).toBe(view1);
|
|
expect(view1.isLast()).toBe(true);
|
|
|
|
nav._views = [view1, view2];
|
|
expect(nav.last()).toBe(view2);
|
|
expect(view1.isLast()).toBe(false);
|
|
expect(view2.isLast()).toBe(true);
|
|
});
|
|
|
|
it('should get indexOf()', () => {
|
|
let view1 = new ViewController(Page1);
|
|
let view2 = new ViewController(Page2);
|
|
|
|
expect(nav.length()).toBe(0);
|
|
expect(nav.indexOf(view1)).toBe(-1);
|
|
|
|
nav._views = [view1, view2];
|
|
expect(nav.indexOf(view1)).toBe(0);
|
|
expect(nav.indexOf(view2)).toBe(1);
|
|
expect(nav.length()).toBe(2);
|
|
});
|
|
|
|
it('should get getByIndex()', () => {
|
|
expect(nav.getByIndex(-99)).toBe(null);
|
|
expect(nav.getByIndex(99)).toBe(null);
|
|
|
|
let view1 = new ViewController(Page1);
|
|
let view2 = new ViewController(Page2);
|
|
nav._views = [view1, view2];
|
|
|
|
expect(nav.getByIndex(-1)).toBe(null);
|
|
expect(nav.getByIndex(0)).toBe(view1);
|
|
expect(nav.getByIndex(1)).toBe(view2);
|
|
expect(nav.getByIndex(2)).toBe(null);
|
|
});
|
|
|
|
// setup stuff
|
|
let nav: NavController;
|
|
let config = new Config();
|
|
|
|
class Page1 {}
|
|
class Page2 {}
|
|
class Page3 {}
|
|
class Page4 {}
|
|
class Page5 {}
|
|
|
|
beforeEach(() => {
|
|
nav = mockNav();
|
|
});
|
|
|
|
function mockNav() {
|
|
let elementRef = getElementRef();
|
|
|
|
let nav = new NavController(null, null, config, null, elementRef, null, null, null, null, null);
|
|
|
|
nav._keyboard = {
|
|
isOpen: function() {
|
|
return false;
|
|
}
|
|
};
|
|
nav._zone = {
|
|
run: function(cb) {
|
|
cb();
|
|
},
|
|
runOutsideAngular: function(cb) {
|
|
cb();
|
|
}
|
|
};
|
|
nav._renderer = {
|
|
setElementAttribute: function(){},
|
|
setElementClass: function(){},
|
|
setElementStyle: function(){}
|
|
};
|
|
|
|
nav._portal = new NavController(null, null, config, null, elementRef, null, null, null, null, null);
|
|
|
|
return nav;
|
|
}
|
|
|
|
function getElementRef() {
|
|
return {
|
|
nativeElement: document.createElement('div')
|
|
}
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
const STATE_ACTIVE = 'active';
|
|
const STATE_INACTIVE = 'inactive';
|
|
const STATE_INIT_ENTER = 'init_enter';
|
|
const STATE_INIT_LEAVE = 'init_leave';
|
|
const STATE_TRANS_ENTER = 'trans_enter';
|
|
const STATE_TRANS_LEAVE = 'trans_leave';
|
|
const STATE_REMOVE = 'remove';
|
|
const STATE_REMOVE_AFTER_TRANS = 'remove_after_trans';
|
|
const STATE_FORCE_ACTIVE = 'force_active';
|