1e8b132ade
This change reduces the amount of generated code by only adding `log` calls for elements and text nodes. We need the `log` calls to allow users to jump to the right place in the template via source maps. However, we only need it for element and text nodes, but not for directives, queries, … as for them we first locate the corresponding element or text node. Related to #15239 PR Close #15350
89 lines
3.7 KiB
TypeScript
89 lines
3.7 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, getDebugNode} from '@angular/core';
|
|
import {DebugContext, NodeDef, NodeFlags, QueryValueType, RootData, Services, ViewData, ViewDefinition, ViewFlags, ViewHandleEventFn, ViewUpdateFn, anchorDef, asElementData, asProviderData, asTextData, directiveDef, 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 {createRootView, isBrowser} from './helper';
|
|
|
|
export function main() {
|
|
describe('View Services', () => {
|
|
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 = null): {rootNodes: any[], view: ViewData} {
|
|
const view = createRootView(viewDef, context);
|
|
const rootNodes = rootRenderNodes(view);
|
|
return {rootNodes, view};
|
|
}
|
|
|
|
describe('DebugContext', () => {
|
|
class AComp {}
|
|
|
|
class AService {}
|
|
|
|
function createViewWithData() {
|
|
const {view} = createAndGetRootNodes(compViewDef([
|
|
elementDef(
|
|
NodeFlags.None, null, null, 1, 'div', null, null, null, null,
|
|
() => compViewDef([
|
|
elementDef(NodeFlags.None, [['ref', QueryValueType.ElementRef]], null, 2, 'span'),
|
|
directiveDef(NodeFlags.None, null, 0, AService, []), textDef(null, ['a'])
|
|
])),
|
|
directiveDef(NodeFlags.Component, null, 0, AComp, []),
|
|
]));
|
|
return view;
|
|
}
|
|
|
|
it('should provide data for elements', () => {
|
|
const view = createViewWithData();
|
|
const compView = asElementData(view, 0).componentView;
|
|
|
|
const debugCtx = Services.createDebugContext(compView, 0);
|
|
|
|
expect(debugCtx.componentRenderElement).toBe(asElementData(view, 0).renderElement);
|
|
expect(debugCtx.renderNode).toBe(asElementData(compView, 0).renderElement);
|
|
expect(debugCtx.injector.get(AComp)).toBe(compView.component);
|
|
expect(debugCtx.component).toBe(compView.component);
|
|
expect(debugCtx.context).toBe(compView.context);
|
|
expect(debugCtx.providerTokens).toEqual([AService]);
|
|
expect(debugCtx.references['ref'].nativeElement)
|
|
.toBe(asElementData(compView, 0).renderElement);
|
|
});
|
|
|
|
it('should provide data for text nodes', () => {
|
|
const view = createViewWithData();
|
|
const compView = asElementData(view, 0).componentView;
|
|
|
|
const debugCtx = Services.createDebugContext(compView, 2);
|
|
|
|
expect(debugCtx.componentRenderElement).toBe(asElementData(view, 0).renderElement);
|
|
expect(debugCtx.renderNode).toBe(asTextData(compView, 2).renderText);
|
|
expect(debugCtx.injector.get(AComp)).toBe(compView.component);
|
|
expect(debugCtx.component).toBe(compView.component);
|
|
expect(debugCtx.context).toBe(compView.context);
|
|
});
|
|
|
|
it('should provide data for other nodes based on the nearest element parent', () => {
|
|
const view = createViewWithData();
|
|
const compView = asElementData(view, 0).componentView;
|
|
|
|
const debugCtx = Services.createDebugContext(compView, 1);
|
|
|
|
expect(debugCtx.renderNode).toBe(asElementData(compView, 0).renderElement);
|
|
});
|
|
});
|
|
});
|
|
}
|