/** * @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 {beforeEach, ddescribe, xdescribe, describe, iit, inject, beforeEachProviders, it, xit,} from '@angular/core/testing/testing_internal'; import {expect} from '@angular/platform-browser/testing/matchers'; import {Injectable, Component, Input, ViewMetadata, Compiler, ComponentFactory, Injector, NgModule, NgModuleFactory} from '@angular/core'; import {ConcreteType, stringify} from '../src/facade/lang'; import {fakeAsync, tick, TestComponentBuilder, ComponentFixture, TestBed} from '@angular/core/testing'; import {XHR, DirectiveResolver} from '@angular/compiler'; import {MockDirectiveResolver} from '@angular/compiler/testing'; import {SpyXHR} from './spies'; @Component({selector: 'child-cmp', template: 'childComp'}) class ChildComp { } @Component({selector: 'some-cmp', template: 'someComp'}) class SomeComp { } @Component({selector: 'some-cmp', templateUrl: './someTpl'}) class SomeCompWithUrlTemplate { } export function main() { describe('RuntimeCompiler', () => { let compiler: Compiler; let xhr: SpyXHR; let tcb: TestComponentBuilder; let dirResolver: MockDirectiveResolver; let injector: Injector; beforeEach( () => { TestBed.configureCompiler({providers: [{provide: XHR, useClass: SpyXHR}]}); }); beforeEach(inject( [Compiler, TestComponentBuilder, XHR, DirectiveResolver, Injector], (_compiler: Compiler, _tcb: TestComponentBuilder, _xhr: SpyXHR, _dirResolver: MockDirectiveResolver, _injector: Injector) => { compiler = _compiler; tcb = _tcb; xhr = _xhr; dirResolver = _dirResolver; injector = _injector; })); describe('clearCacheFor', () => { it('should support changing the content of a template referenced via templateUrl', fakeAsync(() => { xhr.spy('get').andCallFake(() => Promise.resolve('init')); let compFixture = tcb.overrideView(SomeComp, new ViewMetadata({templateUrl: '/myComp.html'})) .createFakeAsync(SomeComp); expect(compFixture.nativeElement).toHaveText('init'); xhr.spy('get').andCallFake(() => Promise.resolve('new content')); // Note: overrideView is calling .clearCacheFor... compFixture = tcb.overrideView(SomeComp, new ViewMetadata({templateUrl: '/myComp.html'})) .createFakeAsync(SomeComp); expect(compFixture.nativeElement).toHaveText('new content'); })); it('should support overwriting inline templates', () => { let componentFixture = tcb.createSync(SomeComp); expect(componentFixture.nativeElement).toHaveText('someComp'); componentFixture = tcb.overrideTemplate(SomeComp, 'test').createSync(SomeComp); expect(componentFixture.nativeElement).toHaveText('test'); }); it('should not update existing compilation results', () => { dirResolver.setView( SomeComp, new ViewMetadata({template: '', directives: [ChildComp]})); dirResolver.setInlineTemplate(ChildComp, 'oldChild'); let compFactory = compiler.compileComponentSync(SomeComp); dirResolver.setInlineTemplate(ChildComp, 'newChild'); compiler.compileComponentSync(SomeComp); let compRef = compFactory.create(injector); expect(compRef.location.nativeElement).toHaveText('oldChild'); }); }); describe('compileComponentSync', () => { it('should throw when using a templateUrl that has not been compiled before', () => { xhr.spy('get').andCallFake(() => Promise.resolve('')); expect(() => tcb.createSync(SomeCompWithUrlTemplate)) .toThrowError( `Can't compile synchronously as ${stringify(SomeCompWithUrlTemplate)} is still being loaded!`); }); it('should throw when using a templateUrl in a nested component that has not been compiled before', () => { xhr.spy('get').andCallFake(() => Promise.resolve('')); let localTcb = tcb.overrideView(SomeComp, new ViewMetadata({template: '', directives: [ChildComp]})) .overrideView(ChildComp, new ViewMetadata({templateUrl: '/someTpl.html'})); expect(() => localTcb.createSync(SomeComp)) .toThrowError( `Can't compile synchronously as ${stringify(ChildComp)} is still being loaded!`); }); it('should allow to use templateUrl components that have been loaded before', fakeAsync(() => { xhr.spy('get').andCallFake(() => Promise.resolve('hello')); tcb.createFakeAsync(SomeCompWithUrlTemplate); let compFixture = tcb.createSync(SomeCompWithUrlTemplate); expect(compFixture.nativeElement).toHaveText('hello'); })); }); describe('compileModuleAsync', () => { it('should allow to use templateUrl components', fakeAsync(() => { @NgModule({ declarations: [SomeCompWithUrlTemplate], entryComponents: [SomeCompWithUrlTemplate] }) class SomeModule { } xhr.spy('get').andCallFake(() => Promise.resolve('hello')); let ngModuleFactory: NgModuleFactory; compiler.compileModuleAsync(SomeModule).then((f) => ngModuleFactory = f); tick(); expect(ngModuleFactory.moduleType).toBe(SomeModule); })); }); describe('compileModuleSync', () => { it('should throw when using a templateUrl that has not been compiled before', () => { @NgModule( {declarations: [SomeCompWithUrlTemplate], entryComponents: [SomeCompWithUrlTemplate]}) class SomeModule { } xhr.spy('get').andCallFake(() => Promise.resolve('')); expect(() => compiler.compileModuleSync(SomeModule)) .toThrowError( `Can't compile synchronously as ${stringify(SomeCompWithUrlTemplate)} is still being loaded!`); }); it('should throw when using a templateUrl in a nested component that has not been compiled before', () => { @NgModule({declarations: [SomeComp], entryComponents: [SomeComp]}) class SomeModule { } xhr.spy('get').andCallFake(() => Promise.resolve('')); dirResolver.setView(SomeComp, new ViewMetadata({template: '', directives: [ChildComp]})); dirResolver.setView(ChildComp, new ViewMetadata({templateUrl: '/someTpl.html'})); expect(() => compiler.compileModuleSync(SomeModule)) .toThrowError( `Can't compile synchronously as ${stringify(ChildComp)} is still being loaded!`); }); it('should allow to use templateUrl components that have been loaded before', fakeAsync(() => { @NgModule({ declarations: [SomeCompWithUrlTemplate], entryComponents: [SomeCompWithUrlTemplate] }) class SomeModule { } xhr.spy('get').andCallFake(() => Promise.resolve('hello')); compiler.compileModuleAsync(SomeModule); tick(); let ngModuleFactory = compiler.compileModuleSync(SomeModule); expect(ngModuleFactory).toBeTruthy(); })); }); }); }