#RI-5211 - add test

Author: AmirAllayarovSofteq

redisinsight/ui/src/pages/rdi/instance/components/confirm-leave-page-popup/ConfirmLeavePagePopup.spec.tsx

@@ -0,0 +1,56 @@
+import React from 'react'
+import { useFormikContext } from 'formik'
+import { render, fireEvent, screen } from 'uiSrc/utils/test-utils'
+import { MOCK_RDI_PIPELINE_DATA } from 'uiSrc/mocks/data/rdi'
+import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
+import ConfirmLeavePagePopup, { Props } from './ConfirmLeavePagePopup'
+
+const mockProps: Props = {
+  onClose: jest.fn(),
+  onConfirm: jest.fn()
+}
+
+jest.mock('formik')
+
+jest.mock('uiSrc/telemetry', () => ({
+  ...jest.requireActual('uiSrc/telemetry'),
+  sendEventTelemetry: jest.fn()
+}))
+
+describe('ConfirmLeavePagePopup', () => {
+  beforeEach(() => {
+    const mockUseFormikContext = {
+      setFieldValue: jest.fn,
+      values: MOCK_RDI_PIPELINE_DATA,
+    };
+    (useFormikContext as jest.Mock).mockReturnValue(mockUseFormikContext)
+  })
+
+  it('should render', () => {
+    expect(render(<ConfirmLeavePagePopup {...mockProps} />)).toBeTruthy()
+  })
+
+  it('should call proper telemetry event', async () => {
+    const sendEventTelemetryMock = jest.fn();
+    (sendEventTelemetry as jest.Mock).mockImplementation(() => sendEventTelemetryMock)
+
+    render(<ConfirmLeavePagePopup {...mockProps} />)
+
+    expect(sendEventTelemetry).toBeCalledWith({
+      event: TelemetryEvent.RDI_UNSAVED_CHANGES_MESSAGE_DISPLAYED,
+      eventData: {
+        id: 'rdiInstanceId',
+      }
+    });
+    (sendEventTelemetry as jest.Mock).mockRestore()
+  })
+
+  it('should call onConfirm', async () => {
+    const onConfirmMock = jest.fn()
+    render(<ConfirmLeavePagePopup {...mockProps} onConfirm={onConfirmMock} />)
+
+    fireEvent.click(screen.getByTestId('confirm-leave-page'))
+
+    expect(onConfirmMock).toBeCalled()
+  })
+})

redisinsight/ui/src/pages/rdi/instance/components/confirm-leave-page-popup/ConfirmLeavePagePopup.tsx

@@ -4,6 +4,7 @@ import {
   EuiModalBody,
   EuiTitle, EuiText, EuiButton,
 } from '@elastic/eui'
+import { useParams } from 'react-router-dom'
 
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 import Download from 'uiSrc/pages/rdi/pipeline-management/components/download/Download'
@@ -18,9 +19,14 @@ export interface Props {
 const ConfirmLeavePagePopup = (props: Props) => {
   const { onClose, onConfirm } = props
 
+  const { rdiInstanceId } = useParams<{ rdiInstanceId: string }>()
+
   useEffect(() => {
     sendEventTelemetry({
-      event: TelemetryEvent.RDI_UNSAVED_CHANGES_MESSAGE_DISPLAYED
+      event: TelemetryEvent.RDI_UNSAVED_CHANGES_MESSAGE_DISPLAYED,
+      eventData: {
+        id: rdiInstanceId,
+      }
     })
   }, [])