85 lines
3.4 KiB
TypeScript
85 lines
3.4 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 {Injector, RenderComponentType, RootRenderer, Sanitizer, SecurityContext, ViewEncapsulation, WrappedValue, getDebugNode} from '@angular/core';
|
|
import {ArgumentType, DebugContext, NodeDef, NodeFlags, RootData, Services, ViewData, ViewDefinition, ViewFlags, ViewHandleEventFn, ViewUpdateFn, anchorDef, asTextData, elementDef, rootRenderNodes, textDef, viewDef} from '@angular/core/src/view/index';
|
|
import {inject} from '@angular/core/testing';
|
|
import {getDOM} from '@angular/platform-browser/src/dom/dom_adapter';
|
|
|
|
import {ARG_TYPE_VALUES, checkNodeInlineOrDynamic, createRootView, isBrowser} from './helper';
|
|
|
|
export function main() {
|
|
describe(`View Text`, () => {
|
|
function compViewDef(
|
|
nodes: NodeDef[], updateDirectives?: ViewUpdateFn, updateRenderer?: ViewUpdateFn,
|
|
viewFlags: ViewFlags = ViewFlags.None): ViewDefinition {
|
|
return viewDef(viewFlags, nodes, updateDirectives, updateRenderer);
|
|
}
|
|
|
|
function createAndGetRootNodes(
|
|
viewDef: ViewDefinition, context?: any): {rootNodes: any[], view: ViewData} {
|
|
const view = createRootView(viewDef, context);
|
|
const rootNodes = rootRenderNodes(view);
|
|
return {rootNodes, view};
|
|
}
|
|
|
|
describe('create', () => {
|
|
it('should create text nodes without parents', () => {
|
|
const rootNodes = createAndGetRootNodes(compViewDef([textDef(null !, ['a'])])).rootNodes;
|
|
expect(rootNodes.length).toBe(1);
|
|
expect(getDOM().getText(rootNodes[0])).toBe('a');
|
|
});
|
|
|
|
it('should create views with multiple root text nodes', () => {
|
|
const rootNodes = createAndGetRootNodes(compViewDef([
|
|
textDef(null !, ['a']), textDef(null !, ['b'])
|
|
])).rootNodes;
|
|
expect(rootNodes.length).toBe(2);
|
|
});
|
|
|
|
it('should create text nodes with parents', () => {
|
|
const rootNodes = createAndGetRootNodes(compViewDef([
|
|
elementDef(NodeFlags.None, null !, null !, 1, 'div'),
|
|
textDef(null !, ['a']),
|
|
])).rootNodes;
|
|
expect(rootNodes.length).toBe(1);
|
|
const textNode = getDOM().firstChild(rootNodes[0]);
|
|
expect(getDOM().getText(textNode)).toBe('a');
|
|
});
|
|
|
|
it('should add debug information to the renderer', () => {
|
|
const someContext = new Object();
|
|
const {view, rootNodes} =
|
|
createAndGetRootNodes(compViewDef([textDef(null !, ['a'])]), someContext);
|
|
expect(getDebugNode(rootNodes[0]) !.nativeNode).toBe(asTextData(view, 0).renderText);
|
|
});
|
|
});
|
|
|
|
describe('change text', () => {
|
|
ARG_TYPE_VALUES.forEach((inlineDynamic) => {
|
|
it(`should update via strategy ${inlineDynamic}`, () => {
|
|
const {view, rootNodes} = createAndGetRootNodes(compViewDef(
|
|
[
|
|
textDef(null !, ['0', '1', '2']),
|
|
],
|
|
null !, (check, view) => {
|
|
checkNodeInlineOrDynamic(check, view, 0, inlineDynamic, ['a', 'b']);
|
|
}));
|
|
|
|
Services.checkAndUpdateView(view);
|
|
|
|
const node = rootNodes[0];
|
|
expect(getDOM().getText(rootNodes[0])).toBe('0a1b2');
|
|
});
|
|
|
|
});
|
|
});
|
|
|
|
});
|
|
}
|