710 lines
		
	
	
		
			23 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			710 lines
		
	
	
		
			23 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| /**
 | |
|  * @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 {makeTempDir} from '@angular/tsc-wrapped/test/test_support';
 | |
| import * as fs from 'fs';
 | |
| import * as path from 'path';
 | |
| import * as ts from 'typescript';
 | |
| 
 | |
| import {main, performCompilation} from '../src/ngc';
 | |
| 
 | |
| function getNgRootDir() {
 | |
|   const moduleFilename = module.filename.replace(/\\/g, '/');
 | |
|   const distIndex = moduleFilename.indexOf('/dist/all');
 | |
|   return moduleFilename.substr(0, distIndex);
 | |
| }
 | |
| 
 | |
| describe('ngc command-line', () => {
 | |
|   let basePath: string;
 | |
|   let outDir: string;
 | |
|   let write: (fileName: string, content: string) => void;
 | |
| 
 | |
|   function writeConfig(tsconfig: string = '{"extends": "./tsconfig-base.json"}') {
 | |
|     write('tsconfig.json', tsconfig);
 | |
|   }
 | |
| 
 | |
|   beforeEach(() => {
 | |
|     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'});
 | |
|     };
 | |
|     write('tsconfig-base.json', `{
 | |
|       "compilerOptions": {
 | |
|         "experimentalDecorators": true,
 | |
|         "skipLibCheck": true,
 | |
|         "types": [],
 | |
|         "outDir": "built",
 | |
|         "declaration": true,
 | |
|         "module": "es2015",
 | |
|         "moduleResolution": "node",
 | |
|         "lib": ["es6", "dom"]
 | |
|       }
 | |
|     }`);
 | |
|     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'));
 | |
|   });
 | |
| 
 | |
|   it('should compile without errors', () => {
 | |
|     writeConfig();
 | |
|     write('test.ts', 'export const A = 1;');
 | |
| 
 | |
|     const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|     spyOn(mockConsole, 'error');
 | |
| 
 | |
|     const result = main(['-p', basePath], mockConsole.error);
 | |
|     expect(mockConsole.error).not.toHaveBeenCalled();
 | |
|     expect(result).toBe(0);
 | |
|   });
 | |
| 
 | |
|   it('should be able to be called without a config file by passing options explicitly', () => {
 | |
|     write('test.ts', 'export const A = 1;');
 | |
| 
 | |
|     const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|     spyOn(mockConsole, 'error');
 | |
| 
 | |
|     const result = performCompilation(
 | |
|         basePath, [path.join(basePath, 'test.ts')], {
 | |
|           experimentalDecorators: true,
 | |
|           skipLibCheck: true,
 | |
|           types: [],
 | |
|           outDir: path.join(basePath, 'built'),
 | |
|           declaration: true,
 | |
|           module: ts.ModuleKind.ES2015,
 | |
|           moduleResolution: ts.ModuleResolutionKind.NodeJs,
 | |
|         },
 | |
|         {}, mockConsole.error);
 | |
|     expect(mockConsole.error).not.toHaveBeenCalled();
 | |
|     expect(result).toBe(0);
 | |
|   });
 | |
| 
 | |
|   it('should not print the stack trace if user input file does not exist', () => {
 | |
|     writeConfig(`{
 | |
|       "extends": "./tsconfig-base.json",
 | |
|       "files": ["test.ts"]
 | |
|     }`);
 | |
|     const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|     spyOn(mockConsole, 'error');
 | |
| 
 | |
|     const exitCode = main(['-p', basePath], mockConsole.error);
 | |
|     expect(mockConsole.error)
 | |
|         .toHaveBeenCalledWith(
 | |
|             `error TS6053: File '` + path.join(basePath, 'test.ts') + `' not found.` +
 | |
|             '\n');
 | |
|     expect(mockConsole.error).not.toHaveBeenCalledWith('Compilation failed');
 | |
|     expect(exitCode).toEqual(1);
 | |
|   });
 | |
| 
 | |
|   it('should not print the stack trace if user input file is malformed', () => {
 | |
|     writeConfig();
 | |
|     write('test.ts', 'foo;');
 | |
| 
 | |
|     const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|     spyOn(mockConsole, 'error');
 | |
| 
 | |
|     const exitCode = main(['-p', basePath], mockConsole.error);
 | |
|     expect(mockConsole.error)
 | |
|         .toHaveBeenCalledWith(
 | |
|             `test.ts(1,1): error TS2304: Cannot find name 'foo'.` +
 | |
|             '\n');
 | |
|     expect(mockConsole.error).not.toHaveBeenCalledWith('Compilation failed');
 | |
|     expect(exitCode).toEqual(1);
 | |
|   });
 | |
| 
 | |
|   it('should not print the stack trace if cannot find the imported module', () => {
 | |
|     writeConfig();
 | |
|     write('test.ts', `import {MyClass} from './not-exist-deps';`);
 | |
| 
 | |
|     const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|     spyOn(mockConsole, 'error');
 | |
| 
 | |
|     const exitCode = main(['-p', basePath], mockConsole.error);
 | |
|     expect(mockConsole.error)
 | |
|         .toHaveBeenCalledWith(
 | |
|             `test.ts(1,23): error TS2307: Cannot find module './not-exist-deps'.` +
 | |
|             '\n');
 | |
|     expect(mockConsole.error).not.toHaveBeenCalledWith('Compilation failed');
 | |
|     expect(exitCode).toEqual(1);
 | |
|   });
 | |
| 
 | |
|   it('should not print the stack trace if cannot import', () => {
 | |
|     writeConfig();
 | |
|     write('empty-deps.ts', 'export const A = 1;');
 | |
|     write('test.ts', `import {MyClass} from './empty-deps';`);
 | |
| 
 | |
|     const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|     spyOn(mockConsole, 'error');
 | |
| 
 | |
|     const exitCode = main(['-p', basePath], mockConsole.error);
 | |
|     expect(mockConsole.error)
 | |
|         .toHaveBeenCalledWith(
 | |
|             `test.ts(1,9): error TS2305: Module '"` + path.join(basePath, 'empty-deps') +
 | |
|             `"' has no exported member 'MyClass'.` +
 | |
|             '\n');
 | |
|     expect(mockConsole.error).not.toHaveBeenCalledWith('Compilation failed');
 | |
|     expect(exitCode).toEqual(1);
 | |
|   });
 | |
| 
 | |
|   it('should not print the stack trace if type mismatches', () => {
 | |
|     writeConfig();
 | |
|     write('empty-deps.ts', 'export const A = "abc";');
 | |
|     write('test.ts', `
 | |
|       import {A} from './empty-deps';
 | |
|       A();
 | |
|     `);
 | |
| 
 | |
|     const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|     spyOn(mockConsole, 'error');
 | |
| 
 | |
|     const exitCode = main(['-p', basePath], mockConsole.error);
 | |
|     expect(mockConsole.error)
 | |
|         .toHaveBeenCalledWith(
 | |
|             'test.ts(3,7): error TS2349: Cannot invoke an expression whose type lacks a call signature. ' +
 | |
|             'Type \'String\' has no compatible call signatures.\n');
 | |
|     expect(mockConsole.error).not.toHaveBeenCalledWith('Compilation failed');
 | |
|     expect(exitCode).toEqual(1);
 | |
|   });
 | |
| 
 | |
|   it('should print the stack trace on compiler internal errors', () => {
 | |
|     write('test.ts', 'export const A = 1;');
 | |
| 
 | |
|     const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|     spyOn(mockConsole, 'error');
 | |
| 
 | |
|     const exitCode = main(['-p', 'not-exist'], mockConsole.error);
 | |
|     expect(mockConsole.error).toHaveBeenCalled();
 | |
|     expect(mockConsole.error).toHaveBeenCalledWith('Compilation failed');
 | |
|     expect(exitCode).toEqual(2);
 | |
|   });
 | |
| 
 | |
|   describe('compile ngfactory files', () => {
 | |
|     it('should report errors for ngfactory files that are not referenced by root files', () => {
 | |
|       writeConfig(`{
 | |
|           "extends": "./tsconfig-base.json",
 | |
|           "files": ["mymodule.ts"]
 | |
|         }`);
 | |
|       write('mymodule.ts', `
 | |
|         import {NgModule, Component} from '@angular/core';
 | |
| 
 | |
|         @Component({template: '{{unknownProp}}'})
 | |
|         export class MyComp {}
 | |
| 
 | |
|         @NgModule({declarations: [MyComp]})
 | |
|         export class MyModule {}
 | |
|       `);
 | |
| 
 | |
|       const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|       const errorSpy = spyOn(mockConsole, 'error');
 | |
| 
 | |
|       const exitCode = main(['-p', basePath], mockConsole.error);
 | |
|       expect(errorSpy).toHaveBeenCalledTimes(1);
 | |
|       expect(errorSpy.calls.mostRecent().args[0])
 | |
|           .toContain('Error at ng://' + path.join(basePath, 'mymodule.ts.MyComp.html'));
 | |
|       expect(errorSpy.calls.mostRecent().args[0])
 | |
|           .toContain(`Property 'unknownProp' does not exist on type 'MyComp'`);
 | |
| 
 | |
|       expect(exitCode).toEqual(1);
 | |
|     });
 | |
| 
 | |
|     it('should report errors as coming from the html file, not the factory', () => {
 | |
|       writeConfig(`{
 | |
|           "extends": "./tsconfig-base.json",
 | |
|           "files": ["mymodule.ts"]
 | |
|         }`);
 | |
|       write('my.component.ts', `
 | |
|         import {Component} from '@angular/core';
 | |
|         @Component({templateUrl: './my.component.html'})
 | |
|         export class MyComp {}
 | |
|       `);
 | |
|       write('my.component.html', `<h1>
 | |
|         {{unknownProp}}
 | |
|        </h1>`);
 | |
|       write('mymodule.ts', `
 | |
|         import {NgModule} from '@angular/core';
 | |
|         import {MyComp} from './my.component';
 | |
| 
 | |
|         @NgModule({declarations: [MyComp]})
 | |
|         export class MyModule {}
 | |
|       `);
 | |
| 
 | |
|       const mockConsole = {error: (s: string) => {}};
 | |
| 
 | |
|       const errorSpy = spyOn(mockConsole, 'error');
 | |
| 
 | |
|       const exitCode = main(['-p', basePath], mockConsole.error);
 | |
|       expect(errorSpy).toHaveBeenCalledTimes(1);
 | |
|       expect(errorSpy.calls.mostRecent().args[0])
 | |
|           .toContain('Error at ng://' + path.join(basePath, 'my.component.html(1,5):'));
 | |
|       expect(errorSpy.calls.mostRecent().args[0])
 | |
|           .toContain(`Property 'unknownProp' does not exist on type 'MyComp'`);
 | |
| 
 | |
|       expect(exitCode).toEqual(1);
 | |
|     });
 | |
| 
 | |
|     it('should compile ngfactory files that are not referenced by root files', () => {
 | |
|       writeConfig(`{
 | |
|           "extends": "./tsconfig-base.json",
 | |
|           "files": ["mymodule.ts"]
 | |
|         }`);
 | |
|       write('mymodule.ts', `
 | |
|         import {CommonModule} from '@angular/common';
 | |
|         import {NgModule} from '@angular/core';
 | |
| 
 | |
|         @NgModule({
 | |
|           imports: [CommonModule]
 | |
|         })
 | |
|         export class MyModule {}
 | |
|       `);
 | |
| 
 | |
|       const exitCode = main(['-p', basePath]);
 | |
|       expect(exitCode).toEqual(0);
 | |
| 
 | |
|       expect(fs.existsSync(path.resolve(outDir, 'mymodule.ngfactory.js'))).toBe(true);
 | |
|       expect(fs.existsSync(path.resolve(
 | |
|                  outDir, 'node_modules', '@angular', 'core', 'src',
 | |
|                  'application_module.ngfactory.js')))
 | |
|           .toBe(true);
 | |
|     });
 | |
| 
 | |
|     it('should compile with a explicit tsconfig reference', () => {
 | |
|       writeConfig(`{
 | |
|           "extends": "./tsconfig-base.json",
 | |
|           "files": ["mymodule.ts"]
 | |
|         }`);
 | |
|       write('mymodule.ts', `
 | |
|         import {CommonModule} from '@angular/common';
 | |
|         import {NgModule} from '@angular/core';
 | |
| 
 | |
|         @NgModule({
 | |
|           imports: [CommonModule]
 | |
|         })
 | |
|         export class MyModule {}
 | |
|       `);
 | |
| 
 | |
|       const exitCode = main(['-p', path.join(basePath, 'tsconfig.json')]);
 | |
|       expect(exitCode).toEqual(0);
 | |
| 
 | |
|       expect(fs.existsSync(path.resolve(outDir, 'mymodule.ngfactory.js'))).toBe(true);
 | |
|       expect(fs.existsSync(path.resolve(
 | |
|                  outDir, 'node_modules', '@angular', 'core', 'src',
 | |
|                  'application_module.ngfactory.js')))
 | |
|           .toBe(true);
 | |
|     });
 | |
| 
 | |
|     const shouldExist = (fileName: string) => {
 | |
|       if (!fs.existsSync(path.resolve(outDir, fileName))) {
 | |
|         throw new Error(`Expected ${fileName} to be emitted (outDir: ${outDir})`);
 | |
|       }
 | |
|     };
 | |
|     const shouldNotExist =
 | |
|         (fileName: string) => {
 | |
|           if (fs.existsSync(path.resolve(outDir, fileName))) {
 | |
|             throw new Error(`Did not expect ${fileName} to be emitted (outDir: ${outDir})`);
 | |
|           }
 | |
|         }
 | |
| 
 | |
|     it('should be able to generate a flat module library', () => {
 | |
|       writeConfig(`
 | |
|         {
 | |
|           "angularCompilerOptions": {
 | |
|             "genDir": "ng",
 | |
|             "flatModuleId": "flat_module",
 | |
|             "flatModuleOutFile": "index.js",
 | |
|             "skipTemplateCodegen": true
 | |
|           },
 | |
| 
 | |
|           "compilerOptions": {
 | |
|             "target": "es5",
 | |
|             "experimentalDecorators": true,
 | |
|             "noImplicitAny": true,
 | |
|             "moduleResolution": "node",
 | |
|             "rootDir": "",
 | |
|             "declaration": true,
 | |
|             "lib": ["es6", "dom"],
 | |
|             "baseUrl": ".",
 | |
|             "outDir": "built",
 | |
|             "typeRoots": ["node_modules/@types"]
 | |
|         },
 | |
| 
 | |
|         "files": ["public-api.ts"]
 | |
|         }
 | |
|       `);
 | |
|       write('public-api.ts', `
 | |
|         export * from './src/flat.component';
 | |
|         export * from './src/flat.module';`);
 | |
|       write('src/flat.component.html', '<div>flat module component</div>');
 | |
|       write('src/flat.component.ts', `
 | |
|         import {Component} from '@angular/core';
 | |
| 
 | |
|         @Component({
 | |
|           selector: 'flat-comp',
 | |
|           templateUrl: 'flat.component.html',
 | |
|         })
 | |
|         export class FlatComponent {
 | |
|         }`);
 | |
|       write('src/flat.module.ts', `
 | |
|         import {NgModule} from '@angular/core';
 | |
| 
 | |
|         import {FlatComponent} from './flat.component';
 | |
| 
 | |
|         @NgModule({
 | |
|           declarations: [
 | |
|             FlatComponent,
 | |
|           ],
 | |
|           exports: [
 | |
|             FlatComponent,
 | |
|           ]
 | |
|         })
 | |
|         export class FlatModule {
 | |
|         }`);
 | |
| 
 | |
|       const exitCode = main(['-p', path.join(basePath, 'tsconfig.json')]);
 | |
|       expect(exitCode).toEqual(0);
 | |
|       shouldExist('index.js');
 | |
|       shouldExist('index.metadata.json');
 | |
|     });
 | |
| 
 | |
|     it('should be able to build a flat module passing explicit options', () => {
 | |
|       write('public-api.ts', `
 | |
|         export * from './src/flat.component';
 | |
|         export * from './src/flat.module';`);
 | |
|       write('src/flat.component.html', '<div>flat module component</div>');
 | |
|       write('src/flat.component.ts', `
 | |
|         import {Component} from '@angular/core';
 | |
| 
 | |
|         @Component({
 | |
|           selector: 'flat-comp',
 | |
|           templateUrl: 'flat.component.html',
 | |
|         })
 | |
|         export class FlatComponent {
 | |
|         }`);
 | |
|       write('src/flat.module.ts', `
 | |
|         import {NgModule} from '@angular/core';
 | |
| 
 | |
|         import {FlatComponent} from './flat.component';
 | |
| 
 | |
|         @NgModule({
 | |
|           declarations: [
 | |
|             FlatComponent,
 | |
|           ],
 | |
|           exports: [
 | |
|             FlatComponent,
 | |
|           ]
 | |
|         })
 | |
|         export class FlatModule {
 | |
|         }`);
 | |
| 
 | |
|       const exitCode = performCompilation(
 | |
|           basePath, [path.join(basePath, 'public-api.ts')], {
 | |
|             target: ts.ScriptTarget.ES5,
 | |
|             experimentalDecorators: true,
 | |
|             noImplicitAny: true,
 | |
|             moduleResolution: ts.ModuleResolutionKind.NodeJs,
 | |
|             rootDir: basePath,
 | |
|             declaration: true,
 | |
|             lib: ['lib.es2015.d.ts', 'lib.dom.d.ts'],
 | |
|             baseUrl: basePath,
 | |
|             outDir: path.join(basePath, 'built'),
 | |
|             typeRoots: [path.join(basePath, 'node_modules/@types')]
 | |
|           },
 | |
|           {
 | |
|             genDir: 'ng',
 | |
|             flatModuleId: 'flat_module',
 | |
|             flatModuleOutFile: 'index.js',
 | |
|             skipTemplateCodegen: true
 | |
|           });
 | |
| 
 | |
| 
 | |
|       expect(exitCode).toEqual(0);
 | |
|       shouldExist('index.js');
 | |
|       shouldExist('index.metadata.json');
 | |
|     });
 | |
| 
 | |
|     describe('with a third-party library', () => {
 | |
|       const writeGenConfig = (skipCodegen: boolean) => {
 | |
|         writeConfig(`{
 | |
|           "angularCompilerOptions": {
 | |
|             "skipTemplateCodegen": ${skipCodegen},
 | |
|             "enableSummariesForJit": true
 | |
|           },
 | |
|           "compilerOptions": {
 | |
|             "target": "es5",
 | |
|             "experimentalDecorators": true,
 | |
|             "noImplicitAny": true,
 | |
|             "moduleResolution": "node",
 | |
|             "rootDir": "",
 | |
|             "declaration": true,
 | |
|             "lib": ["es6", "dom"],
 | |
|             "baseUrl": ".",
 | |
|             "outDir": "built",
 | |
|             "typeRoots": ["node_modules/@types"]
 | |
|           }
 | |
|         }`);
 | |
|       };
 | |
|       beforeEach(() => {
 | |
|         write('comp.ts', `
 | |
|           import {Component} from '@angular/core';
 | |
| 
 | |
|           @Component({
 | |
|             selector: 'third-party-comp',
 | |
|             template: '<div>3rdP-component</div>',
 | |
|           })
 | |
|           export class ThirdPartyComponent {
 | |
|           }`);
 | |
|         write('directive.ts', `
 | |
|           import {Directive, Input} from '@angular/core';
 | |
| 
 | |
|           @Directive({
 | |
|             selector: '[thirdParty]',
 | |
|             host: {'[title]': 'thirdParty'},
 | |
|           })
 | |
|           export class ThirdPartyDirective {
 | |
|             @Input() thirdParty: string;
 | |
|           }`);
 | |
|         write('module.ts', `
 | |
|           import {NgModule} from '@angular/core';
 | |
| 
 | |
|           import {ThirdPartyComponent} from './comp';
 | |
|           import {ThirdPartyDirective} from './directive';
 | |
|           import {AnotherThirdPartyModule} from './other_module';
 | |
| 
 | |
|           @NgModule({
 | |
|             declarations: [
 | |
|               ThirdPartyComponent,
 | |
|               ThirdPartyDirective,
 | |
|             ],
 | |
|             exports: [
 | |
|               AnotherThirdPartyModule,
 | |
|               ThirdPartyComponent,
 | |
|               ThirdPartyDirective,
 | |
|             ],
 | |
|             imports: [AnotherThirdPartyModule]
 | |
|           })
 | |
|           export class ThirdpartyModule {
 | |
|           }`);
 | |
|         write('other_comp.ts', `
 | |
|           import {Component} from '@angular/core';
 | |
| 
 | |
|           @Component({
 | |
|             selector: 'another-third-party-comp',
 | |
|             template: \`<div i18n>other-3rdP-component
 | |
|           multi-lines</div>\`,
 | |
|           })
 | |
|           export class AnotherThirdpartyComponent {
 | |
|           }`);
 | |
|         write('other_module.ts', `
 | |
|           import {NgModule} from '@angular/core';
 | |
|           import {AnotherThirdpartyComponent} from './other_comp';
 | |
| 
 | |
|           @NgModule({
 | |
|             declarations: [AnotherThirdpartyComponent],
 | |
|             exports: [AnotherThirdpartyComponent],
 | |
|           })
 | |
|           export class AnotherThirdPartyModule {
 | |
|           }`);
 | |
|       });
 | |
|       const modules = ['comp', 'directive', 'module', 'other_comp', 'other_module'];
 | |
|       it('should honor skip code generation', () => {
 | |
|         // First ensure that we skip code generation when requested;.
 | |
|         writeGenConfig(/* skipCodegen */ true);
 | |
