chore: test case for BotPreview

packages/bot-web-ui/src/components/dashboard/dashboard-component/load-bot-preview/__tests__/bot-preview.spec.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { mockStore, StoreProvider } from '@deriv/stores';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { render } from '@testing-library/react';
+import { mock_ws } from 'Utils/mock';
+import { DBotStoreProvider, mockDBotStore } from 'Stores/useDBotStore';
+import BotPreview from '../bot-preview';
+
+jest.mock('@deriv/bot-skeleton/src/scratch/blockly', () => jest.fn());
+jest.mock('@deriv/bot-skeleton/src/scratch/dbot', () => ({
+    saveRecentWorkspace: jest.fn(),
+    unHighlightAllBlocks: jest.fn(),
+}));
+jest.mock('@deriv/bot-skeleton/src/scratch/hooks/block_svg', () => jest.fn());
+
+describe('BotPreview', () => {
+    it('should render BotPreview component with ref', () => {
+        const mock_store = mockStore({});
+        const mock_DBot_store = mockDBotStore(mock_store, mock_ws);
+        const ref = React.createRef<HTMLDivElement>();
+
+        render(
+            <StoreProvider store={mock_store}>
+                <DBotStoreProvider ws={mock_ws} mock={mock_DBot_store}>
+                    <BotPreview id_ref={ref} />
+                </DBotStoreProvider>
+            </StoreProvider>
+        );
+
+        expect(ref.current).toBeInTheDocument();
+    });
+});

packages/bot-web-ui/src/components/dashboard/dashboard-component/load-bot-preview/bot-preview.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { RefObject } from 'react';
 import WorkspaceControl from './workspace-control';
 
 type TBotPreview = {
-    id_ref: HTMLElement | React.ReactNode | null;
+    id_ref: RefObject<HTMLDivElement>;
 };
 
 const BotPreview = ({ id_ref }: TBotPreview) => {