269 lines
13 KiB
TypeScript
269 lines
13 KiB
TypeScript
|
import {
|
||
|
|
AsyncTestCompleter,
|
||
|
|
beforeEach,
|
||
|
|
ddescribe,
|
||
|
|
describe,
|
||
|
|
el,
|
||
|
|
expect,
|
||
|
|
iit,
|
||
|
|
inject,
|
||
|
|
it,
|
||
|
|
xit,
|
||
|
|
TestComponentBuilder,
|
||
|
|
beforeEachBindings
|
||
|
|
} from 'angular2/test_lib';
|
||
|
|
|
||
|
|
import {
|
||
|
|
TypeMetadata,
|
||
|
|
NormalizedTemplateMetadata,
|
||
|
|
TemplateMetadata
|
||
|
|
} from 'angular2/src/compiler/directive_metadata';
|
||
|
|
import {ViewEncapsulation} from 'angular2/src/core/render/api';
|
||
|
|
|
||
|
|
import {TemplateNormalizer} from 'angular2/src/compiler/template_normalizer';
|
||
|
|
import {XHR} from 'angular2/src/core/render/xhr';
|
||
|
|
import {MockXHR} from 'angular2/src/core/render/xhr_mock';
|
||
|
|
import {TEST_BINDINGS} from './test_bindings';
|
||
|
|
|
||
|
|
export function main() {
|
||
|
|
describe('TemplateNormalizer', () => {
|
||
|
|
var dirType: TypeMetadata;
|
||
|
|
|
||
|
|
beforeEachBindings(() => TEST_BINDINGS);
|
||
|
|
|
||
|
|
beforeEach(
|
||
|
|
() => { dirType = new TypeMetadata({moduleId: 'some/module/id', name: 'SomeComp'}); });
|
||
|
|
|
||
|
|
describe('loadTemplate', () => {
|
||
|
|
describe('inline template', () => {
|
||
|
|
it('should store the template',
|
||
|
|
inject([AsyncTestCompleter, TemplateNormalizer],
|
||
|
|
(async, normalizer: TemplateNormalizer) => {
|
||
|
|
normalizer.normalizeTemplate(dirType, new TemplateMetadata({
|
||
|
|
encapsulation: null,
|
||
|
|
template: 'a',
|
||
|
|
templateUrl: null,
|
||
|
|
styles: [],
|
||
|
|
styleUrls: ['test.css']
|
||
|
|
}))
|
||
|
|
.then((template: NormalizedTemplateMetadata) => {
|
||
|
|
expect(template.template).toEqual('a');
|
||
|
|
async.done();
|
||
|
|
});
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should resolve styles on the annotation against the moduleId',
|
||
|
|
inject([AsyncTestCompleter, TemplateNormalizer],
|
||
|
|
(async, normalizer: TemplateNormalizer) => {
|
||
|
|
normalizer.normalizeTemplate(dirType, new TemplateMetadata({
|
||
|
|
encapsulation: null,
|
||
|
|
template: '',
|
||
|
|
templateUrl: null,
|
||
|
|
styles: [],
|
||
|
|
styleUrls: ['test.css']
|
||
|
|
}))
|
||
|
|
.then((template: NormalizedTemplateMetadata) => {
|
||
|
|
expect(template.styleAbsUrls).toEqual(['some/module/test.css']);
|
||
|
|
async.done();
|
||
|
|
});
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should resolve styles in the template against the moduleId',
|
||
|
|
inject([AsyncTestCompleter, TemplateNormalizer],
|
||
|
|
(async, normalizer: TemplateNormalizer) => {
|
||
|
|
normalizer.normalizeTemplate(dirType, new TemplateMetadata({
|
||
|
|
encapsulation: null,
|
||
|
|
template: '<style>@import test.css</style>',
|
||
|
|
templateUrl: null,
|
||
|
|
styles: [],
|
||
|
|
styleUrls: []
|
||
|
|
}))
|
||
|
|
.then((template: NormalizedTemplateMetadata) => {
|
||
|
|
expect(template.styleAbsUrls).toEqual(['some/module/test.css']);
|
||
|
|
async.done();
|
||
|
|
});
|
||
|
|
}));
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('templateUrl', () => {
|
||
|
|
|
||
|
|
it('should load a template from a url that is resolved against moduleId',
|
||
|
|
inject([AsyncTestCompleter, TemplateNormalizer, XHR],
|
||
|
|
(async, normalizer: TemplateNormalizer, xhr: MockXHR) => {
|
||
|
|
xhr.expect('some/module/sometplurl', 'a');
|
||
|
|
normalizer.normalizeTemplate(dirType, new TemplateMetadata({
|
||
|
|
encapsulation: null,
|
||
|
|
template: null,
|
||
|
|
templateUrl: 'sometplurl',
|
||
|
|
styles: [],
|
||
|
|
styleUrls: ['test.css']
|
||
|
|
}))
|
||
|
|
.then((template: NormalizedTemplateMetadata) => {
|
||
|
|
expect(template.template).toEqual('a');
|
||
|
|
async.done();
|
||
|
|
});
|
||
|
|
xhr.flush();
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should resolve styles on the annotation against the moduleId',
|
||
|
|
inject([AsyncTestCompleter, TemplateNormalizer, XHR],
|
||
|
|
(async, normalizer: TemplateNormalizer, xhr: MockXHR) => {
|
||
|
|
xhr.expect('some/module/tpl/sometplurl', '');
|
||
|
|
normalizer.normalizeTemplate(dirType, new TemplateMetadata({
|
||
|
|
encapsulation: null,
|
||
|
|
template: null,
|
||
|
|
templateUrl: 'tpl/sometplurl',
|
||
|
|
styles: [],
|
||
|
|
styleUrls: ['test.css']
|
||
|
|
}))
|
||
|
|
.then((template: NormalizedTemplateMetadata) => {
|
||
|
|
expect(template.styleAbsUrls).toEqual(['some/module/test.css']);
|
||
|
|
async.done();
|
||
|
|
});
|
||
|
|
xhr.flush();
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should resolve styles in the template against the templateUrl',
|
||
|
|
inject([AsyncTestCompleter, TemplateNormalizer, XHR],
|
||
|
|
(async, normalizer: TemplateNormalizer, xhr: MockXHR) => {
|
||
|
|
xhr.expect('some/module/tpl/sometplurl', '<style>@import test.css</style>');
|
||
|
|
normalizer.normalizeTemplate(dirType, new TemplateMetadata({
|
||
|
|
encapsulation: null,
|
||
|
|
template: null,
|
||
|
|
templateUrl: 'tpl/sometplurl',
|
||
|
|
styles: [],
|
||
|
|
styleUrls: []
|
||
|
|
}))
|
||
|
|
.then((template: NormalizedTemplateMetadata) => {
|
||
|
|
expect(template.styleAbsUrls).toEqual(['some/module/tpl/test.css']);
|
||
|
|
async.done();
|
||
|
|
});
|
||
|
|
xhr.flush();
|
||
|
|
}));
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('normalizeLoadedTemplate', () => {
|
||
|
|
it('should store the viewEncapsulationin the result',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
|
||
|
|
var viewEncapsulation = ViewEncapsulation.Native;
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType,
|
||
|
|
new TemplateMetadata({encapsulation: viewEncapsulation, styles: [], styleUrls: []}),
|
||
|
|
'', 'some/module/');
|
||
|
|
expect(template.encapsulation).toBe(viewEncapsulation);
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should keep the template as html',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata({encapsulation: null, styles: [], styleUrls: []}), 'a',
|
||
|
|
'some/module/');
|
||
|
|
expect(template.template).toEqual('a')
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should collect and keep ngContent',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata({encapsulation: null, styles: [], styleUrls: []}),
|
||
|
|
'<ng-content select="a"></ng-content>', 'some/module/');
|
||
|
|
expect(template.ngContentSelectors).toEqual(['a']);
|
||
|
|
expect(template.template).toEqual('<ng-content select="a"></ng-content>');
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should normalize ngContent wildcard selector',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata({encapsulation: null, styles: [], styleUrls: []}),
|
||
|
|
'<ng-content></ng-content><ng-content select></ng-content><ng-content select="*"></ng-content>',
|
||
|
|
'some/module/');
|
||
|
|
expect(template.ngContentSelectors).toEqual(['*', '*', '*']);
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should collect and remove top level styles in the template',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata({encapsulation: null, styles: [], styleUrls: []}),
|
||
|
|
'<style>a</style>', 'some/module/');
|
||
|
|
expect(template.styles).toEqual(['a']);
|
||
|
|
expect(template.template).toEqual('');
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should collect and remove styles inside in elements',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata({encapsulation: null, styles: [], styleUrls: []}),
|
||
|
|
'<div><style>a</style></div>', 'some/module/');
|
||
|
|
expect(template.styles).toEqual(['a']);
|
||
|
|
expect(template.template).toEqual('<div></div>');
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should collect and remove styleUrls in the template',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata({encapsulation: null, styles: [], styleUrls: []}),
|
||
|
|
'<link rel="stylesheet" href="aUrl">', 'some/module/');
|
||
|
|
expect(template.styleAbsUrls).toEqual(['some/module/aUrl']);
|
||
|
|
expect(template.template).toEqual('');
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should collect and remove styleUrls in elements',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata({encapsulation: null, styles: [], styleUrls: []}),
|
||
|
|
'<div><link rel="stylesheet" href="aUrl"></div>', 'some/module/');
|
||
|
|
expect(template.styleAbsUrls).toEqual(['some/module/aUrl']);
|
||
|
|
expect(template.template).toEqual('<div></div>');
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should keep link elements with non stylesheet rel attribute',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata({encapsulation: null, styles: [], styleUrls: []}),
|
||
|
|
'<link href="b" rel="a"></link>', 'some/module/');
|
||
|
|
expect(template.styleAbsUrls).toEqual([]);
|
||
|
|
expect(template.template).toEqual('<link href="b" rel="a"></link>');
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should extract @import style urls into styleAbsUrl',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata(
|
||
|
|
{encapsulation: null, styles: ['@import "test.css";'], styleUrls: []}),
|
||
|
|
'', 'some/module/id');
|
||
|
|
expect(template.styles).toEqual(['']);
|
||
|
|
expect(template.styleAbsUrls).toEqual(['some/module/test.css']);
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should resolve relative urls in inline styles',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType, new TemplateMetadata({
|
||
|
|
encapsulation: null,
|
||
|
|
styles: ['.foo{background-image: url(\'double.jpg\');'],
|
||
|
|
styleUrls: []
|
||
|
|
}),
|
||
|
|
'', 'some/module/id');
|
||
|
|
expect(template.styles)
|
||
|
|
.toEqual(['.foo{background-image: url(\'some/module/double.jpg\');']);
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should resolve relative style urls in styleUrls',
|
||
|
|
inject([TemplateNormalizer], (normalizer: TemplateNormalizer) => {
|
||
|
|
var template = normalizer.normalizeLoadedTemplate(
|
||
|
|
dirType,
|
||
|
|
new TemplateMetadata({encapsulation: null, styles: [], styleUrls: ['test.css']}), '',
|
||
|
|
'some/module/id');
|
||
|
|
expect(template.styles).toEqual([]);
|
||
|
|
expect(template.styleAbsUrls).toEqual(['some/module/test.css']);
|
||
|
|
}));
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|