logging

Author: annieyw

src/cdk/tree/tree.spec.ts

@@ -596,7 +596,7 @@ describe('CdkTree', () => {
             [`topping_3 - cheese_3 + base_3`]);
       });
 
-      it('with correct aria-level', () => {
+      fit('with correct aria-level', () => {
         expect(getNodes(treeElement).every(node => {
           return node.getAttribute('aria-level') === '1';
         })).toBe(true);

src/cdk/tree/tree.ts

@@ -291,7 +291,7 @@ export class CdkTree<T> implements AfterContentChecked, CollectionViewer, OnDest
   }
 }
 
-
+let uuid = 0;
 /**
  * Tree node for CdkTree. It contains the data in the tree node.
  */
@@ -305,6 +305,7 @@ export class CdkTree<T> implements AfterContentChecked, CollectionViewer, OnDest
   },
 })
 export class CdkTreeNode<T> implements FocusableOption, OnDestroy, AfterViewInit {
+  unique: number;
   /**
    * The most recently created `CdkTreeNode`. We save it in static variable so we can retrieve it
    * in `CdkTree` and set the data to it.
@@ -350,14 +351,18 @@ export class CdkTreeNode<T> implements FocusableOption, OnDestroy, AfterViewInit
   constructor(protected _elementRef: ElementRef<HTMLElement>,
               protected _tree: CdkTree<T>) {
     CdkTreeNode.mostRecentTreeNode = this as CdkTreeNode<T>;
+    this.unique = uuid++;
+    console.error(`constructor: node ${this.unique}`)
   }
 
   ngAfterViewInit(): void {
     this._parentNodeAriaLevel = this._getParentNodeAriaLevel();
+    console.error(`ngAfterViewInit: node ${this.unique} set aria-level to ${this.level + 1}`)
     this._elementRef.nativeElement.setAttribute('aria-level', String(this.level + 1));
   }
 
   ngOnDestroy() {
+    console.error(`ngOnDestroy: node ${this.unique}`)
     // If this is the last tree node being destroyed,
     // clear out the reference to avoid leaking memory.
     if (CdkTreeNode.mostRecentTreeNode === this) {

src/material/tree/node.ts

@@ -88,7 +88,7 @@ export class MatTreeNodeDef<T> extends CdkTreeNodeDef<T> {
   host: {
     '[attr.aria-expanded]': 'isExpanded',
     '[attr.role]': 'role',
-    'class': 'mat-nested-tree-node',
+    'class': 'mat-nested-tree-node cdk-nested-tree-node',
   },
   providers: [
     {provide: CdkNestedTreeNode, useExisting: MatNestedTreeNode},
@@ -126,13 +126,13 @@ export class MatNestedTreeNode<T> extends CdkNestedTreeNode<T> implements AfterC
   // This is a workaround for https://github.com/angular/angular/issues/23091
   // In aot mode, the lifecycle hooks from parent class are not called.
   // TODO(tinayuangao): Remove when the angular issue #23091 is fixed
-  ngAfterContentInit() {
-    super.ngAfterContentInit();
-  }
-
-  ngOnDestroy() {
-    super.ngOnDestroy();
-  }
+  // ngAfterContentInit() {
+  //   super.ngAfterContentInit();
+  // }
+  //
+  // ngOnDestroy() {
+  //   super.ngOnDestroy();
+  // }
 
   static ngAcceptInputType_disabled: BooleanInput;
 }

src/material/tree/tree.spec.ts

@@ -350,11 +350,12 @@ describe('MatTree', () => {
           [`topping_3 - cheese_3 + base_3`]);
       });
 
-      it('with correct aria-level', () => {
+      fit('with correct aria-level', () => {
         expect(getNodes(treeElement).every(node => {
           return node.getAttribute('aria-level') === '1';
         })).toBe(true);
 
+        debugger;
         let data = underlyingDataSource.data;
         const child = underlyingDataSource.addChild(data[1]);
         underlyingDataSource.addChild(child);