mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
2a1ff17b42
This commit runs tslint --fix with the angular/angular tslint configuration on the files inside the devtools codebase. Notably, the file-header rule in `tslint.json` was missing a default attribute. This commit adds that default attribute and sets it to the license header that is present in all files in this repo. After running tslint --fix with this default added, this commit added the license header to all files in the devtools directory. Note for the reviewer: the automatically added license headers were added as comments with the "/*!" prefix. Since we want these comments removed in builds, and the rest of the codebase uses "/**", a simple find and replace was performed on the devtools directory to change these prefixes to "/**".
109 lines
3.7 KiB
TypeScript
109 lines
3.7 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC 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 {RTreeStrategy} from './render-tree';
|
|
|
|
describe('render tree extraction', () => {
|
|
let treeStrategy: RTreeStrategy;
|
|
let directiveMap: Map<Node, any[]>;
|
|
let componentMap: Map<Element, any>;
|
|
|
|
beforeEach(() => {
|
|
treeStrategy = new RTreeStrategy();
|
|
directiveMap = new Map();
|
|
componentMap = new Map();
|
|
|
|
(window as any).ng = {
|
|
getDirectiveMetadata(): void{},
|
|
getComponent(element: Element): any {
|
|
return componentMap.get(element);
|
|
},
|
|
getDirectives(node: Node): any {
|
|
return directiveMap.get(node) || [];
|
|
},
|
|
};
|
|
});
|
|
|
|
afterEach(() => delete (window as any).ng);
|
|
|
|
it('should detect Angular Ivy apps', () => {
|
|
expect(treeStrategy.supports({})).toBeTrue();
|
|
});
|
|
|
|
it('should fail with detection of non-Ivy apps', () => {
|
|
delete (window as any).ng.getDirectiveMetadata;
|
|
expect(treeStrategy.supports({})).toBeFalse();
|
|
});
|
|
|
|
it('should extract render tree from an empty element', () => {
|
|
expect(treeStrategy.build(document.createElement('div'))).toEqual([]);
|
|
});
|
|
|
|
it('should extract trees without structural directives', () => {
|
|
const appNode = document.createElement('app');
|
|
const childNode = document.createElement('child');
|
|
const childDirectiveNode = document.createElement('div');
|
|
appNode.appendChild(childNode);
|
|
appNode.appendChild(childDirectiveNode);
|
|
|
|
const appComponent: any = {};
|
|
const childComponent: any = {};
|
|
const childDirective: any = {};
|
|
componentMap.set(appNode, appComponent);
|
|
componentMap.set(childNode, childComponent);
|
|
directiveMap.set(childDirectiveNode, [childDirective]);
|
|
|
|
const rtree = treeStrategy.build(appNode);
|
|
expect(rtree.length).toBe(1);
|
|
expect(rtree[0].children.length).toBe(2);
|
|
expect(rtree[0].children[0].component?.instance).toBe(childComponent);
|
|
expect(rtree[0].children[1].component).toBe(null);
|
|
expect(rtree[0].children[1].directives[0].instance).toBe(childDirective);
|
|
});
|
|
|
|
it('should skip nodes without directives', () => {
|
|
const appNode = document.createElement('app');
|
|
const childNode = document.createElement('div');
|
|
const childComponentNode = document.createElement('child');
|
|
appNode.appendChild(childNode);
|
|
childNode.appendChild(childComponentNode);
|
|
|
|
const appComponent: any = {};
|
|
const childComponent: any = {};
|
|
componentMap.set(appNode, appComponent);
|
|
componentMap.set(childComponentNode, childComponent);
|
|
|
|
const rtree = treeStrategy.build(appNode);
|
|
expect(rtree[0].children.length).toBe(1);
|
|
expect(rtree[0].children[0].children.length).toBe(0);
|
|
});
|
|
|
|
it('should go all the way to the root element to look up for nodes', () => {
|
|
const rootNode = document.createElement('body');
|
|
const siblingNode = document.createElement('section');
|
|
const appNode = document.createElement('app');
|
|
const childNode = document.createElement('div');
|
|
const childComponentNode = document.createElement('child');
|
|
rootNode.appendChild(appNode);
|
|
rootNode.appendChild(siblingNode);
|
|
appNode.appendChild(childNode);
|
|
childNode.appendChild(childComponentNode);
|
|
|
|
const appComponent: any = {};
|
|
const childComponent: any = {};
|
|
const siblingComponent: any = {};
|
|
componentMap.set(siblingNode, siblingComponent);
|
|
componentMap.set(appNode, appComponent);
|
|
componentMap.set(childComponentNode, childComponent);
|
|
|
|
const rtree = treeStrategy.build(appNode);
|
|
expect(rtree[0].children.length).toBe(1);
|
|
expect(rtree[0].children[0].children.length).toBe(0);
|
|
expect(rtree[1].component?.instance).toBe(siblingComponent);
|
|
});
|
|
});
|