
This PR adds an ability to reset the angularjs library, which is often needed when Angular is loaded lazily using RequireJS.
132 lines
4.5 KiB
TypeScript
132 lines
4.5 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 {InjectionToken, Injector, NgModule, destroyPlatform} from '@angular/core';
|
|
import {async} from '@angular/core/testing';
|
|
import {BrowserModule} from '@angular/platform-browser';
|
|
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
|
|
import * as angular from '@angular/upgrade/src/common/angular1';
|
|
import {$INJECTOR, INJECTOR_KEY} from '@angular/upgrade/src/common/constants';
|
|
import {UpgradeModule, downgradeInjectable, getAngularLib, setAngularLib} from '@angular/upgrade/static';
|
|
|
|
import {bootstrap, html} from '../test_helpers';
|
|
|
|
export function main() {
|
|
describe('injection', () => {
|
|
|
|
beforeEach(() => destroyPlatform());
|
|
afterEach(() => destroyPlatform());
|
|
|
|
it('should downgrade ng2 service to ng1', async(() => {
|
|
// Tokens used in ng2 to identify services
|
|
const Ng2Service = new InjectionToken('ng2-service');
|
|
|
|
// Sample ng1 NgModule for tests
|
|
@NgModule({
|
|
imports: [BrowserModule, UpgradeModule],
|
|
providers: [
|
|
{provide: Ng2Service, useValue: 'ng2 service value'},
|
|
]
|
|
})
|
|
class Ng2Module {
|
|
ngDoBootstrap() {}
|
|
}
|
|
|
|
// create the ng1 module that will import an ng2 service
|
|
const ng1Module =
|
|
angular.module('ng1Module', []).factory('ng2Service', downgradeInjectable(Ng2Service));
|
|
|
|
bootstrap(platformBrowserDynamic(), Ng2Module, html('<div>'), ng1Module)
|
|
.then((upgrade) => {
|
|
const ng1Injector = upgrade.$injector;
|
|
expect(ng1Injector.get('ng2Service')).toBe('ng2 service value');
|
|
});
|
|
}));
|
|
|
|
it('should upgrade ng1 service to ng2', async(() => {
|
|
// Tokens used in ng2 to identify services
|
|
const Ng1Service = new InjectionToken('ng1-service');
|
|
|
|
// Sample ng1 NgModule for tests
|
|
@NgModule({
|
|
imports: [BrowserModule, UpgradeModule],
|
|
providers: [
|
|
// the following line is the "upgrade" of an AngularJS service
|
|
{
|
|
provide: Ng1Service,
|
|
useFactory: (i: angular.IInjectorService) => i.get('ng1Service'),
|
|
deps: ['$injector']
|
|
}
|
|
]
|
|
})
|
|
class Ng2Module {
|
|
ngDoBootstrap() {}
|
|
}
|
|
|
|
// create the ng1 module that will import an ng2 service
|
|
const ng1Module = angular.module('ng1Module', []).value('ng1Service', 'ng1 service value');
|
|
|
|
bootstrap(platformBrowserDynamic(), Ng2Module, html('<div>'), ng1Module)
|
|
.then((upgrade) => {
|
|
const ng2Injector = upgrade.injector;
|
|
expect(ng2Injector.get(Ng1Service)).toBe('ng1 service value');
|
|
});
|
|
}));
|
|
|
|
it('should initialize the upgraded injector before application run blocks are executed',
|
|
async(() => {
|
|
let runBlockTriggered = false;
|
|
|
|
const ng1Module = angular.module('ng1Module', []).run([
|
|
INJECTOR_KEY,
|
|
function(injector: Injector) {
|
|
runBlockTriggered = true;
|
|
expect(injector.get($INJECTOR)).toBeDefined();
|
|
}
|
|
]);
|
|
|
|
@NgModule({imports: [BrowserModule, UpgradeModule]})
|
|
class Ng2Module {
|
|
ngDoBootstrap() {}
|
|
}
|
|
|
|
bootstrap(platformBrowserDynamic(), Ng2Module, html('<div>'), ng1Module).then(() => {
|
|
expect(runBlockTriggered).toBeTruthy();
|
|
});
|
|
}));
|
|
|
|
it('should allow resetting angular at runtime', async(() => {
|
|
let wrappedBootstrapepedCalled = false;
|
|
|
|
const n: any = getAngularLib();
|
|
|
|
setAngularLib({
|
|
bootstrap: (...args: any[]) => {
|
|
wrappedBootstrapepedCalled = true;
|
|
n.bootstrap(...args);
|
|
},
|
|
module: n.module,
|
|
element: n.element,
|
|
version: n.version,
|
|
resumeBootstrap: n.resumeBootstrap,
|
|
getTestability: n.getTestability
|
|
});
|
|
|
|
@NgModule({imports: [BrowserModule, UpgradeModule]})
|
|
class Ng2Module {
|
|
ngDoBootstrap() {}
|
|
}
|
|
|
|
const ng1Module = angular.module('ng1Module', []);
|
|
|
|
bootstrap(platformBrowserDynamic(), Ng2Module, html('<div>'), ng1Module)
|
|
.then((upgrade) => { expect(wrappedBootstrapepedCalled).toEqual(true); });
|
|
}));
|
|
});
|
|
}
|