79 lines
2.0 KiB
JavaScript
79 lines
2.0 KiB
JavaScript
|
import {
|
||
|
|
AsyncTestCompleter,
|
||
|
|
beforeEach,
|
||
|
|
ddescribe,
|
||
|
|
describe,
|
||
|
|
expect,
|
||
|
|
iit,
|
||
|
|
inject,
|
||
|
|
it,
|
||
|
|
xdescribe,
|
||
|
|
xit,
|
||
|
|
} from 'angular2/test_lib';
|
||
|
|
|
||
|
|
import {bootstrap} from 'angular2/src/core/application';
|
||
|
|
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
|
||
|
|
import {DOM} from 'angular2/src/dom/dom_adapter';
|
||
|
|
import {bind} from 'angular2/di';
|
||
|
|
import {View} from 'angular2/src/core/annotations_impl/view';
|
||
|
|
import {DOCUMENT_TOKEN} from 'angular2/src/render/dom/dom_renderer';
|
||
|
|
import {RouteConfig} from 'angular2/src/router/route_config_impl';
|
||
|
|
import {routerInjectables, Router, RouteParams, RouterOutlet} from 'angular2/router';
|
||
|
|
import {SpyLocation} from 'angular2/src/mock/location_mock';
|
||
|
|
import {Location} from 'angular2/src/router/location';
|
||
|
|
|
||
|
|
export function main() {
|
||
|
|
describe('router injectables', () => {
|
||
|
|
var fakeDoc, el, testBindings;
|
||
|
|
beforeEach(() => {
|
||
|
|
fakeDoc = DOM.createHtmlDocument();
|
||
|
|
el = DOM.createElement('app-cmp', fakeDoc);
|
||
|
|
DOM.appendChild(fakeDoc.body, el);
|
||
|
|
testBindings = [
|
||
|
|
routerInjectables,
|
||
|
|
bind(Location).toClass(SpyLocation),
|
||
|
|
bind(DOCUMENT_TOKEN).toValue(fakeDoc)
|
||
|
|
];
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support bootstrap a simple app', inject([AsyncTestCompleter], (async) => {
|
||
|
|
bootstrap(AppCmp, testBindings).then((applicationRef) => {
|
||
|
|
var router = applicationRef.hostComponent.router;
|
||
|
|
router.subscribe((_) => {
|
||
|
|
expect(el).toHaveText('outer { hello }');
|
||
|
|
async.done();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}));
|
||
|
|
|
||
|
|
//TODO: add a test in which the child component has bindings
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'hello-cmp'
|
||
|
|
})
|
||
|
|
@View({
|
||
|
|
template: "hello"
|
||
|
|
})
|
||
|
|
class HelloCmp {}
|
||
|
|
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-cmp'
|
||
|
|
})
|
||
|
|
@View({
|
||
|
|
template: "outer { <router-outlet></router-outlet> }",
|
||
|
|
directives: [RouterOutlet]
|
||
|
|
})
|
||
|
|
@RouteConfig([{
|
||
|
|
path: '/', component: HelloCmp
|
||
|
|
}])
|
||
|
|
class AppCmp {
|
||
|
|
router:Router;
|
||
|
|
constructor(router:Router) {
|
||
|
|
this.router = router;
|
||
|
|
}
|
||
|
|
}
|