fix(projection): allow to project to a non text node

tbosch · tbosch · commit b44b06c2c9f9 · 2015-07-23T14:29:15.000-07:00
We already had a test for this, but too low level that it did not catch this null value in `hasNativeShadowRoot` Fixes angular#3230 Closes angular#3241
diff --git a/modules/angular2/src/render/dom/view/element_binder.ts b/modules/angular2/src/render/dom/view/element_binder.ts
@@ -1,5 +1,6 @@
 import {AST} from 'angular2/change_detection';
 import {List, ListWrapper} from 'angular2/src/facade/collection';
+import {isPresent} from 'angular2/src/facade/lang';
 
 export class DomElementBinder {
   textNodeIndices: List<number>;
@@ -23,7 +24,7 @@ export class DomElementBinder {
     this.eventLocals = eventLocals;
     this.localEvents = localEvents;
     this.globalEvents = globalEvents;
-    this.hasNativeShadowRoot = hasNativeShadowRoot;
+    this.hasNativeShadowRoot = isPresent(hasNativeShadowRoot) ? hasNativeShadowRoot : false;
   }
 }
 
diff --git a/modules/angular2/src/render/dom/view/proto_view_merger.ts b/modules/angular2/src/render/dom/view/proto_view_merger.ts
@@ -339,7 +339,7 @@ function updateElementBinderTextNodeIndices(elementBinder: DomElementBinder,
       eventLocals: null,
       localEvents: [],
       globalEvents: [],
-      hasNativeShadowRoot: null
+      hasNativeShadowRoot: false
     });
   } else {
     result = new DomElementBinder({
diff --git a/modules/angular2/test/core/compiler/projection_integration_spec.ts b/modules/angular2/test/core/compiler/projection_integration_spec.ts
@@ -73,6 +73,25 @@ export function main() {
              });
        }));
 
+    it('should support projecting text interpolation to a non bound element',
+       inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
+         tcb.overrideView(
+                Simple,
+                new viewAnn.View(
+                    {template: 'SIMPLE(<div><ng-content></ng-content></div>)', directives: []}))
+             .overrideView(
+                 MainComp,
+                 new viewAnn.View({template: '<simple>{{text}}</simple>', directives: [Simple]}))
+             .createAsync(MainComp)
+             .then((main) => {
+
+               main.componentInstance.text = 'A';
+               main.detectChanges();
+               expect(main.nativeElement).toHaveText('SIMPLE(A)');
+               async.done();
+             });
+       }));
+
     it('should not show the light dom even if there is no content tag',
        inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
          tcb.overrideView(MainComp,

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`import {AST} from 'angular2/change_detection';`
`2`	`2`	`import {List, ListWrapper} from 'angular2/src/facade/collection';`
	`3`	`+import {isPresent} from 'angular2/src/facade/lang';`
`3`	`4`
`4`	`5`	`export class DomElementBinder {`
`5`	`6`	`textNodeIndices: List<number>;`
`@@ -23,7 +24,7 @@ export class DomElementBinder {`
`23`	`24`	`this.eventLocals = eventLocals;`
`24`	`25`	`this.localEvents = localEvents;`
`25`	`26`	`this.globalEvents = globalEvents;`
`26`		`- this.hasNativeShadowRoot = hasNativeShadowRoot;`
	`27`	`+ this.hasNativeShadowRoot = isPresent(hasNativeShadowRoot) ? hasNativeShadowRoot : false;`
`27`	`28`	`}`
`28`	`29`	`}`
`29`	`30`