2016-07-21 20:12:00 -04: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
|
|
|
|
*/
|
|
|
|
|
2016-07-22 12:20:51 -04:00
|
|
|
import {beforeEach, ddescribe, xdescribe, describe, iit, inject, beforeEachProviders, it, xit,} from '@angular/core/testing/testing_internal';
|
|
|
|
import {expect} from '@angular/platform-browser/testing/matchers';
|
2016-06-28 12:54:42 -04:00
|
|
|
import {Injectable, Component, Input, ViewMetadata, Compiler, ComponentFactory, Injector, AppModule, AppModuleMetadata, AppModuleFactory} from '@angular/core';
|
2016-06-24 11:46:43 -04:00
|
|
|
import {ConcreteType, stringify} from '../src/facade/lang';
|
feat(testing): add implicit test module
Every test now has an implicit module. It can be configured via `configureModule` (from @angular/core/testing)
to add providers, directives, pipes, ...
The compiler now has to be configured separately via `configureCompiler` (from @angular/core/testing)
to add providers or define whether to use jit.
BREAKING CHANGE:
- Application providers can no longer inject compiler internals (i.e. everything
from `@angular/compiler). Inject `Compiler` instead. This reflects the
changes to `bootstrap` for module support (3f55aa609f60f130f1d69188ed057214b1267cb3).
- Compiler providers can no longer be added via `addProviders` / `withProviders`.
Use the new method `configureCompiler` instead.
- Platform directives / pipes need to be provided via
`configureModule` and can no longer be provided via the
`PLATFORM_PIPES` / `PLATFORM_DIRECTIVES` tokens.
- `setBaseTestProviders()` was renamed into `initTestEnvironment` and
now takes a `PlatformRef` and a factory for a
`Compiler`.
- E.g. for the browser platform:
BEFORE:
```
import {setBaseTestProviders} from ‘@angular/core/testing’;
import {TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS} from ‘@angular/platform-browser-dynamic/testing’;
setBaseTestProviders(TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS);
```
AFTER:
```
import {setBaseTestProviders} from ‘@angular/core/testing’;
import {browserTestCompiler, browserDynamicTestPlatform,
BrowserDynamicTestModule} from ‘@angular/platform-browser-dynamic/testing’;
initTestEnvironment(
browserTestCompiler,
browserDynamicTestPlatform(),
BrowserDynamicTestModule);
```
- E.g. for the server platform:
BEFORE:
```
import {setBaseTestProviders} from ‘@angular/core/testing’;
import {TEST_SERVER_PLATFORM_PROVIDERS,
TEST_SERVER_APPLICATION_PROVIDERS} from ‘@angular/platform-server/testing/server’;
setBaseTestProviders(TEST_SERVER_PLATFORM_PROVIDERS,
TEST_SERVER_APPLICATION_PROVIDERS);
```
AFTER:
```
import {setBaseTestProviders} from ‘@angular/core/testing’;
import {serverTestCompiler, serverTestPlatform,
ServerTestModule} from ‘@angular/platform-browser-dynamic/testing’;
initTestEnvironment(
serverTestCompiler,
serverTestPlatform(),
ServerTestModule);
```
Related to #9726
Closes #9846
2016-07-04 12:37:30 -04:00
|
|
|
import {fakeAsync, tick, TestComponentBuilder, ComponentFixture, configureCompiler} from '@angular/core/testing';
|
2016-06-24 11:46:43 -04:00
|
|
|
import {XHR, ViewResolver} from '@angular/compiler';
|
|
|
|
import {MockViewResolver} 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 {
|
|
|
|
}
|
|
|
|
|
2016-06-28 12:54:42 -04:00
|
|
|
@AppModule({})
|
|
|
|
class SomeModule {
|
|
|
|
}
|
|
|
|
|
2016-06-24 11:46:43 -04:00
|
|
|
export function main() {
|
|
|
|
describe('RuntimeCompiler', () => {
|
|
|
|
let compiler: Compiler;
|
|
|
|
let xhr: SpyXHR;
|
|
|
|
let tcb: TestComponentBuilder;
|
|
|
|
let viewResolver: MockViewResolver;
|
|
|
|
let injector: Injector;
|
|
|
|
|
feat(testing): add implicit test module
Every test now has an implicit module. It can be configured via `configureModule` (from @angular/core/testing)
to add providers, directives, pipes, ...
The compiler now has to be configured separately via `configureCompiler` (from @angular/core/testing)
to add providers or define whether to use jit.
BREAKING CHANGE:
- Application providers can no longer inject compiler internals (i.e. everything
from `@angular/compiler). Inject `Compiler` instead. This reflects the
changes to `bootstrap` for module support (3f55aa609f60f130f1d69188ed057214b1267cb3).
- Compiler providers can no longer be added via `addProviders` / `withProviders`.
Use the new method `configureCompiler` instead.
- Platform directives / pipes need to be provided via
`configureModule` and can no longer be provided via the
`PLATFORM_PIPES` / `PLATFORM_DIRECTIVES` tokens.
- `setBaseTestProviders()` was renamed into `initTestEnvironment` and
now takes a `PlatformRef` and a factory for a
`Compiler`.
- E.g. for the browser platform:
BEFORE:
```
import {setBaseTestProviders} from ‘@angular/core/testing’;
import {TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS} from ‘@angular/platform-browser-dynamic/testing’;
setBaseTestProviders(TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS);
```
AFTER:
```
import {setBaseTestProviders} from ‘@angular/core/testing’;
import {browserTestCompiler, browserDynamicTestPlatform,
BrowserDynamicTestModule} from ‘@angular/platform-browser-dynamic/testing’;
initTestEnvironment(
browserTestCompiler,
browserDynamicTestPlatform(),
BrowserDynamicTestModule);
```
- E.g. for the server platform:
BEFORE:
```
import {setBaseTestProviders} from ‘@angular/core/testing’;
import {TEST_SERVER_PLATFORM_PROVIDERS,
TEST_SERVER_APPLICATION_PROVIDERS} from ‘@angular/platform-server/testing/server’;
setBaseTestProviders(TEST_SERVER_PLATFORM_PROVIDERS,
TEST_SERVER_APPLICATION_PROVIDERS);
```
AFTER:
```
import {setBaseTestProviders} from ‘@angular/core/testing’;
import {serverTestCompiler, serverTestPlatform,
ServerTestModule} from ‘@angular/platform-browser-dynamic/testing’;
initTestEnvironment(
serverTestCompiler,
serverTestPlatform(),
ServerTestModule);
```
Related to #9726
Closes #9846
2016-07-04 12:37:30 -04:00
|
|
|
beforeEach(() => { configureCompiler({providers: [{provide: XHR, useClass: SpyXHR}]}); });
|
2016-06-24 11:46:43 -04:00
|
|
|
|
|
|
|
beforeEach(inject(
|
|
|
|
[Compiler, TestComponentBuilder, XHR, ViewResolver, Injector],
|
|
|
|
(_compiler: Compiler, _tcb: TestComponentBuilder, _xhr: SpyXHR,
|
|
|
|
_viewResolver: MockViewResolver, _injector: Injector) => {
|
|
|
|
compiler = _compiler;
|
|
|
|
tcb = _tcb;
|
|
|
|
xhr = _xhr;
|
|
|
|
viewResolver = _viewResolver;
|
|
|
|
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', () => {
|
|
|
|
viewResolver.setView(
|
|
|
|
SomeComp,
|
|
|
|
new ViewMetadata({template: '<child-cmp></child-cmp>', directives: [ChildComp]}));
|
|
|
|
viewResolver.setInlineTemplate(ChildComp, 'oldChild');
|
|
|
|
let compFactory = compiler.compileComponentSync(SomeComp);
|
|
|
|
viewResolver.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');
|
|
|
|
}));
|
|
|
|
});
|
2016-06-28 12:54:42 -04:00
|
|
|
|
|
|
|
describe('compileAppModuleAsync', () => {
|
|
|
|
it('should allow to use templateUrl components', fakeAsync(() => {
|
|
|
|
xhr.spy('get').andCallFake(() => Promise.resolve('hello'));
|
|
|
|
let appModuleFactory: AppModuleFactory<any>;
|
|
|
|
compiler
|
|
|
|
.compileAppModuleAsync(
|
|
|
|
SomeModule, new AppModuleMetadata({precompile: [SomeCompWithUrlTemplate]}))
|
|
|
|
.then((f) => appModuleFactory = f);
|
|
|
|
tick();
|
|
|
|
expect(appModuleFactory.moduleType).toBe(SomeModule);
|
|
|
|
}));
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('compileAppModuleSync', () => {
|
|
|
|
it('should throw when using a templateUrl that has not been compiled before', () => {
|
|
|
|
xhr.spy('get').andCallFake(() => Promise.resolve(''));
|
|
|
|
expect(
|
|
|
|
() => compiler.compileAppModuleSync(
|
|
|
|
SomeModule, new AppModuleMetadata({precompile: [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(''));
|
|
|
|
viewResolver.setView(
|
|
|
|
SomeComp, new ViewMetadata({template: '', directives: [ChildComp]}));
|
|
|
|
viewResolver.setView(ChildComp, new ViewMetadata({templateUrl: '/someTpl.html'}));
|
|
|
|
expect(
|
|
|
|
() => compiler.compileAppModuleSync(
|
|
|
|
SomeModule, new AppModuleMetadata({precompile: [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 appModuleFactory = compiler.compileAppModuleSync(
|
|
|
|
SomeModule, new AppModuleMetadata({precompile: [SomeCompWithUrlTemplate]}));
|
|
|
|
expect(appModuleFactory).toBeTruthy();
|
|
|
|
}));
|
|
|
|
});
|
2016-06-24 11:46:43 -04:00
|
|
|
});
|
2016-07-22 12:20:51 -04:00
|
|
|
}
|