RI-6242 added tests

Author: kchepikava

redisinsight/ui/src/components/oauth/oauth-user-profile/OAuthUserProfile.spec.tsx

@@ -21,7 +21,9 @@ const mockedProps = mock<Props>()
 jest.mock('uiSrc/slices/oauth/cloud', () => ({
   ...jest.requireActual('uiSrc/slices/oauth/cloud'),
   oauthCloudUserSelector: jest.fn().mockReturnValue({
-    data: null
+    loading: false,
+    data: null,
+    error: '',
   }),
 }))
 
@@ -50,7 +52,20 @@ describe('OAuthUserProfile', () => {
     expect(render(<OAuthUserProfile {...mockedProps} />)).toBeTruthy()
   })
 
+  it('should render loading spinner initially', () => {
+    render(<OAuthUserProfile {...mockedProps} />)
+
+    expect(screen.getByTestId('oath-user-profile-spinner')).toBeInTheDocument()
+    expect(screen.queryByTestId('cloud-sign-in-btn')).not.toBeInTheDocument()
+    expect(screen.queryByTestId('user-profile-btn')).not.toBeInTheDocument()
+  })
+
   it('should render sign in button if no profile', () => {
+    (oauthCloudUserSelector as jest.Mock).mockReturnValue({
+      loading: false,
+      data: null,
+      error: 'Some error',
+    })
     render(<OAuthUserProfile {...mockedProps} />)
 
     expect(screen.getByTestId('cloud-sign-in-btn')).toBeInTheDocument()

redisinsight/ui/src/components/oauth/oauth-user-profile/OAuthUserProfile.tsx

@@ -49,7 +49,11 @@ const OAuthUserProfile = (props: Props) => {
     if (profileLoading) {
       return (
         <div className={styles.loadingContainer}>
-          <EuiLoadingSpinner className={cx('infiniteMessage__icon', styles.loading)} size="l" />
+          <EuiLoadingSpinner
+            className={cx('infiniteMessage__icon', styles.loading)}
+            size="l"
+            data-testid="oath-user-profile-spinner"
+          />
         </div>
       )
     }