fix(ivy): get name directly from nativeNode (angular#32198)

nativeElement can return null so an error can occur when accessing
nodeName from nativeElement.

PR Close angular#32198

Author: atscott

packages/core/src/debug/debug_node.ts

@@ -247,7 +247,7 @@ 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.nativeElement !.nodeName; }
+  get name(): string { return this.nativeNode.nodeName; }
 
   /**
    *  Gets a map of property names to property values for an element.

packages/core/test/debug/debug_node_spec.ts

@@ -1018,4 +1018,22 @@ class TestCmptWithPropBindings {
     });
 
   });
+
+  it('should not error when accessing node name', () => {
+    @Component({template: ''})
+    class EmptyComponent {
+    }
+
+    const fixture = TestBed.configureTestingModule({declarations: [EmptyComponent]})
+                        .createComponent(EmptyComponent);
+    let node = fixture.debugElement;
+    let superParentName = '';
+    // Traverse upwards, all the way to #document, which is not a
+    // Node.ELEMENT_NODE
+    while (node) {
+      superParentName = node.name;
+      node = node.parent !;
+    }
+    expect(superParentName).not.toEqual('');
+  });
 }