diff --git a/modules/@angular/common/test/directives/ng_template_outlet_spec.ts b/modules/@angular/common/test/directives/ng_template_outlet_spec.ts
index 89d1c7b158..7bd418ee1f 100644
--- a/modules/@angular/common/test/directives/ng_template_outlet_spec.ts
+++ b/modules/@angular/common/test/directives/ng_template_outlet_spec.ts
@@ -96,90 +96,104 @@ export function main() {
}));
it('should display template if context is null',
- inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
- var template = `foo`;
- tcb.overrideTemplate(TestComponent, template)
- .createAsync(TestComponent)
- .then((fixture) => {
+ inject(
+ [TestComponentBuilder, AsyncTestCompleter],
+ (tcb: TestComponentBuilder, async: AsyncTestCompleter) => {
+ var template =
+ `foo`;
+ tcb.overrideTemplate(TestComponent, template)
+ .createAsync(TestComponent)
+ .then((fixture) => {
- fixture.detectChanges();
- expect(fixture.nativeElement).toHaveText('');
+ fixture.detectChanges();
+ expect(fixture.nativeElement).toHaveText('');
- var refs = fixture.debugElement.children[0].references['refs'];
+ var refs = fixture.debugElement.children[0].references['refs'];
- fixture.componentInstance.currentTplRef = refs.tplRefs.first;
- fixture.detectChanges();
- expect(fixture.nativeElement).toHaveText('foo');
+ fixture.componentInstance.currentTplRef = refs.tplRefs.first;
+ fixture.detectChanges();
+ expect(fixture.nativeElement).toHaveText('foo');
- async.done();
- });
- }));
+ async.done();
+ });
+ }));
it('should reflect initial context and changes',
- inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
- var template =`{{foo}}`;
- tcb.overrideTemplate(TestComponent, template)
- .createAsync(TestComponent)
- .then((fixture) => {
- fixture.detectChanges();
+ inject(
+ [TestComponentBuilder, AsyncTestCompleter],
+ (tcb: TestComponentBuilder, async: AsyncTestCompleter) => {
+ var template =
+ `{{foo}}`;
+ tcb.overrideTemplate(TestComponent, template)
+ .createAsync(TestComponent)
+ .then((fixture) => {
+ fixture.detectChanges();
- var refs = fixture.debugElement.children[0].references['refs'];
- fixture.componentInstance.currentTplRef = refs.tplRefs.first;
+ var refs = fixture.debugElement.children[0].references['refs'];
+ fixture.componentInstance.currentTplRef = refs.tplRefs.first;
- fixture.detectChanges();
- expect(fixture.debugElement.nativeElement).toHaveText('bar');
+ fixture.detectChanges();
+ expect(fixture.debugElement.nativeElement).toHaveText('bar');
- fixture.componentInstance.context.foo = 'alter-bar';
+ fixture.componentInstance.context.foo = 'alter-bar';
- fixture.detectChanges();
- expect(fixture.debugElement.nativeElement).toHaveText('alter-bar');
+ fixture.detectChanges();
+ expect(fixture.debugElement.nativeElement).toHaveText('alter-bar');
- async.done();
- });
- }));
+ async.done();
+ });
+ }));
it('should reflect user defined $implicit property in the context',
- inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
- var template =`{{ctx.foo}}`;
- tcb.overrideTemplate(TestComponent, template)
- .createAsync(TestComponent)
- .then((fixture) => {
- fixture.detectChanges();
+ inject(
+ [TestComponentBuilder, AsyncTestCompleter],
+ (tcb: TestComponentBuilder, async: AsyncTestCompleter) => {
+ var template =
+ `{{ctx.foo}}`;
+ tcb.overrideTemplate(TestComponent, template)
+ .createAsync(TestComponent)
+ .then((fixture) => {
+ fixture.detectChanges();
- var refs = fixture.debugElement.children[0].references['refs'];
- fixture.componentInstance.currentTplRef = refs.tplRefs.first;
+ var refs = fixture.debugElement.children[0].references['refs'];
+ fixture.componentInstance.currentTplRef = refs.tplRefs.first;
- fixture.componentInstance.context = { $implicit: fixture.componentInstance.context };
- fixture.detectChanges();
- expect(fixture.debugElement.nativeElement).toHaveText('bar');
+ fixture.componentInstance.context = {
+ $implicit: fixture.componentInstance.context
+ };
+ fixture.detectChanges();
+ expect(fixture.debugElement.nativeElement).toHaveText('bar');
- async.done();
- });
- }));
+ async.done();
+ });
+ }));
it('should reflect context re-binding',
- inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
- var template =`{{shawshank}}`;
- tcb.overrideTemplate(TestComponent, template)
- .createAsync(TestComponent)
- .then((fixture) => {
- fixture.detectChanges();
+ inject(
+ [TestComponentBuilder, AsyncTestCompleter],
+ (tcb: TestComponentBuilder, async: AsyncTestCompleter) => {
+ var template =
+ `{{shawshank}}`;
+ tcb.overrideTemplate(TestComponent, template)
+ .createAsync(TestComponent)
+ .then((fixture) => {
+ fixture.detectChanges();
- var refs = fixture.debugElement.children[0].references['refs'];
- fixture.componentInstance.currentTplRef = refs.tplRefs.first;
- fixture.componentInstance.context = { shawshank: 'brooks' };
+ var refs = fixture.debugElement.children[0].references['refs'];
+ fixture.componentInstance.currentTplRef = refs.tplRefs.first;
+ fixture.componentInstance.context = {shawshank: 'brooks'};
- fixture.detectChanges();
- expect(fixture.debugElement.nativeElement).toHaveText('brooks');
+ fixture.detectChanges();
+ expect(fixture.debugElement.nativeElement).toHaveText('brooks');
- fixture.componentInstance.context = { shawshank: 'was here' };
+ fixture.componentInstance.context = {shawshank: 'was here'};
- fixture.detectChanges();
- expect(fixture.debugElement.nativeElement).toHaveText('was here');
+ fixture.detectChanges();
+ expect(fixture.debugElement.nativeElement).toHaveText('was here');
- async.done();
- });
- }));
+ async.done();
+ });
+ }));
});
}
@@ -192,5 +206,5 @@ class CaptureTplRefs {
@Component({selector: 'test-cmp', directives: [NgTemplateOutlet, CaptureTplRefs], template: ''})
class TestComponent {
currentTplRef: TemplateRef;
- context: any = { foo: 'bar' };
+ context: any = {foo: 'bar'};
}