From c0bd924ebb2e22ad0ab829cfc79422f24efe1877 Mon Sep 17 00:00:00 2001
From: "roylisto.pradana" <roylisto.pradana@grabtaxi.com>
Date: Tue, 29 Jun 2021 18:35:46 +0700
Subject: [PATCH] Fix the test file

Signed-off-by: roylisto.pradana <roylisto.pradana@grabtaxi.com>
---
 .../components/GroupsExplorerContent/GroupsDiagram.test.tsx  | 5 ++++-
 .../src/components/GroupsExplorerContent/GroupsDiagram.tsx   | 4 +---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.test.tsx b/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.test.tsx
index 5044b09f83..3b9b523b02 100644
--- a/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.test.tsx
+++ b/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.test.tsx
@@ -46,6 +46,9 @@ describe('<GroupsDiagram />', () => {
                 namespace: 'my-namespace',
               },
               spec: {
+                profile: {
+                  displayName: 'Group A',
+                },
                 type: 'organization',
               },
             },
@@ -64,6 +67,6 @@ describe('<GroupsDiagram />', () => {
       },
     );
 
-    expect(getByText('my-namespace/group-a')).toBeInTheDocument();
+    expect(getByText('Group A')).toBeInTheDocument();
   });
 });
diff --git a/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.tsx b/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.tsx
index 27be0dae7e..32931e8f3a 100644
--- a/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.tsx
+++ b/plugins/explore/src/components/GroupsExplorerContent/GroupsDiagram.tsx
@@ -96,9 +96,7 @@ function RenderNode(props: DependencyGraphTypes.RenderNodeProps<any>) {
           alignmentBaseline="baseline"
           style={{ fontWeight: 'bold' }}
         >
-          {props.node.profile?.displayName
-            ? props.node.profile?.displayName
-            : props.node.name}
+          {props.node.profile?.displayName ?? props.node.name}
         </text>
       </Link>
     </g>