|         const exitCode = main(['-p', path.join(basePath, 'tsconfig.json')]);
 | |
|         expect(exitCode).toEqual(0);
 | |
|         modules.forEach(moduleName => {
 | |
|           shouldExist(moduleName + '.js');
 | |
|           shouldExist(moduleName + '.d.ts');
 | |
|           shouldExist(moduleName + '.metadata.json');
 | |
|           shouldNotExist(moduleName + '.ngfactory.js');
 | |
|           shouldNotExist(moduleName + '.ngfactory.d.ts');
 | |
|           shouldNotExist(moduleName + '.ngsummary.js');
 | |
|           shouldNotExist(moduleName + '.ngsummary.d.ts');
 | |
|           shouldNotExist(moduleName + '.ngsummary.json');
 | |
|         });
 | |
|       });
 | |
|       it('should produce factories', () => {
 | |
|         // First ensure that we skip code generation when requested;.
 | |
|         writeGenConfig(/* skipCodegen */ false);
 | |
|         const exitCode = main(['-p', path.join(basePath, 'tsconfig.json')]);
 | |
|         expect(exitCode).toEqual(0);
 | |
|         modules.forEach(moduleName => {
 | |
|           shouldExist(moduleName + '.js');
 | |
|           shouldExist(moduleName + '.d.ts');
 | |
|           shouldExist(moduleName + '.metadata.json');
 | |
|           if (!/(directive)|(pipe)/.test(moduleName)) {
 | |
|             shouldExist(moduleName + '.ngfactory.js');
 | |
|             shouldExist(moduleName + '.ngfactory.d.ts');
 | |
|           }
 | |
|           shouldExist(moduleName + '.ngsummary.js');
 | |
|           shouldExist(moduleName + '.ngsummary.d.ts');
 | |
|           shouldExist(moduleName + '.ngsummary.json');
 | |
|           shouldNotExist(moduleName + '.ngfactory.metadata.json');
 | |
|           shouldNotExist(moduleName + '.ngsummary.metadata.json');
 | |
|         });
 | |
|       });
 | |
