/** * @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'); }); }); }); }); }