fix(router): infer top-level routing from app component

Closes #1600

modules/angular2/test/router/outlet_spec.js

@@ -26,24 +26,31 @@ import {Router, RouterOutlet, RouterLink, RouteConfig, RouteParams} from 'angula
 import {DOM} from 'angular2/src/dom/dom_adapter';
 
 import {DummyLocation} from 'angular2/src/mock/location_mock';
+import {Location} from 'angular2/src/router/location';
+import {RouteRegistry} from 'angular2/src/router/route_registry';
+import {DirectiveMetadataReader} from 'angular2/src/core/compiler/directive_metadata_reader';
 
 export function main() {
   describe('Outlet Directive', () => {
 
-    var ctx, tb, view, router;
+    var ctx, tb, view, rtr;
 
-    beforeEach(inject([TestBed], (testBed) => {
+    beforeEachBindings(() => [
+      Pipeline,
+      RouteRegistry,
+      DirectiveMetadataReader,
+      bind(Location).toClass(DummyLocation),
+      bind(Router).toFactory((registry, pipeline, location) => {
+        return new RootRouter(registry, pipeline, location, MyComp);
+      }, [RouteRegistry, Pipeline, Location])
+    ]);
+
+    beforeEach(inject([TestBed, Router], (testBed, router) => {
       tb = testBed;
       ctx = new MyComp();
+      rtr = router;
     }));
 
-    beforeEachBindings(() => {
-      router = new RootRouter(new Pipeline(), new DummyLocation());
-      return [
-        bind(Router).toValue(router)
-      ];
-    });
-
     function compile(template:string = "<router-outlet></router-outlet>") {
       tb.overrideView(MyComp, new View({template: ('<div>' + template + '</div>'), directives: [RouterOutlet, RouterLink]}));
       return tb.createView(MyComp, {context: ctx}).then((v) => {
@@ -53,8 +60,8 @@ export function main() {
 
     it('should work in a simple case', inject([AsyncTestCompleter], (async) => {
       compile()
-        .then((_) => router.config({'path': '/test', 'component': HelloCmp}))
-        .then((_) => router.navigate('/test'))
+        .then((_) => rtr.config({'path': '/test', 'component': HelloCmp}))
+        .then((_) => rtr.navigate('/test'))
         .then((_) => {
           view.detectChanges();
           expect(view.rootNodes).toHaveText('hello');
@@ -65,13 +72,13 @@ export function main() {
 
     it('should navigate between components with different parameters', inject([AsyncTestCompleter], (async) => {
       compile()
-        .then((_) => router.config({'path': '/user/:name', 'component': UserCmp}))
-        .then((_) => router.navigate('/user/brian'))
+        .then((_) => rtr.config({'path': '/user/:name', 'component': UserCmp}))
+        .then((_) => rtr.navigate('/user/brian'))
         .then((_) => {
           view.detectChanges();
           expect(view.rootNodes).toHaveText('hello brian');
         })
-        .then((_) => router.navigate('/user/igor'))
+        .then((_) => rtr.navigate('/user/igor'))
         .then((_) => {
           view.detectChanges();
           expect(view.rootNodes).toHaveText('hello igor');
@@ -82,8 +89,8 @@ export function main() {
 
     it('should work with child routers', inject([AsyncTestCompleter], (async) => {
       compile('outer { <router-outlet></router-outlet> }')
-        .then((_) => router.config({'path': '/a', 'component': ParentCmp}))
-        .then((_) => router.navigate('/a/b'))
+        .then((_) => rtr.config({'path': '/a', 'component': ParentCmp}))
+        .then((_) => rtr.navigate('/a/b'))
         .then((_) => {
           view.detectChanges();
           expect(view.rootNodes).toHaveText('outer { inner { hello } }');
@@ -95,8 +102,8 @@ export function main() {
     it('should generate link hrefs', inject([AsyncTestCompleter], (async) => {
       ctx.name = 'brian';
       compile('<a href="hello" router-link="user" [router-params]="{name: name}">{{name}}</a>')
-        .then((_) => router.config({'path': '/user/:name', 'component': UserCmp, 'alias': 'user'}))
-        .then((_) => router.navigate('/a/b'))
+        .then((_) => rtr.config({'path': '/user/:name', 'component': UserCmp, 'alias': 'user'}))
+        .then((_) => rtr.navigate('/a/b'))
         .then((_) => {
           view.detectChanges();
           expect(view.rootNodes).toHaveText('brian');

modules/angular2/test/router/route_registry_spec.js

@@ -6,12 +6,13 @@ import {
   inject, beforeEach,
   SpyObject} from 'angular2/test_lib';
 
-import {RouteRegistry, rootHostComponent} from 'angular2/src/router/route_registry';
+import {RouteRegistry} from 'angular2/src/router/route_registry';
 import {RouteConfig} from 'angular2/src/router/route_config';
 
 export function main() {
   describe('RouteRegistry', () => {
-    var registry;
+    var registry,
+        rootHostComponent = new Object();
 
     beforeEach(() => {
       registry = new RouteRegistry();
@@ -21,7 +22,7 @@ export function main() {
       registry.config(rootHostComponent, {'path': '/', 'component': DummyCompA});
       registry.config(rootHostComponent, {'path': '/test', 'component': DummyCompB});
 
-      var instruction = registry.recognize('/test');
+      var instruction = registry.recognize('/test', rootHostComponent);
 
       expect(instruction.getChildInstruction('default').component).toBe(DummyCompB);
     });
@@ -29,7 +30,7 @@ export function main() {
     it('should match the full URL recursively', () => {
       registry.config(rootHostComponent, {'path': '/first', 'component': DummyParentComp});
 
-      var instruction = registry.recognize('/first/second');
+      var instruction = registry.recognize('/first/second', rootHostComponent);
 
       var parentInstruction = instruction.getChildInstruction('default');
       var childInstruction = parentInstruction.getChildInstruction('default');

modules/angular2/test/router/router_spec.js

@@ -4,25 +4,42 @@ import {
   proxy,
   it, iit,
   ddescribe, expect,
-  inject, beforeEach,
+  inject, beforeEach, beforeEachBindings,
   SpyObject} from 'angular2/test_lib';
 import {IMPLEMENTS} from 'angular2/src/facade/lang';
 
 import {Promise, PromiseWrapper} from 'angular2/src/facade/async';
-import {RootRouter} from 'angular2/src/router/router';
+import {Router, RootRouter} from 'angular2/src/router/router';
 import {Pipeline} from 'angular2/src/router/pipeline';
 import {RouterOutlet} from 'angular2/src/router/router_outlet';
 import {DummyLocation} from 'angular2/src/mock/location_mock'
+import {Location} from 'angular2/src/router/location';
+
+import {RouteRegistry} from 'angular2/src/router/route_registry';
+import {DirectiveMetadataReader} from 'angular2/src/core/compiler/directive_metadata_reader';
+
+import {bind} from 'angular2/di';
 
 export function main() {
   describe('Router', () => {
     var router,
         location;
 
-    beforeEach(() => {
-      location = new DummyLocation();
-      router = new RootRouter(new Pipeline(), location);
-    });
+    beforeEachBindings(() => [
+      Pipeline,
+      RouteRegistry,
+      DirectiveMetadataReader,
+      bind(Location).toClass(DummyLocation),
+      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) => {
@@ -82,3 +99,5 @@ function makeDummyRef() {
   ref.spy('deactivate').andCallFake((_) => PromiseWrapper.resolve(true));
   return ref;
 }
+
+class AppCmp {}