fix tests

Author: pd-redis

redisinsight/ui/src/pages/rdi/pipeline-management/components/template-form/TemplateForm.spec.tsx

@@ -3,19 +3,19 @@ import { cloneDeep } from 'lodash'
 import { instance, mock } from 'ts-mockito'
 
 import {
-  fireEvent,
-  render,
+  act,
   cleanup,
+  fireEvent,
   mockedStore,
+  render,
   screen,
-  act,
 } from 'uiSrc/utils/test-utils'
 import {
   getPipelineStrategies,
   rdiPipelineStrategiesSelector,
 } from 'uiSrc/slices/rdi/pipeline'
 import { RdiPipelineTabs } from 'uiSrc/slices/interfaces'
-import { NO_TEMPLATE_LABEL, INGEST_OPTION } from './constants'
+import { INGEST_OPTION, NO_TEMPLATE_LABEL } from './constants'
 import TemplateForm, { Props } from './TemplateForm'
 
 const mockedProps = mock<Props>()
@@ -58,17 +58,18 @@ describe('TemplateForm', () => {
 
     fireEvent.click(screen.getByTestId('template-cancel-btn'))
 
-    expect(mockClosePopover).toBeCalled()
+    expect(mockClosePopover).toHaveBeenCalled()
   })
 
   it('should fetch rdi strategies on initial', async () => {
     await act(async () => {
       render(<TemplateForm {...instance(mockedProps)} />)
     })
 
-    const expectedActions = [getPipelineStrategies()]
-    expect(store.getActions().slice(0, expectedActions.length)).toEqual(
-      expectedActions,
+    const expectedActions = getPipelineStrategies()
+
+    expect(store.getActions()).toEqual(
+      expect.arrayContaining([expectedActions]),
     )
   })
 

redisinsight/ui/src/slices/tests/app/init.spec.ts

@@ -24,6 +24,7 @@ import {
   getFeatureFlags,
   getFeatureFlagsFailure,
   getFeatureFlagsSuccess,
+  setFeaturesToHighlight,
 } from 'uiSrc/slices/app/features'
 import { getConfig } from 'uiSrc/config'
 import {
@@ -154,12 +155,17 @@ describe('init slice', () => {
     })
 
     it('failed to init csrf', async () => {
-      riConfig.api.csrfEndpoint = 'http://localhost/csrf'
+      riConfig.api.csrfEndpoint = 'csrf'
       mswServer.use(
         http.get<any, CSRFTokenResponse>(
           getMswURL(riConfig.api.csrfEndpoint),
           async () => {
-            return HttpResponse.text('', { status: 500 })
+            return HttpResponse.json(
+              {
+                message: 'Network Error',
+              },
+              { status: 500 },
+            )
           },
         ),
       )