2f2d5f35bd
Fixes #14638 Uses Domino - https://github.com/fgnass/domino and removes dependency on Parse5. The DOCUMENT and nativeElement were never typed earlier and were different on the browser(DOM nodes) and the server(Parse5 nodes). With this change, platform-server also exposes a DOCUMENT and nativeElement that is closer to the client. If you were relying on nativeElement on the server, you would have to change your code to use the DOM API now instead of Parse5 AST API. Removes the need to add services for each and every Document manipulation like Title/Meta etc. This does *not* provide a global variable 'document' or 'window' on the server. You still have to inject DOCUMENT to get the document backing the current platform server instance.
99 lines
3.6 KiB
TypeScript
99 lines
3.6 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 './init';
|
|
import * as fs from 'fs';
|
|
import * as path from 'path';
|
|
|
|
import {MultipleComponentsMyComp} from '../src/a/multiple_components';
|
|
import {BasicComp} from '../src/basic';
|
|
import {createComponent} from './util';
|
|
|
|
describe('template codegen output', () => {
|
|
const outDir = 'src';
|
|
|
|
it('should lower Decorators without reflect-metadata', () => {
|
|
const jsOutput = path.join(outDir, 'basic.js');
|
|
expect(fs.existsSync(jsOutput)).toBeTruthy();
|
|
expect(fs.readFileSync(jsOutput, {encoding: 'utf-8'})).not.toContain('Reflect.decorate');
|
|
});
|
|
|
|
it('should produce metadata.json outputs', () => {
|
|
const metadataOutput = path.join(outDir, 'basic.metadata.json');
|
|
expect(fs.existsSync(metadataOutput)).toBeTruthy();
|
|
const output = fs.readFileSync(metadataOutput, {encoding: 'utf-8'});
|
|
expect(output).toContain('"decorators":');
|
|
expect(output).toContain('"module":"@angular/core","name":"Component"');
|
|
});
|
|
|
|
it('should write .d.ts files', () => {
|
|
const dtsOutput = path.join(outDir, 'basic.d.ts');
|
|
expect(fs.existsSync(dtsOutput)).toBeTruthy();
|
|
expect(fs.readFileSync(dtsOutput, {encoding: 'utf-8'})).toContain('Basic');
|
|
});
|
|
|
|
it('should write .ngfactory.js for .d.ts inputs', () => {
|
|
const factoryOutput =
|
|
path.join('node_modules', '@angular2-material', 'button', 'button.ngfactory.js');
|
|
expect(fs.existsSync(factoryOutput)).toBeTruthy();
|
|
});
|
|
|
|
it('should be able to create the basic component', () => {
|
|
const compFixture = createComponent(BasicComp);
|
|
expect(compFixture.componentInstance).toBeTruthy();
|
|
});
|
|
|
|
it('should support ngIf', () => {
|
|
const compFixture = createComponent(BasicComp);
|
|
const debugElement = compFixture.debugElement;
|
|
expect(debugElement.children.length).toBe(3);
|
|
|
|
compFixture.componentInstance.ctxBool = true;
|
|
compFixture.detectChanges();
|
|
expect(debugElement.children.length).toBe(4);
|
|
expect(debugElement.children[2].injector.get(MultipleComponentsMyComp)).toBeTruthy();
|
|
});
|
|
|
|
it('should support ngFor', () => {
|
|
const compFixture = createComponent(BasicComp);
|
|
const debugElement = compFixture.debugElement;
|
|
expect(debugElement.children.length).toBe(3);
|
|
|
|
// test NgFor
|
|
compFixture.componentInstance.ctxArr = [1, 2];
|
|
compFixture.detectChanges();
|
|
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('xlf');
|
|
});
|
|
|
|
it('should support i18n for content tags', () => {
|
|
const containerElement = createComponent(BasicComp).nativeElement;
|
|
const pElement = containerElement.querySelector('p');
|
|
const pText = pElement.textContent;
|
|
expect(pText).toBe('tervetuloa');
|
|
});
|
|
|
|
it('should have removed i18n markup', () => {
|
|
const containerElement = createComponent(BasicComp).debugElement.children[0];
|
|
expect(containerElement.attributes['title']).toBe('käännä teksti');
|
|
expect(containerElement.attributes['i18n-title']).toBeUndefined();
|
|
});
|
|
});
|
|
});
|