| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  | /** | 
					
						
							|  |  |  |  * @license | 
					
						
							|  |  |  |  * Copyright Google Inc. All Rights Reserved. | 
					
						
							|  |  |  |  * | 
					
						
							|  |  |  |  * Use of this source code is governed by an MIT-style license that can be | 
					
						
							|  |  |  |  * found in the LICENSE file at https://angular.io/license
 | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | import * as fs from 'fs'; | 
					
						
							|  |  |  | import * as path from 'path'; | 
					
						
							|  |  |  | import * as ts from 'typescript'; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2017-09-13 16:55:42 -07:00
										 |  |  | import {mainXi18n} from '../src/extract_i18n'; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-03-21 14:22:06 -07:00
										 |  |  | import {isInBazel, makeTempDir, setup} from './test_support'; | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  | 
 | 
					
						
							|  |  |  | function getNgRootDir() { | 
					
						
							|  |  |  |   const moduleFilename = module.filename.replace(/\\/g, '/'); | 
					
						
							|  |  |  |   const distIndex = moduleFilename.indexOf('/dist/all'); | 
					
						
							|  |  |  |   return moduleFilename.substr(0, distIndex); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | const EXPECTED_XMB = `<?xml version="1.0" encoding="UTF-8" ?>
 | 
					
						
							|  |  |  | <!DOCTYPE messagebundle [ | 
					
						
							|  |  |  | <!ELEMENT messagebundle (msg)*> | 
					
						
							|  |  |  | <!ATTLIST messagebundle class CDATA #IMPLIED> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | <!ELEMENT msg (#PCDATA|ph|source)*> | 
					
						
							|  |  |  | <!ATTLIST msg id CDATA #IMPLIED> | 
					
						
							|  |  |  | <!ATTLIST msg seq CDATA #IMPLIED> | 
					
						
							|  |  |  | <!ATTLIST msg name CDATA #IMPLIED> | 
					
						
							|  |  |  | <!ATTLIST msg desc CDATA #IMPLIED> | 
					
						
							|  |  |  | <!ATTLIST msg meaning CDATA #IMPLIED> | 
					
						
							|  |  |  | <!ATTLIST msg obsolete (obsolete) #IMPLIED> | 
					
						
							|  |  |  | <!ATTLIST msg xml:space (default|preserve) "default"> | 
					
						
							|  |  |  | <!ATTLIST msg is_hidden CDATA #IMPLIED> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | <!ELEMENT source (#PCDATA)> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | <!ELEMENT ph (#PCDATA|ex)*> | 
					
						
							|  |  |  | <!ATTLIST ph name CDATA #REQUIRED> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | <!ELEMENT ex (#PCDATA)> | 
					
						
							|  |  |  | ]> | 
					
						
							|  |  |  | <messagebundle> | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |   <msg id="8136548302122759730" desc="desc" meaning="meaning"><source>src/basic.html:1</source><source>src/comp2.ts:1</source><source>src/basic.html:1</source>translate me</msg> | 
					
						
							|  |  |  |   <msg id="9038505069473852515"><source>src/basic.html:3,4</source><source>src/comp2.ts:3,4</source><source>src/comp2.ts:2,3</source><source>src/basic.html:3,4</source> | 
					
						
							|  |  |  |     Welcome</msg> | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  | </messagebundle> | 
					
						
							|  |  |  | `;
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | const EXPECTED_XLIFF = `<?xml version="1.0" encoding="UTF-8" ?>
 | 
					
						
							|  |  |  | <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2"> | 
					
						
							|  |  |  |   <file source-language="fr" datatype="plaintext" original="ng2.template"> | 
					
						
							|  |  |  |     <body> | 
					
						
							|  |  |  |       <trans-unit id="76e1eccb1b772fa9f294ef9c146ea6d0efa8a2d4" datatype="html"> | 
					
						
							|  |  |  |         <source>translate me</source> | 
					
						
							|  |  |  |         <context-group purpose="location"> | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |           <context context-type="sourcefile">src/basic.html</context> | 
					
						
							|  |  |  |           <context context-type="linenumber">1</context> | 
					
						
							|  |  |  |         </context-group> | 
					
						
							|  |  |  |         <context-group purpose="location"> | 
					
						
							|  |  |  |           <context context-type="sourcefile">src/comp2.ts</context> | 
					
						
							|  |  |  |           <context context-type="linenumber">1</context> | 
					
						
							|  |  |  |         </context-group> | 
					
						
							|  |  |  |         <context-group purpose="location"> | 
					
						
							|  |  |  |           <context context-type="sourcefile">src/basic.html</context> | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |           <context context-type="linenumber">1</context> | 
					
						
							|  |  |  |         </context-group> | 
					
						
							|  |  |  |         <note priority="1" from="description">desc</note> | 
					
						
							|  |  |  |         <note priority="1" from="meaning">meaning</note> | 
					
						
							|  |  |  |       </trans-unit> | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |       <trans-unit id="085a5ecc40cc87451d216725b2befd50866de18a" datatype="html"> | 
					
						
							|  |  |  |         <source> | 
					
						
							|  |  |  |     Welcome</source> | 
					
						
							|  |  |  |         <context-group purpose="location"> | 
					
						
							|  |  |  |           <context context-type="sourcefile">src/basic.html</context> | 
					
						
							|  |  |  |           <context context-type="linenumber">3</context> | 
					
						
							|  |  |  |         </context-group> | 
					
						
							|  |  |  |         <context-group purpose="location"> | 
					
						
							|  |  |  |           <context context-type="sourcefile">src/comp2.ts</context> | 
					
						
							|  |  |  |           <context context-type="linenumber">3</context> | 
					
						
							|  |  |  |         </context-group> | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |         <context-group purpose="location"> | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |           <context context-type="sourcefile">src/comp2.ts</context> | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |           <context context-type="linenumber">2</context> | 
					
						
							|  |  |  |         </context-group> | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |         <context-group purpose="location"> | 
					
						
							|  |  |  |           <context context-type="sourcefile">src/basic.html</context> | 
					
						
							|  |  |  |           <context context-type="linenumber">3</context> | 
					
						
							|  |  |  |         </context-group> | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |       </trans-unit> | 
					
						
							|  |  |  |     </body> | 
					
						
							|  |  |  |   </file> | 
					
						
							|  |  |  | </xliff> | 
					
						
							|  |  |  | `;
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | const EXPECTED_XLIFF2 = `<?xml version="1.0" encoding="UTF-8" ?>
 | 
					
						
							|  |  |  | <xliff version="2.0" xmlns="urn:oasis:names:tc:xliff:document:2.0" srcLang="en"> | 
					
						
							|  |  |  |   <file original="ng.template" id="ngi18n"> | 
					
						
							|  |  |  |     <unit id="8136548302122759730"> | 
					
						
							|  |  |  |       <notes> | 
					
						
							|  |  |  |         <note category="description">desc</note> | 
					
						
							|  |  |  |         <note category="meaning">meaning</note> | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |         <note category="location">src/basic.html:1</note> | 
					
						
							|  |  |  |         <note category="location">src/comp2.ts:1</note> | 
					
						
							|  |  |  |         <note category="location">src/basic.html:1</note> | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |       </notes> | 
					
						
							|  |  |  |       <segment> | 
					
						
							|  |  |  |         <source>translate me</source> | 
					
						
							|  |  |  |       </segment> | 
					
						
							|  |  |  |     </unit> | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |     <unit id="9038505069473852515"> | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |       <notes> | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |         <note category="location">src/basic.html:3,4</note> | 
					
						
							|  |  |  |         <note category="location">src/comp2.ts:3,4</note> | 
					
						
							|  |  |  |         <note category="location">src/comp2.ts:2,3</note> | 
					
						
							|  |  |  |         <note category="location">src/basic.html:3,4</note> | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |       </notes> | 
					
						
							|  |  |  |       <segment> | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |         <source> | 
					
						
							|  |  |  |     Welcome</source> | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |       </segment> | 
					
						
							|  |  |  |     </unit> | 
					
						
							|  |  |  |   </file> | 
					
						
							|  |  |  | </xliff> | 
					
						
							|  |  |  | `;
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | describe('extract_i18n command line', () => { | 
					
						
							|  |  |  |   let basePath: string; | 
					
						
							|  |  |  |   let outDir: string; | 
					
						
							|  |  |  |   let write: (fileName: string, content: string) => void; | 
					
						
							|  |  |  |   let errorSpy: jasmine.Spy&((s: string) => void); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   function writeConfig(tsconfig: string = '{"extends": "./tsconfig-base.json"}') { | 
					
						
							|  |  |  |     write('tsconfig.json', tsconfig); | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   beforeEach(() => { | 
					
						
							|  |  |  |     errorSpy = jasmine.createSpy('consoleError').and.callFake(console.error); | 
					
						
							| 
									
										
										
										
											2018-03-21 14:22:06 -07:00
										 |  |  |     if (isInBazel()) { | 
					
						
							|  |  |  |       const support = setup(); | 
					
						
							|  |  |  |       write = (fileName: string, content: string) => { support.write(fileName, content); }; | 
					
						
							|  |  |  |       basePath = support.basePath; | 
					
						
							|  |  |  |       outDir = path.join(basePath, 'built'); | 
					
						
							|  |  |  |     } else { | 
					
						
							|  |  |  |       basePath = makeTempDir(); | 
					
						
							|  |  |  |       write = (fileName: string, content: string) => { | 
					
						
							|  |  |  |         const dir = path.dirname(fileName); | 
					
						
							|  |  |  |         if (dir != '.') { | 
					
						
							|  |  |  |           const newDir = path.join(basePath, dir); | 
					
						
							|  |  |  |           if (!fs.existsSync(newDir)) fs.mkdirSync(newDir); | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         fs.writeFileSync(path.join(basePath, fileName), content, {encoding: 'utf-8'}); | 
					
						
							|  |  |  |       }; | 
					
						
							|  |  |  |       outDir = path.resolve(basePath, 'built'); | 
					
						
							|  |  |  |       const ngRootDir = getNgRootDir(); | 
					
						
							|  |  |  |       const nodeModulesPath = path.resolve(basePath, 'node_modules'); | 
					
						
							|  |  |  |       fs.mkdirSync(nodeModulesPath); | 
					
						
							|  |  |  |       fs.symlinkSync( | 
					
						
							|  |  |  |           path.resolve(ngRootDir, 'dist', 'all', '@angular'), | 
					
						
							|  |  |  |           path.resolve(nodeModulesPath, '@angular')); | 
					
						
							|  |  |  |       fs.symlinkSync( | 
					
						
							|  |  |  |           path.resolve(ngRootDir, 'node_modules', 'rxjs'), path.resolve(nodeModulesPath, 'rxjs')); | 
					
						
							|  |  |  |     } | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |     write('tsconfig-base.json', `{
 | 
					
						
							|  |  |  |       "compilerOptions": { | 
					
						
							|  |  |  |         "experimentalDecorators": true, | 
					
						
							|  |  |  |         "skipLibCheck": true, | 
					
						
							|  |  |  |         "noImplicitAny": true, | 
					
						
							|  |  |  |         "types": [], | 
					
						
							|  |  |  |         "outDir": "built", | 
					
						
							|  |  |  |         "rootDir": ".", | 
					
						
							|  |  |  |         "baseUrl": ".", | 
					
						
							|  |  |  |         "declaration": true, | 
					
						
							|  |  |  |         "target": "es5", | 
					
						
							|  |  |  |         "module": "es2015", | 
					
						
							|  |  |  |         "moduleResolution": "node", | 
					
						
							|  |  |  |         "lib": ["es6", "dom"], | 
					
						
							|  |  |  |         "typeRoots": ["node_modules/@types"] | 
					
						
							|  |  |  |       } | 
					
						
							|  |  |  |     }`);
 | 
					
						
							|  |  |  |   }); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   function writeSources() { | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |     const welcomeMessage = `
 | 
					
						
							|  |  |  |     <!--i18n--> | 
					
						
							|  |  |  |     Welcome<!--/i18n--> | 
					
						
							|  |  |  |     `;
 | 
					
						
							|  |  |  |     write('src/basic.html', `<div title="translate me" i18n-title="meaning|desc"></div>
 | 
					
						
							|  |  |  |          <p id="welcomeMessage">${welcomeMessage}</p>`);
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     write('src/comp1.ts', `
 | 
					
						
							|  |  |  |     import {Component} from '@angular/core'; | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  | 
 | 
					
						
							|  |  |  |     @Component({ | 
					
						
							|  |  |  |       selector: 'basic', | 
					
						
							|  |  |  |       templateUrl: './basic.html', | 
					
						
							|  |  |  |     }) | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |     export class BasicCmp1 {}`);
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     write('src/comp2.ts', `
 | 
					
						
							|  |  |  |     import {Component} from '@angular/core'; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     @Component({ | 
					
						
							|  |  |  |       selector: 'basic2', | 
					
						
							|  |  |  |       template: \`<div title="translate me" i18n-title="meaning|desc"></div>
 | 
					
						
							|  |  |  |       <p id="welcomeMessage">${welcomeMessage}</p>\`,
 | 
					
						
							|  |  |  |     }) | 
					
						
							|  |  |  |     export class BasicCmp2 {} | 
					
						
							|  |  |  |     @Component({ | 
					
						
							|  |  |  |       selector: 'basic4', | 
					
						
							|  |  |  |       template: \`<p id="welcomeMessage">${welcomeMessage}</p>\`,
 | 
					
						
							|  |  |  |     }) | 
					
						
							|  |  |  |     export class BasicCmp4 {}`);
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     write('src/comp3.ts', `
 | 
					
						
							|  |  |  |     import {Component} from '@angular/core'; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     @Component({ | 
					
						
							|  |  |  |       selector: 'basic3', | 
					
						
							|  |  |  |       templateUrl: './basic.html', | 
					
						
							|  |  |  |     }) | 
					
						
							|  |  |  |     export class BasicCmp3 {}`);
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     write('src/module.ts', `
 | 
					
						
							|  |  |  |     import {NgModule} from '@angular/core'; | 
					
						
							|  |  |  |     import {BasicCmp1} from './comp1'; | 
					
						
							|  |  |  |     import {BasicCmp2, BasicCmp4} from './comp2'; | 
					
						
							|  |  |  |     import {BasicCmp3} from './comp3'; | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  | 
 | 
					
						
							|  |  |  |     @NgModule({ | 
					
						
							| 
									
										
										
										
											2018-07-13 16:14:08 -07:00
										 |  |  |       declarations: [BasicCmp1, BasicCmp2, BasicCmp3, BasicCmp4] | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |     }) | 
					
						
							|  |  |  |     export class I18nModule {} | 
					
						
							|  |  |  |     `);
 | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   it('should extract xmb', () => { | 
					
						
							|  |  |  |     writeConfig(); | 
					
						
							|  |  |  |     writeSources(); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     const exitCode = | 
					
						
							| 
									
										
										
										
											2017-09-13 16:55:42 -07:00
										 |  |  |         mainXi18n(['-p', basePath, '--i18nFormat=xmb', '--outFile=custom_file.xmb'], errorSpy); | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |     expect(errorSpy).not.toHaveBeenCalled(); | 
					
						
							|  |  |  |     expect(exitCode).toBe(0); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     const xmbOutput = path.join(outDir, 'custom_file.xmb'); | 
					
						
							|  |  |  |     expect(fs.existsSync(xmbOutput)).toBeTruthy(); | 
					
						
							|  |  |  |     const xmb = fs.readFileSync(xmbOutput, {encoding: 'utf-8'}); | 
					
						
							|  |  |  |     expect(xmb).toEqual(EXPECTED_XMB); | 
					
						
							|  |  |  |   }); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   it('should extract xlf', () => { | 
					
						
							|  |  |  |     writeConfig(); | 
					
						
							|  |  |  |     writeSources(); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2017-09-13 16:55:42 -07:00
										 |  |  |     const exitCode = mainXi18n(['-p', basePath, '--i18nFormat=xlf', '--locale=fr'], errorSpy); | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |     expect(errorSpy).not.toHaveBeenCalled(); | 
					
						
							|  |  |  |     expect(exitCode).toBe(0); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     const xlfOutput = path.join(outDir, 'messages.xlf'); | 
					
						
							|  |  |  |     expect(fs.existsSync(xlfOutput)).toBeTruthy(); | 
					
						
							|  |  |  |     const xlf = fs.readFileSync(xlfOutput, {encoding: 'utf-8'}); | 
					
						
							|  |  |  |     expect(xlf).toEqual(EXPECTED_XLIFF); | 
					
						
							|  |  |  |   }); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   it('should extract xlf2', () => { | 
					
						
							|  |  |  |     writeConfig(); | 
					
						
							|  |  |  |     writeSources(); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     const exitCode = | 
					
						
							| 
									
										
										
										
											2017-09-13 16:55:42 -07:00
										 |  |  |         mainXi18n(['-p', basePath, '--i18nFormat=xlf2', '--outFile=messages.xliff2.xlf'], errorSpy); | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |     expect(errorSpy).not.toHaveBeenCalled(); | 
					
						
							|  |  |  |     expect(exitCode).toBe(0); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     const xlfOutput = path.join(outDir, 'messages.xliff2.xlf'); | 
					
						
							|  |  |  |     expect(fs.existsSync(xlfOutput)).toBeTruthy(); | 
					
						
							|  |  |  |     const xlf = fs.readFileSync(xlfOutput, {encoding: 'utf-8'}); | 
					
						
							|  |  |  |     expect(xlf).toEqual(EXPECTED_XLIFF2); | 
					
						
							|  |  |  |   }); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   it('should not emit js', () => { | 
					
						
							|  |  |  |     writeConfig(); | 
					
						
							|  |  |  |     writeSources(); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     const exitCode = | 
					
						
							| 
									
										
										
										
											2017-09-13 16:55:42 -07:00
										 |  |  |         mainXi18n(['-p', basePath, '--i18nFormat=xlf2', '--outFile=messages.xliff2.xlf'], errorSpy); | 
					
						
							| 
									
										
										
										
											2017-09-12 15:53:17 -07:00
										 |  |  |     expect(errorSpy).not.toHaveBeenCalled(); | 
					
						
							|  |  |  |     expect(exitCode).toBe(0); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     const moduleOutput = path.join(outDir, 'src', 'module.js'); | 
					
						
							|  |  |  |     expect(fs.existsSync(moduleOutput)).toBeFalsy(); | 
					
						
							|  |  |  |   }); | 
					
						
							| 
									
										
										
										
											2017-09-13 16:55:42 -07:00
										 |  |  | }); |