Each node now has two index: nodeIndex and checkIndex. nodeIndex is the index in both the view definition and the view data. checkIndex is the index in in the update function (update directives and update renderer). While nodeIndex and checkIndex have the same value for now, having both of them will allow changing the structure of view definition after compilation (ie for runtime translations).
75 lines
2.8 KiB
TypeScript
75 lines
2.8 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 {DebugContext, NodeFlags, QueryValueType, Services, asElementData, asTextData, directiveDef, elementDef, textDef} from '@angular/core/src/view/index';
|
|
|
|
import {compViewDef, createAndGetRootNodes} from './helper';
|
|
|
|
export function main() {
|
|
describe('View Services', () => {
|
|
|
|
describe('DebugContext', () => {
|
|
class AComp {}
|
|
|
|
class AService {}
|
|
|
|
function createViewWithData() {
|
|
const {view} = createAndGetRootNodes(compViewDef([
|
|
elementDef(
|
|
0, NodeFlags.None, null, null, 1, 'div', null, null, null, null,
|
|
() => compViewDef([
|
|
elementDef(
|
|
0, NodeFlags.None, [['ref', QueryValueType.ElementRef]], null, 2, 'span'),
|
|
directiveDef(1, NodeFlags.None, null, 0, AService, []), textDef(2, null, ['a'])
|
|
])),
|
|
directiveDef(1, 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);
|
|
});
|
|
});
|
|
});
|
|
}
|