85 lines
		
	
	
		
			3.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			85 lines
		
	
	
		
			3.3 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');
 | |
|         });
 | |
| 
 | |
|       });
 | |
|     });
 | |
| 
 | |
|   });
 | |
| }
 |