Fixed specs for HomeTabs

Author: kchepikava

redisinsight/ui/src/components/home-tabs/HomeTabs.spec.tsx

@@ -3,7 +3,7 @@ import reactRouterDom from 'react-router-dom'
 import { cloneDeep } from 'lodash'
 import { render, screen, fireEvent, act, cleanup, mockedStore } from 'uiSrc/utils/test-utils'
 
-import { Pages } from 'uiSrc/constants'
+import { FeatureFlags, Pages } from 'uiSrc/constants'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 import { appFeatureFlagsFeaturesSelector, removeFeatureFromHighlighting } from 'uiSrc/slices/app/features'
 import HomeTabs from './HomeTabs'
@@ -18,9 +18,9 @@ beforeEach(() => {
 jest.mock('uiSrc/slices/app/features', () => ({
   ...jest.requireActual('uiSrc/slices/app/features'),
   appFeatureFlagsFeaturesSelector: jest.fn().mockReturnValue({
-    rdi: {
+    redisDataIntegration: {
       flag: true
-    },
+    }
   }),
 }))
 
@@ -88,7 +88,7 @@ describe('HomeTabs', () => {
 
     fireEvent.click(screen.getByTestId('home-tab-rdi-instances'))
 
-    const expectedActions = [removeFeatureFromHighlighting('rdi')]
+    const expectedActions = [removeFeatureFromHighlighting(FeatureFlags.rdi)]
     expect(store.getActions()).toEqual(expectedActions)
   })
 

redisinsight/ui/src/components/home-tabs/HomeTabs.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from 'react'
 import { EuiTab, EuiTabs } from '@elastic/eui'
 import { useHistory, useLocation } from 'react-router-dom'
 import { useDispatch, useSelector } from 'react-redux'
-import { Pages, PageValues } from 'uiSrc/constants'
+import { FeatureFlags, Pages, PageValues } from 'uiSrc/constants'
 import { FeatureFlagComponent } from 'uiSrc/components'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 import { BUILD_FEATURES } from 'uiSrc/constants/featuresHighlighting'
@@ -16,7 +16,7 @@ import styles from './styles.module.scss'
 const HomeTabs = () => {
   const [activeTab, setActiveTab] = useState('')
   const { features } = useSelector(appFeatureHighlightingSelector)
-  const { rdi: rdiHighlighting } = getHighlightingFeatures(features)
+  const { [FeatureFlags.rdi]: rdiHighlighting } = getHighlightingFeatures(features)
 
   const history = useHistory()
   const { pathname } = useLocation()
@@ -35,7 +35,7 @@ const HomeTabs = () => {
     })
 
     if (path === Pages.rdi) {
-      dispatch(removeFeatureFromHighlighting('rdi'))
+      dispatch(removeFeatureFromHighlighting(FeatureFlags.rdi))
       history.push(Pages.rdi)
       return
     }

redisinsight/ui/src/slices/app/features.ts

@@ -41,6 +41,9 @@ export const initialState: StateAppFeatures = {
       [FeatureFlags.hashFieldExpiration]: {
         flag: false
       },
+      [FeatureFlags.rdi]: {
+        flag: false
+      }
     }
   }
 }