fix(bootstrap): change bootstrap not to create a separate injector for the provided bindings
Currently, we create a separate injector for the passed-in / root bindings. This injectors sits below the one creating the application component. This means that the applicaiton component cannot access the passed-in bindings.
This commit is contained in:
parent
fbcc59dc67
commit
2074cc1ca9
|
@ -26,9 +26,9 @@ export var appElementToken = new OpaqueToken('AppElement');
|
||||||
export var appComponentAnnotatedTypeToken = new OpaqueToken('AppComponentAnnotatedType');
|
export var appComponentAnnotatedTypeToken = new OpaqueToken('AppComponentAnnotatedType');
|
||||||
export var appDocumentToken = new OpaqueToken('AppDocument');
|
export var appDocumentToken = new OpaqueToken('AppDocument');
|
||||||
|
|
||||||
// Exported only for tests that need to overwrite default document binding.
|
function _injectorBindings(appComponentType) {
|
||||||
export function documentDependentBindings(appComponentType) {
|
|
||||||
return [
|
return [
|
||||||
|
bind(appDocumentToken).toValue(DOM.defaultDoc()),
|
||||||
bind(appComponentAnnotatedTypeToken).toFactory((reader) => {
|
bind(appComponentAnnotatedTypeToken).toFactory((reader) => {
|
||||||
// TODO(rado): inspect annotation here and warn if there are bindings,
|
// TODO(rado): inspect annotation here and warn if there are bindings,
|
||||||
// lightDomServices, and other component annotations that are skipped
|
// lightDomServices, and other component annotations that are skipped
|
||||||
|
@ -70,11 +70,6 @@ export function documentDependentBindings(appComponentType) {
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
function _injectorBindings(appComponentType) {
|
|
||||||
return ListWrapper.concat([bind(appDocumentToken).toValue(DOM.defaultDoc())],
|
|
||||||
documentDependentBindings(appComponentType));
|
|
||||||
}
|
|
||||||
|
|
||||||
function _createVmZone(givenReporter:Function){
|
function _createVmZone(givenReporter:Function){
|
||||||
var defaultErrorReporter = (exception, stackTrace) => {
|
var defaultErrorReporter = (exception, stackTrace) => {
|
||||||
var longStackTrace = ListWrapper.join(stackTrace, "\n\n-----async gap-----\n");
|
var longStackTrace = ListWrapper.join(stackTrace, "\n\n-----async gap-----\n");
|
||||||
|
@ -99,10 +94,7 @@ export function bootstrap(appComponentType: Type, bindings=null, givenBootstrapE
|
||||||
// TODO(rado): prepopulate template cache, so applications with only
|
// TODO(rado): prepopulate template cache, so applications with only
|
||||||
// index.html and main.js are possible.
|
// index.html and main.js are possible.
|
||||||
|
|
||||||
if (isBlank(_rootInjector)) _rootInjector = new Injector(_rootBindings);
|
var appInjector = _createAppInjector(appComponentType, bindings);
|
||||||
|
|
||||||
var appInjector = _rootInjector.createChild(_injectorBindings(appComponentType));
|
|
||||||
if (isPresent(bindings)) appInjector = appInjector.createChild(bindings);
|
|
||||||
|
|
||||||
PromiseWrapper.then(appInjector.asyncGet(LifeCycle),
|
PromiseWrapper.then(appInjector.asyncGet(LifeCycle),
|
||||||
(lc) => {
|
(lc) => {
|
||||||
|
@ -119,3 +111,11 @@ export function bootstrap(appComponentType: Type, bindings=null, givenBootstrapE
|
||||||
|
|
||||||
return bootstrapProcess.promise;
|
return bootstrapProcess.promise;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function _createAppInjector(appComponentType: Type, bindings: List): Injector {
|
||||||
|
if (isBlank(_rootInjector)) _rootInjector = new Injector(_rootBindings);
|
||||||
|
var mergedBindings = isPresent(bindings) ?
|
||||||
|
ListWrapper.concat(_injectorBindings(appComponentType), bindings) :
|
||||||
|
_injectorBindings(appComponentType);
|
||||||
|
return _rootInjector.createChild(mergedBindings);
|
||||||
|
}
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
import {describe, ddescribe, it, iit, xit, xdescribe, expect, beforeEach} from 'test_lib/test_lib';
|
import {describe, ddescribe, it, iit, xit, xdescribe, expect, beforeEach} from 'test_lib/test_lib';
|
||||||
import {bootstrap, appDocumentToken, appElementToken, documentDependentBindings}
|
import {bootstrap, appDocumentToken, appElementToken}
|
||||||
from 'core/application';
|
from 'core/application';
|
||||||
import {Component} from 'core/annotations/annotations';
|
import {Component} from 'core/annotations/annotations';
|
||||||
import {DOM} from 'facade/dom';
|
import {DOM} from 'facade/dom';
|
||||||
import {ListWrapper} from 'facade/collection';
|
import {ListWrapper} from 'facade/collection';
|
||||||
import {PromiseWrapper} from 'facade/async';
|
import {PromiseWrapper} from 'facade/async';
|
||||||
import {bind} from 'di/di';
|
import {bind, Inject} from 'di/di';
|
||||||
import {TemplateConfig} from 'core/annotations/template_config';
|
import {TemplateConfig} from 'core/annotations/template_config';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
|
@ -36,8 +36,23 @@ class HelloRootCmp2 {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'hello-app',
|
||||||
|
template: new TemplateConfig({
|
||||||
|
inline: '',
|
||||||
|
directives: []
|
||||||
|
})
|
||||||
|
})
|
||||||
|
class HelloRootCmp3 {
|
||||||
|
appBinding;
|
||||||
|
|
||||||
|
constructor(@Inject("appBinding") appBinding) {
|
||||||
|
this.appBinding = appBinding;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
var fakeDoc, el, el2;
|
var fakeDoc, el, el2, testBindings;
|
||||||
|
|
||||||
beforeEach(() => {
|
beforeEach(() => {
|
||||||
fakeDoc = DOM.createHtmlDocument();
|
fakeDoc = DOM.createHtmlDocument();
|
||||||
|
@ -45,13 +60,9 @@ export function main() {
|
||||||
el2 = DOM.createElement('hello-app-2', fakeDoc);
|
el2 = DOM.createElement('hello-app-2', fakeDoc);
|
||||||
DOM.appendChild(fakeDoc.body, el);
|
DOM.appendChild(fakeDoc.body, el);
|
||||||
DOM.appendChild(fakeDoc.body, el2);
|
DOM.appendChild(fakeDoc.body, el2);
|
||||||
|
testBindings = [bind(appDocumentToken).toValue(fakeDoc)];
|
||||||
});
|
});
|
||||||
|
|
||||||
function testBindings(appComponentType) {
|
|
||||||
return ListWrapper.concat([bind(appDocumentToken).toValue(fakeDoc),
|
|
||||||
], documentDependentBindings(appComponentType));
|
|
||||||
}
|
|
||||||
|
|
||||||
describe('bootstrap factory method', () => {
|
describe('bootstrap factory method', () => {
|
||||||
it('should throw if no element is found', (done) => {
|
it('should throw if no element is found', (done) => {
|
||||||
var injectorPromise = bootstrap(HelloRootCmp, [], (e,t) => {throw e;});
|
var injectorPromise = bootstrap(HelloRootCmp, [], (e,t) => {throw e;});
|
||||||
|
@ -63,12 +74,12 @@ export function main() {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should create an injector promise', () => {
|
it('should create an injector promise', () => {
|
||||||
var injectorPromise = bootstrap(HelloRootCmp, testBindings(HelloRootCmp));
|
var injectorPromise = bootstrap(HelloRootCmp, testBindings);
|
||||||
expect(injectorPromise).not.toBe(null);
|
expect(injectorPromise).not.toBe(null);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should resolve an injector promise and contain bindings', (done) => {
|
it('should resolve an injector promise and contain bindings', (done) => {
|
||||||
var injectorPromise = bootstrap(HelloRootCmp, testBindings(HelloRootCmp));
|
var injectorPromise = bootstrap(HelloRootCmp, testBindings);
|
||||||
injectorPromise.then((injector) => {
|
injectorPromise.then((injector) => {
|
||||||
expect(injector.get(appElementToken)).toBe(el);
|
expect(injector.get(appElementToken)).toBe(el);
|
||||||
done();
|
done();
|
||||||
|
@ -76,7 +87,7 @@ export function main() {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should provide the application component in the injector', (done) => {
|
it('should provide the application component in the injector', (done) => {
|
||||||
var injectorPromise = bootstrap(HelloRootCmp, testBindings(HelloRootCmp));
|
var injectorPromise = bootstrap(HelloRootCmp, testBindings);
|
||||||
injectorPromise.then((injector) => {
|
injectorPromise.then((injector) => {
|
||||||
expect(injector.get(HelloRootCmp)).toBeAnInstanceOf(HelloRootCmp);
|
expect(injector.get(HelloRootCmp)).toBeAnInstanceOf(HelloRootCmp);
|
||||||
done();
|
done();
|
||||||
|
@ -84,7 +95,7 @@ export function main() {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should display hello world', (done) => {
|
it('should display hello world', (done) => {
|
||||||
var injectorPromise = bootstrap(HelloRootCmp, testBindings(HelloRootCmp));
|
var injectorPromise = bootstrap(HelloRootCmp, testBindings);
|
||||||
injectorPromise.then((injector) => {
|
injectorPromise.then((injector) => {
|
||||||
expect(injector.get(appElementToken)
|
expect(injector.get(appElementToken)
|
||||||
.shadowRoot.childNodes[0].nodeValue).toEqual('hello world!');
|
.shadowRoot.childNodes[0].nodeValue).toEqual('hello world!');
|
||||||
|
@ -93,8 +104,8 @@ export function main() {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should support multiple calls to bootstrap', (done) => {
|
it('should support multiple calls to bootstrap', (done) => {
|
||||||
var injectorPromise1 = bootstrap(HelloRootCmp, testBindings(HelloRootCmp));
|
var injectorPromise1 = bootstrap(HelloRootCmp, testBindings);
|
||||||
var injectorPromise2 = bootstrap(HelloRootCmp2, testBindings(HelloRootCmp2));
|
var injectorPromise2 = bootstrap(HelloRootCmp2, testBindings);
|
||||||
PromiseWrapper.all([injectorPromise1, injectorPromise2]).then((injectors) => {
|
PromiseWrapper.all([injectorPromise1, injectorPromise2]).then((injectors) => {
|
||||||
expect(injectors[0].get(appElementToken)
|
expect(injectors[0].get(appElementToken)
|
||||||
.shadowRoot.childNodes[0].nodeValue).toEqual('hello world!');
|
.shadowRoot.childNodes[0].nodeValue).toEqual('hello world!');
|
||||||
|
@ -103,5 +114,17 @@ export function main() {
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it("should make the provided binings available to the application component", (done) => {
|
||||||
|
var injectorPromise = bootstrap(HelloRootCmp3, [
|
||||||
|
testBindings,
|
||||||
|
bind("appBinding").toValue("BoundValue")
|
||||||
|
]);
|
||||||
|
|
||||||
|
injectorPromise.then((injector) => {
|
||||||
|
expect(injector.get(HelloRootCmp3).appBinding).toEqual("BoundValue");
|
||||||
|
done();
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
@ -148,6 +148,16 @@ export function main() {
|
||||||
expect(car).toBeAnInstanceOf(Car);
|
expect(car).toBeAnInstanceOf(Car);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it("should use the last binding "+
|
||||||
|
"when there are mutliple bindings for same token", function () {
|
||||||
|
var injector = new Injector([
|
||||||
|
bind(Engine).toClass(Engine),
|
||||||
|
bind(Engine).toClass(TurboEngine)
|
||||||
|
]);
|
||||||
|
|
||||||
|
expect(injector.get(Engine)).toBeAnInstanceOf(TurboEngine);
|
||||||
|
});
|
||||||
|
|
||||||
it('should use non-type tokens', function () {
|
it('should use non-type tokens', function () {
|
||||||
var injector = new Injector([
|
var injector = new Injector([
|
||||||
bind('token').toValue('value')
|
bind('token').toValue('value')
|
||||||
|
|
Loading…
Reference in New Issue