105 lines
3.8 KiB
TypeScript
105 lines
3.8 KiB
TypeScript
import {
|
|
AsyncTestCompleter,
|
|
beforeEach,
|
|
ddescribe,
|
|
describe,
|
|
expect,
|
|
iit,
|
|
inject,
|
|
it,
|
|
xdescribe,
|
|
xit,
|
|
} from 'angular2/test_lib';
|
|
|
|
import {Component, View, Inject} from 'angular2/angular2';
|
|
import {createUpgradeModule, UpgradeModule, bootstrapHybrid} from 'upgrade/upgrade';
|
|
|
|
export function main() {
|
|
describe('upgrade: ng1 to ng2', () => {
|
|
it('should have angular 1 loaded', () => expect(angular.version.major).toBe(1));
|
|
|
|
it('should instantiate ng2 in ng1 template', inject([AsyncTestCompleter], (async) => {
|
|
var Ng2 = Component({selector: 'ng2'})
|
|
.View({template: `{{ 'NG2' }}`})
|
|
.Class({constructor: function() {}});
|
|
|
|
var element = html("<div>{{ 'ng1-' }}<ng2>~~</ng2>{{ '-ng1' }}</div>");
|
|
|
|
var upgradeModule: UpgradeModule = createUpgradeModule();
|
|
upgradeModule.importNg2Component(Ng2);
|
|
upgradeModule.bootstrap(element).ready(() => {
|
|
expect(document.body.textContent).toEqual("ng1-NG2-ng1");
|
|
async.done();
|
|
});
|
|
}));
|
|
|
|
it('should instantiate ng1 in ng2 template', inject([AsyncTestCompleter], (async) => {
|
|
var upgradeModule: UpgradeModule = createUpgradeModule();
|
|
|
|
var Ng2 = Component({selector: 'ng2-1'})
|
|
.View({
|
|
template: `{{ 'ng2(' }}<ng1></ng1>{{ ')' }}`,
|
|
directives: [upgradeModule.exportAsNg2Component('ng1')]
|
|
})
|
|
.Class({constructor: function() {}});
|
|
|
|
upgradeModule.ng1Module.directive('ng1',
|
|
() => { return {template: 'ng1 {{ "WORKS" }}!'}; });
|
|
upgradeModule.importNg2Component(Ng2);
|
|
|
|
var element = html("<div>{{'ng1('}}<ng2-1></ng2-1>{{')'}}</div>");
|
|
|
|
upgradeModule.bootstrap(element).ready(() => {
|
|
expect(document.body.textContent).toEqual("ng1(ng2(ng1 WORKS!))");
|
|
async.done();
|
|
});
|
|
}));
|
|
|
|
describe('scope/component change-detection', () => {
|
|
it('should interleve scope and component expressions', inject([AsyncTestCompleter], (async) {
|
|
var log = [];
|
|
var l = function(value) {
|
|
log.push(value);
|
|
return value + ';';
|
|
};
|
|
var upgrMod: UpgradeModule = createUpgradeModule();
|
|
|
|
upgrMod.ng1Module.directive('ng1a', () => { return {template: "{{ l('ng1a') }}"}; });
|
|
upgrMod.ng1Module.directive('ng1b', () => { return {template: "{{ l('ng1b') }}"}; });
|
|
upgrMod.ng1Module.run(($rootScope) => {
|
|
$rootScope.l = l;
|
|
$rootScope.reset = () => log.length = 0;
|
|
});
|
|
|
|
upgrMod.importNg2Component(
|
|
Component({selector: 'ng2'})
|
|
.View({
|
|
template: `{{l('2A')}}<ng1a></ng1a>{{l('2B')}}<ng1b></ng1b>{{l('2C')}}`,
|
|
directives: [
|
|
upgrMod.exportAsNg2Component('ng1a'),
|
|
upgrMod.exportAsNg2Component('ng1b')
|
|
]
|
|
})
|
|
.Class({constructor: function() { this.l = l; }}));
|
|
|
|
var element = html("<div>{{reset(); l('1A');}}<ng2>{{l('1B')}}</ng2>{{l('1C')}}</div>");
|
|
upgrMod.bootstrap(element).ready(() => {
|
|
expect(document.body.textContent).toEqual("1A;2A;ng1a;2B;ng1b;2C;1C;");
|
|
// https://github.com/angular/angular.js/issues/12983
|
|
expect(log).toEqual(['1A', '1B', '1C', '2A', '2B', '2C', 'ng1a', 'ng1b']);
|
|
async.done();
|
|
});
|
|
}));
|
|
});
|
|
});
|
|
}
|
|
|
|
|
|
function html(html: string): Element {
|
|
var body = document.body;
|
|
body.innerHTML = html;
|
|
if (body.childNodes.length == 1 && body.firstChild instanceof HTMLElement)
|
|
return <Element>body.firstChild;
|
|
return body;
|
|
}
|