ea8a43def0
Now converts shorthand imports for every TypeScript target. Tsickle is able to expand index shorthand imports for every TypeScript target and module possibility. Expanding shorthand imports for CommonJS modules is also helpful when testing in the browser. Module loaders like SystemJS are not able to understand directory imports (or index shorthand imports)
423 lines
12 KiB
TypeScript
423 lines
12 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 * as fs from 'fs';
|
|
import * as path from 'path';
|
|
|
|
import {main} from '../src/main';
|
|
|
|
import {makeTempDir} from './test_support';
|
|
|
|
describe('tsc-wrapped', () => {
|
|
let basePath: string;
|
|
let write: (fileName: string, content: string) => void;
|
|
|
|
beforeEach(() => {
|
|
basePath = makeTempDir();
|
|
write = (fileName: string, content: string) => {
|
|
fs.writeFileSync(path.join(basePath, fileName), content, {encoding: 'utf-8'});
|
|
};
|
|
write('decorators.ts', '/** @Annotation */ export var Component: Function;');
|
|
fs.mkdirSync(path.join(basePath, 'dep'));
|
|
write('dep/index.ts', `
|
|
export const A = 1;
|
|
export const B = 2;
|
|
`);
|
|
write('test.ts', `
|
|
import {Component} from './decorators';
|
|
export * from './dep';
|
|
|
|
@Component({})
|
|
export class Comp {
|
|
/**
|
|
* Comment that is
|
|
* multiple lines
|
|
*/
|
|
method(x: string): void {}
|
|
}
|
|
`);
|
|
});
|
|
|
|
function readOut(ext: string) {
|
|
return fs.readFileSync(path.join(basePath, 'built', `test.${ext}`), {encoding: 'utf-8'});
|
|
}
|
|
|
|
it('should report error if project not found', () => {
|
|
main('not-exist', null as any)
|
|
.then(() => fail('should report error'))
|
|
.catch(e => expect(e.message).toContain('ENOENT'));
|
|
});
|
|
|
|
it('should pre-process sources', (done) => {
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": true,
|
|
"moduleResolution": "node",
|
|
"target": "es2015"
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": true
|
|
},
|
|
"files": ["test.ts"]
|
|
}`);
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
const out = readOut('js');
|
|
// No helpers since decorators were lowered
|
|
expect(out).not.toContain('__decorate');
|
|
// Expand `export *` and fix index import
|
|
expect(out).toContain(`export { A, B } from './dep/index'`);
|
|
// Annotated for Closure compiler
|
|
expect(out).toContain('* @param {?} x');
|
|
// Comments should stay multi-line
|
|
expect(out).not.toContain('Comment that is multiple lines');
|
|
// Decorator is now an annotation
|
|
expect(out).toMatch(/Comp.decorators = \[\s+\{ type: Component/);
|
|
const decl = readOut('d.ts');
|
|
expect(decl).toContain('declare class Comp');
|
|
const metadata = readOut('metadata.json');
|
|
expect(metadata).toContain('"Comp":{"__symbolic":"class"');
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
it('should pre-process sources using config from vinyl like object', (done) => {
|
|
const config = {
|
|
path: basePath + '/tsconfig.json',
|
|
contents: new Buffer(JSON.stringify({
|
|
compilerOptions: {
|
|
experimentalDecorators: true,
|
|
types: [],
|
|
outDir: 'built',
|
|
declaration: true,
|
|
moduleResolution: 'node',
|
|
target: 'es2015'
|
|
},
|
|
angularCompilerOptions: {annotateForClosureCompiler: true},
|
|
files: ['test.ts']
|
|
}))
|
|
};
|
|
|
|
main(config, {basePath})
|
|
.then(() => {
|
|
const out = readOut('js');
|
|
// Expand `export *` and fix index import
|
|
expect(out).toContain(`export { A, B } from './dep/index'`);
|
|
// Annotated for Closure compiler
|
|
expect(out).toContain('* @param {?} x');
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
it('should allow all options disabled', (done) => {
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": false,
|
|
"module": "es2015",
|
|
"moduleResolution": "node"
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": false,
|
|
"annotationsAs": "decorators",
|
|
"skipMetadataEmit": true,
|
|
"skipTemplateCodegen": true
|
|
},
|
|
"files": ["test.ts"]
|
|
}`);
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
const out = readOut('js');
|
|
// TypeScript's decorator emit
|
|
expect(out).toContain('__decorate');
|
|
// Not annotated for Closure compiler
|
|
expect(out).not.toContain('* @param {?} x');
|
|
expect(() => fs.accessSync(path.join(basePath, 'built', 'test.metadata.json'))).toThrow();
|
|
expect(() => fs.accessSync(path.join(basePath, 'built', 'test.d.ts'))).toThrow();
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
it('should allow all options disabled with metadata emit', (done) => {
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": false,
|
|
"module": "es2015",
|
|
"moduleResolution": "node"
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": false,
|
|
"annotationsAs": "decorators",
|
|
"skipMetadataEmit": false,
|
|
"skipTemplateCodegen": true
|
|
},
|
|
"files": ["test.ts"]
|
|
}`);
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
const out = readOut('js');
|
|
// TypeScript's decorator emit
|
|
expect(out).toContain('__decorate');
|
|
// Not annotated for Closure compiler
|
|
expect(out).not.toContain('* @param {?} x');
|
|
expect(() => fs.accessSync(path.join(basePath, 'built', 'test.d.ts'))).toThrow();
|
|
const metadata = readOut('metadata.json');
|
|
expect(metadata).toContain('"Comp":{"__symbolic":"class"');
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
it('should allow JSDoc annotations without decorator downleveling', (done) => {
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": true
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": true,
|
|
"annotationsAs": "decorators"
|
|
},
|
|
"files": ["test.ts"]
|
|
}`);
|
|
main(basePath, {basePath}).then(() => done()).catch(e => done.fail(e));
|
|
});
|
|
|
|
xit('should run quickly (performance baseline)', (done) => {
|
|
for (let i = 0; i < 1000; i++) {
|
|
write(`input${i}.ts`, `
|
|
import {Component} from './decorators';
|
|
@Component({})
|
|
export class Input${i} {
|
|
private __brand: string;
|
|
}
|
|
`);
|
|
}
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": true,
|
|
"diagnostics": true
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": false,
|
|
"annotationsAs": "decorators",
|
|
"skipMetadataEmit": true
|
|
},
|
|
"include": ["input*.ts"]
|
|
}`);
|
|
console.time('BASELINE');
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
console.timeEnd('BASELINE');
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
xit('should run quickly (performance test)', (done) => {
|
|
for (let i = 0; i < 1000; i++) {
|
|
write(`input${i}.ts`, `
|
|
import {Component} from './decorators';
|
|
@Component({})
|
|
export class Input${i} {
|
|
private __brand: string;
|
|
}
|
|
`);
|
|
}
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": true,
|
|
"diagnostics": true,
|
|
"skipLibCheck": true
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": true
|
|
},
|
|
"include": ["input*.ts"]
|
|
}`);
|
|
console.time('TSICKLE');
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
console.timeEnd('TSICKLE');
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
it('should produce valid source maps', (done) => {
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": true,
|
|
"moduleResolution": "node",
|
|
"target": "es2015",
|
|
"sourceMap": true
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": true
|
|
},
|
|
"files": ["test.ts"]
|
|
}`);
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
const out = readOut('js.map');
|
|
expect(out).toContain('"sources":["../test.ts"]');
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
it('should accept input source maps', (done) => {
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": true,
|
|
"moduleResolution": "node",
|
|
"target": "es2015",
|
|
"sourceMap": true
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": true
|
|
},
|
|
"files": ["test.ts"]
|
|
}`);
|
|
// Provide a file called test.ts that has an inline source map
|
|
// which says that it was transpiled from a file other_test.ts
|
|
// with exactly the same content.
|
|
const inputSourceMap =
|
|
`{"version":3,"sources":["other_test.ts"],"names":[],"mappings":"AAAA,MAAM,EAAE,EAAE,CAAC","file":"../test.ts","sourceRoot":""}`;
|
|
const encodedSourceMap = new Buffer(inputSourceMap, 'utf8').toString('base64');
|
|
write('test.ts', `const x = 3;
|
|
//# sourceMappingURL=data:application/json;base64,${encodedSourceMap}`);
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
const out = readOut('js.map');
|
|
expect(out).toContain('"sources":["other_test.ts"]');
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
it(`should accept input source maps that don't match the file name`, (done) => {
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": true,
|
|
"moduleResolution": "node",
|
|
"target": "es2015",
|
|
"sourceMap": true
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": true
|
|
},
|
|
"files": ["test.ts"]
|
|
}`);
|
|
// Provide a file called test.ts that has an inline source map
|
|
// which says that it was transpiled from a file other_test.ts
|
|
// with exactly the same content.
|
|
const inputSourceMap =
|
|
`{"version":3,"sources":["other_test.ts"],"names":[],"mappings":"AAAA,MAAM,EAAE,EAAE,CAAC","file":"test.ts","sourceRoot":""}`;
|
|
const encodedSourceMap = new Buffer(inputSourceMap, 'utf8').toString('base64');
|
|
write('test.ts', `const x = 3;
|
|
//# sourceMappingURL=data:application/json;base64,${encodedSourceMap}`);
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
const out = readOut('js.map');
|
|
expect(out).toContain('"sources":["other_test.ts"]');
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
it('should expand shorthand imports for ES2015 modules', (done) => {
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": true,
|
|
"moduleResolution": "node",
|
|
"target": "es2015",
|
|
"module": "es2015"
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": true
|
|
},
|
|
"files": ["test.ts"]
|
|
}`);
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
const fileOutput = readOut('js');
|
|
expect(fileOutput).toContain(`export { A, B } from './dep/index'`);
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
it('should expand shorthand imports for ES5 CommonJS modules', (done) => {
|
|
write('tsconfig.json', `{
|
|
"compilerOptions": {
|
|
"experimentalDecorators": true,
|
|
"types": [],
|
|
"outDir": "built",
|
|
"declaration": true,
|
|
"moduleResolution": "node",
|
|
"target": "es5",
|
|
"module": "commonjs"
|
|
},
|
|
"angularCompilerOptions": {
|
|
"annotateForClosureCompiler": true
|
|
},
|
|
"files": ["test.ts"]
|
|
}`);
|
|
|
|
main(basePath, {basePath})
|
|
.then(() => {
|
|
const fileOutput = readOut('js');
|
|
expect(fileOutput).toContain(`var index_1 = require("./dep/index");`);
|
|
done();
|
|
})
|
|
.catch(e => done.fail(e));
|
|
});
|
|
|
|
});
|