diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ProfileCard/ProfileSectionUserDetailsCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ProfileCard/ProfileSectionUserDetailsCard.component.tsx
index 0558fbe4ea2..14afa95cb65 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ProfileCard/ProfileSectionUserDetailsCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ProfileCard/ProfileSectionUserDetailsCard.component.tsx
@@ -243,7 +243,7 @@ const ProfileSectionUserDetailsCard = ({
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/ProfilePicture/ProfilePicture.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/ProfilePicture/ProfilePicture.test.tsx
index 0005f4b9f30..5121a95a33c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/ProfilePicture/ProfilePicture.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/ProfilePicture/ProfilePicture.test.tsx
@@ -28,8 +28,9 @@ jest.mock('../../../utils/UserDataUtils', () => {
};
});
+const mockUseUserProfile = jest.fn().mockReturnValue(['', false, {}]);
jest.mock('../../../hooks/user-profile/useUserProfile', () => ({
- useUserProfile: jest.fn().mockImplementation(() => ['', false, {}]),
+ useUserProfile: () => mockUseUserProfile(),
}));
const mockData = {
@@ -44,4 +45,18 @@ describe('Test ProfilePicture component', () => {
expect(avatar).toBeInTheDocument();
});
+
+ it('should render with profile image when profileURL is available', async () => {
+ mockUseUserProfile.mockReturnValue([
+ 'https://example.com/profile.jpg',
+ false,
+ {},
+ ]);
+
+ const { container } = render();
+
+ const profileImage = await findByTestId(container, 'profile-image');
+
+ expect(profileImage).toBeInTheDocument();
+ });
});