From 14feb5613984547e3f7399f2ecd48951efee2a4d Mon Sep 17 00:00:00 2001
From: Andrew Scott <atscott01@gmail.com>
Date: Mon, 26 Aug 2019 15:22:04 -0700
Subject: [PATCH] fix(ivy): debug node names should match user declaration
 (#32328)

PR Close #32328
---
 packages/core/src/debug/debug_node.ts       | 12 +++++++++++-
 packages/core/test/debug/debug_node_spec.ts | 15 +++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/debug/debug_node.ts b/packages/core/src/debug/debug_node.ts
index 776ddfa12e..a26a49c5c1 100644
--- a/packages/core/src/debug/debug_node.ts
+++ b/packages/core/src/debug/debug_node.ts
@@ -247,7 +247,17 @@ class DebugElement__POST_R3__ extends DebugNode__POST_R3__ implements DebugEleme
     return this.nativeNode.nodeType == Node.ELEMENT_NODE ? this.nativeNode as Element : null;
   }
 
-  get name(): string { return this.nativeNode.nodeName; }
+  get name(): string {
+    try {
+      const context = loadLContext(this.nativeNode) !;
+      const lView = context.lView;
+      const tData = lView[TVIEW].data;
+      const tNode = tData[context.nodeIndex] as TNode;
+      return tNode.tagName !;
+    } catch (e) {
+      return this.nativeNode.nodeName;
+    }
+  }
 
   /**
    *  Gets a map of property names to property values for an element.
diff --git a/packages/core/test/debug/debug_node_spec.ts b/packages/core/test/debug/debug_node_spec.ts
index 30315ab10f..f78f2b7d81 100644
--- a/packages/core/test/debug/debug_node_spec.ts
+++ b/packages/core/test/debug/debug_node_spec.ts
@@ -1036,4 +1036,19 @@ class TestCmptWithPropBindings {
     }
     expect(superParentName).not.toEqual('');
   });
+
+  it('should match node name with declared casing', () => {
+    @Component({template: `<div></div><myComponent></myComponent>`})
+    class Wrapper {
+    }
+
+    @Component({selector: 'myComponent', template: ''})
+    class MyComponent {
+    }
+
+    const fixture = TestBed.configureTestingModule({declarations: [Wrapper, MyComponent]})
+                        .createComponent(Wrapper);
+    expect(fixture.debugElement.query(e => e.name === 'myComponent')).toBeTruthy();
+    expect(fixture.debugElement.query(e => e.name === 'div')).toBeTruthy();
+  });
 }