import { AsyncTestCompleter, describe, proxy, it, iit, ddescribe, expect, inject, beforeEach, beforeEachBindings, SpyObject } from 'angular2/test_lib'; import {IMPLEMENTS} from 'angular2/src/facade/lang'; import {Promise, PromiseWrapper} from 'angular2/src/facade/async'; import {Router, RootRouter} from 'angular2/src/router/router'; import {Pipeline} from 'angular2/src/router/pipeline'; import {RouterOutlet} from 'angular2/src/router/router_outlet'; import {SpyLocation} from 'angular2/src/mock/location_mock'; import {Location} from 'angular2/src/router/location'; import {RouteRegistry} from 'angular2/src/router/route_registry'; import {DirectiveResolver} from 'angular2/src/core/compiler/directive_resolver'; import {bind} from 'angular2/di'; export function main() { describe('Router', () => { var router, location; beforeEachBindings(() => [ Pipeline, bind(RouteRegistry).toFactory(() => new RouteRegistry(AppCmp)), DirectiveResolver, bind(Location).toClass(SpyLocation), bind(Router) .toFactory((registry, pipeline, location) => { return new RootRouter(registry, pipeline, location, AppCmp); }, [RouteRegistry, Pipeline, Location]) ]); beforeEach(inject([Router, Location], (rtr, loc) => { router = rtr; location = loc; })); it('should navigate based on the initial URL state', inject([AsyncTestCompleter], (async) => { var outlet = makeDummyOutlet(); router.config({'path': '/', 'component': DummyComponent}) .then((_) => router.registerOutlet(outlet)) .then((_) => { expect(outlet.spy('activate')).toHaveBeenCalled(); expect(location.urlChanges).toEqual([]); async.done(); }); })); it('should activate viewports and update URL on navigate', inject([AsyncTestCompleter], (async) => { var outlet = makeDummyOutlet(); router.registerOutlet(outlet) .then((_) => router.config({'path': '/a', 'component': DummyComponent})) .then((_) => router.navigate('/a')) .then((_) => { expect(outlet.spy('activate')).toHaveBeenCalled(); expect(location.urlChanges).toEqual(['/a']); async.done(); }); })); it('should navigate after being configured', inject([AsyncTestCompleter], (async) => { var outlet = makeDummyOutlet(); router.registerOutlet(outlet) .then((_) => router.navigate('/a')) .then((_) => { expect(outlet.spy('activate')).not.toHaveBeenCalled(); return router.config({'path': '/a', 'component': DummyComponent}); }) .then((_) => { expect(outlet.spy('activate')).toHaveBeenCalled(); async.done(); }); })); }); } @proxy @IMPLEMENTS(RouterOutlet) class DummyOutlet extends SpyObject { noSuchMethod(m) { return super.noSuchMethod(m) } } class DummyComponent {} function makeDummyOutlet() { var ref = new DummyOutlet(); ref.spy('activate').andCallFake((_) => PromiseWrapper.resolve(true)); ref.spy('canActivate').andCallFake((_) => PromiseWrapper.resolve(true)); ref.spy('canDeactivate').andCallFake((_) => PromiseWrapper.resolve(true)); ref.spy('deactivate').andCallFake((_) => PromiseWrapper.resolve(true)); return ref; } class AppCmp {}