|     });
 | |
| 
 | |
|     describe('with tree example', () => {
 | |
|       beforeEach(() => {
 | |
|         writeConfig();
 | |
|         write('index_aot.ts', `
 | |
|           import {enableProdMode} from '@angular/core';
 | |
|           import {platformBrowser} from '@angular/platform-browser';
 | |
| 
 | |
|           import {AppModuleNgFactory} from './tree.ngfactory';
 | |
| 
 | |
|           enableProdMode();
 | |
|           platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);`);
 | |
|         write('tree.ts', `
 | |
|           import {Component, NgModule} from '@angular/core';
 | |
|           import {CommonModule} from '@angular/common';
 | |
| 
 | |
|           @Component({
 | |
|             selector: 'tree',
 | |
|             inputs: ['data'],
 | |
|             template:
 | |
|                 \`<span [style.backgroundColor]="bgColor"> {{data.value}} </span><tree *ngIf='data.right != null' [data]='data.right'></tree><tree *ngIf='data.left != null' [data]='data.left'></tree>\`
 | |
|           })
 | |
|           export class TreeComponent {
 | |
|             data: any;
 | |
|             bgColor = 0;
 | |
|           }
 | |
| 
 | |
|           @NgModule({imports: [CommonModule], bootstrap: [TreeComponent], declarations: [TreeComponent]})
 | |
|           export class AppModule {}
 | |
|         `);
 | |
|       });
 | |
| 
 | |
|       it('should compile without error', () => {
 | |
|         expect(main(['-p', path.join(basePath, 'tsconfig.json')])).toBe(0);
 | |
|       });
 | |
|     });
 | |
