feat(i18n): pass translation config directly into ngc (#10622)

modules/@angular/compiler-cli/integrationtest/test/basic_spec.ts

@@ -44,24 +44,45 @@ describe('template codegen output', () => {
   it('should support ngIf', () => {
     var compFixture = createComponent(BasicComp);
     var debugElement = compFixture.debugElement;
-    expect(debugElement.children.length).toBe(2);
+    expect(debugElement.children.length).toBe(3);
 
     compFixture.componentInstance.ctxBool = true;
     compFixture.detectChanges();
-    expect(debugElement.children.length).toBe(3);
+    expect(debugElement.children.length).toBe(4);
     expect(debugElement.children[2].injector.get(MultipleComponentsMyComp)).toBeTruthy();
   });
 
   it('should support ngFor', () => {
     var compFixture = createComponent(BasicComp);
     var debugElement = compFixture.debugElement;
-    expect(debugElement.children.length).toBe(2);
+    expect(debugElement.children.length).toBe(3);
 
     // test NgFor
     compFixture.componentInstance.ctxArr = [1, 2];
     compFixture.detectChanges();
-    expect(debugElement.children.length).toBe(4);
+    expect(debugElement.children.length).toBe(5);
     expect(debugElement.children[2].attributes['value']).toBe('1');
     expect(debugElement.children[3].attributes['value']).toBe('2');
   });
+
+  describe('i18n', () => {
+    it('should inject the locale into the component', () => {
+      const compFixture = createComponent(BasicComp);
+      expect(compFixture.componentInstance.localeId).toEqual('fi');
+    });
+
+    it('should inject the translations format into the component', () => {
+      const compFixture = createComponent(BasicComp);
+      expect(compFixture.componentInstance.translationsFormat).toEqual('xtb');
+    });
+
+    it('should support i18n for content tags', () => {
+      const compFixture = createComponent(BasicComp);
+      const debugElement = compFixture.debugElement;
+      const containerElement = <any>debugElement.nativeElement;
+      const pElement = <any>containerElement.children.find((c: any) => c.name == 'p');
+      const pText = <string>pElement.children.map((c: any) => c.data).join('').trim();
+      expect(pText).toBe('tervetuloa');
+    });
+  });
 });

modules/@angular/compiler-cli/integrationtest/test/i18n_spec.ts

@@ -39,6 +39,7 @@ describe('template i18n extraction output', () => {
 ]>
 <messagebundle>
   <msg id="76e1eccb1b772fa9f294ef9c146ea6d0efa8a2d4" desc="desc" meaning="meaning">translate me</msg>
+  <msg id="65cc4ab3b4c438e07c89be2b677d08369fb62da2">Welcome</msg>
 </messagebundle>`;
 
     const xmbOutput = path.join(outDir, 'messages.xmb');