| 
 | |
|     describe('with summary libraries', () => {
 | |
|       // TODO{chuckj}: Emitting using summaries only works if outDir is set to '.'
 | |
|       const shouldExist = (fileName: string) => {
 | |
|         if (!fs.existsSync(path.resolve(basePath, fileName))) {
 | |
|           throw new Error(`Expected ${fileName} to be emitted (basePath: ${basePath})`);
 | |
|         }
 | |
|       };
 | |
|       const shouldNotExist = (fileName: string) => {
 | |
|         if (fs.existsSync(path.resolve(basePath, fileName))) {
 | |
|           throw new Error(`Did not expect ${fileName} to be emitted (basePath: ${basePath})`);
 | |
|         }
 | |
|       };
 | |
|       beforeEach(() => {
 | |
|         const writeConfig = (dir: string) => {
 | |
|           write(path.join(dir, 'tsconfig.json'), `
 | |
|           {
 | |
|             "angularCompilerOptions": {
 | |
|               "generateCodeForLibraries": false,
 | |
|               "enableSummariesForJit": true
 | |
|             },
 | |
|             "compilerOptions": {
 | |
|               "target": "es5",
 | |
|               "experimentalDecorators": true,
 | |
|               "noImplicitAny": true,
 | |
|               "moduleResolution": "node",
 | |
|               "rootDir": "",
 | |
|               "declaration": true,
 | |
|               "lib": ["es6", "dom"],
 | |
|               "baseUrl": ".",
 | |
|               "paths": { "lib1/*": ["../lib1/*"], "lib2/*": ["../lib2/*"] },
 | |
|               "typeRoots": []
 | |
|             }
 | |
|           }`);
 | |
|         };
 | |
| 
 | |
|         // Lib 1
 | |
|         writeConfig('lib1');
 | |
|         write('lib1/module.ts', `
 | |
|           import {NgModule} from '@angular/core';
 | |
| 
 | |
|           export function someFactory(): any { return null; }
 | |
| 
 | |
|           @NgModule({
 | |
|             providers: [{provide: 'foo', useFactory: someFactory}]
 | |
|           })
 | |
|           export class Module {}
 | |
|         `);
 | |
| 
 | |
|         // Lib 2
 | |
|         writeConfig('lib2');
 | |
|         write('lib2/module.ts', `
 | |
|           export {Module} from 'lib1/module';
 | |
|         `);
 | |
| 
 | |
|         // Application
 | |
|         writeConfig('app');
 | |
|         write('app/main.ts', `
 | |
|           import {NgModule, Inject} from '@angular/core';
 | |
|           import {Module} from 'lib2/module';
 | |
| 
 | |
|           @NgModule({
 | |
|             imports: [Module]
 | |
|           })
 | |
|           export class AppModule {
 | |
|             constructor(@Inject('foo') public foo: any) {}
 | |
|           }
 | |
|         `);
 | |
|       });
 | |
| 
 | |
|       it('should be able to compile library 1', () => {
 | |
|         expect(main(['-p', path.join(basePath, 'lib1')])).toBe(0);
 | |
|         shouldExist('lib1/module.js');
 | |
|         shouldExist('lib1/module.ngsummary.json');
 | |
|         shouldExist('lib1/module.ngsummary.js');
 | |
|         shouldExist('lib1/module.ngsummary.d.ts');
 | |
|         shouldExist('lib1/module.ngfactory.js');
 | |
|         shouldExist('lib1/module.ngfactory.d.ts');
 | |
|       });
 | |
| 
 | |
|       it('should be able to compiler library 2', () => {
 | |
|         expect(main(['-p', path.join(basePath, 'lib1')])).toBe(0);
 | |
|         expect(main(['-p', path.join(basePath, 'lib2')])).toBe(0);
 | |
|         shouldExist('lib2/module.js');
 | |
|         shouldExist('lib2/module.ngsummary.json');
 | |
|         shouldExist('lib2/module.ngsummary.js');
 | |
|         shouldExist('lib2/module.ngsummary.d.ts');
 | |
|         shouldExist('lib2/module.ngfactory.js');
 | |
|         shouldExist('lib2/module.ngfactory.d.ts');
 | |
|       });
 | |
| 
 | |
|       describe('building an application', () => {
 | |
|         beforeEach(() => {
 | |
|           expect(main(['-p', path.join(basePath, 'lib1')])).toBe(0);
 | |
|           expect(main(['-p', path.join(basePath, 'lib2')])).toBe(0);
 | |
|         });
 | |
| 
 | |
|         it('should build without error', () => {
 | |
|           expect(main(['-p', path.join(basePath, 'app')])).toBe(0);
 | |
|           shouldExist('app/main.js');
 | |
|         });
 | |
|       });
 | |
|     });
 | |
|   });
 | |
| });
 |