Shayan/feq116/add test for exchange rates hooks

packages/hooks/src/__tests__/useCFDAccounts.spec.tsx

@@ -0,0 +1,97 @@
+import * as React from 'react';
+import { mockStore, StoreProvider } from '@deriv/stores';
+import { renderHook } from '@testing-library/react-hooks';
+import useGetCfdAccounts from '../useCfdAccounts';
+
+describe('useGetCfdAccounts', () => {
+    test('should return empty array when client has no cfd accounts', async () => {
+        const mock = mockStore({
+            client: {},
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useGetCfdAccounts(), { wrapper });
+
+        expect(result.current.all.length).toBe(0);
+        expect(result.current.demo.length).toBe(0);
+        expect(result.current.real.length).toBe(0);
+    });
+
+    test('should return proper data when client only has cfd demo accounts', async () => {
+        const mock = mockStore({
+            client: {
+                mt5_login_list: [
+                    {
+                        account_type: 'demo',
+                        balance: 1000,
+                        currency: 'USD',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useGetCfdAccounts(), { wrapper });
+
+        expect(result.current.all.length).toBe(1);
+        expect(result.current.demo.length).toBe(1);
+        expect(result.current.real.length).toBe(0);
+    });
+
+    test('should return proper data when client only has cfd real accounts', async () => {
+        const mock = mockStore({
+            client: {
+                mt5_login_list: [
+                    {
+                        account_type: 'real',
+                        balance: 1000,
+                        currency: 'USD',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useGetCfdAccounts(), { wrapper });
+
+        expect(result.current.all.length).toBe(1);
+        expect(result.current.demo.length).toBe(0);
+        expect(result.current.real.length).toBe(1);
+    });
+
+    test('should return proper data when client only has both cfd real and demo accounts', async () => {
+        const mock = mockStore({
+            client: {
+                mt5_login_list: [
+                    {
+                        account_type: 'real',
+                        balance: 1000,
+                        currency: 'USD',
+                    },
+                ],
+                dxtrade_accounts_list: [
+                    {
+                        account_type: 'demo',
+                        balance: 1000,
+                        currency: 'USD',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useGetCfdAccounts(), { wrapper });
+
+        expect(result.current.all.length).toBe(2);
+        expect(result.current.demo.length).toBe(1);
+        expect(result.current.real.length).toBe(1);
+    });
+});

packages/hooks/src/__tests__/useCFDAllAccounts.spec.tsx

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import { mockStore, StoreProvider } from '@deriv/stores';
+import { renderHook } from '@testing-library/react-hooks';
+import useCFDAllAccounts from '../useCFDAllAccounts';
+
+describe('useCFDAllAccounts', () => {
+    test('should return empty array when client has no cfd accounts', async () => {
+        const mock = mockStore({
+            client: {},
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDAllAccounts(), { wrapper });
+
+        expect(result.current.length).toBe(0);
+    });
+
+    test('should return proper data when client has mt5 accounts', async () => {
+        const mock = mockStore({
+            client: {
+                mt5_login_list: [
+                    {
+                        account_type: 'real',
+                        balance: 1000,
+                        currency: 'USD',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDAllAccounts(), { wrapper });
+
+        expect(result.current.length).toBe(1);
+    });
+
+    test('should return proper data when client has dxtrade accounts', async () => {
+        const mock = mockStore({
+            client: {
+                dxtrade_accounts_list: [
+                    {
+                        account_type: 'real',
+                        balance: 1000,
+                        currency: 'USD',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDAllAccounts(), { wrapper });
+
+        expect(result.current.length).toBe(1);
+    });
+
+    test('should return proper data when client has both  mt5 and dxtrade accounts', async () => {
+        const mock = mockStore({
+            client: {
+                mt5_login_list: [
+                    {
+                        account_type: 'real',
+                        balance: 1000,
+                        currency: 'USD',
+                    },
+                ],
+                dxtrade_accounts_list: [
+                    {
+                        account_type: 'real',
+                        balance: 1000,
+                        currency: 'USD',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDAllAccounts(), { wrapper });
+
+        expect(result.current.length).toBe(2);
+    });
+});

packages/hooks/src/__tests__/useCFDDemoAccounts.spec.tsx

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { mockStore, StoreProvider } from '@deriv/stores';
+import { renderHook } from '@testing-library/react-hooks';
+import useCFDDemoAccounts from '../useCFDDemoAccounts';
+
+describe('useCFDDemoAccounts', () => {
+    test('should return empty array when user has no cfd accounts', async () => {
+        const mock = mockStore({});
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDDemoAccounts(), { wrapper });
+
+        expect(result.current?.length).toBe(0);
+    });
+
+    test('should return empty array when user has no cfd demo accounts', async () => {
+        const mock = mockStore({
+            client: {
+                mt5_login_list: [
+                    {
+                        account_type: 'real',
+                    },
+                ],
+                dxtrade_accounts_list: [
+                    {
+                        account_type: 'real',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDDemoAccounts(), { wrapper });
+
+        expect(result.current?.length).toBe(0);
+    });
+
+    test('should return proper data when user has cfd demo accounts', async () => {
+        const mock = mockStore({
+            client: {
+                mt5_login_list: [
+                    {
+                        account_type: 'demo',
+                    },
+                ],
+                dxtrade_accounts_list: [
+                    {
+                        account_type: 'real',
+                    },
+                    {
+                        account_type: 'demo',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDDemoAccounts(), { wrapper });
+
+        expect(result.current?.length).toBe(2);
+    });
+});

packages/hooks/src/__tests__/useCFDRealAccounts.spec.tsx

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { mockStore, StoreProvider } from '@deriv/stores';
+import { renderHook } from '@testing-library/react-hooks';
+import useCFDRealAccounts from '../useCFDRealAccounts';
+
+describe('useCFDRealAccounts', () => {
+    test('should return empty array when user has no cfd accounts', async () => {
+        const mock = mockStore({});
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDRealAccounts(), { wrapper });
+
+        expect(result.current?.length).toBe(0);
+    });
+
+    test('should return empty array when user has no cfd real accounts', async () => {
+        const mock = mockStore({
+            client: {
+                mt5_login_list: [
+                    {
+                        account_type: 'demo',
+                    },
+                ],
+                dxtrade_accounts_list: [
+                    {
+                        account_type: 'demo',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDRealAccounts(), { wrapper });
+
+        expect(result.current?.length).toBe(0);
+    });
+
+    test('should return proper data when user has cfd real accounts', async () => {
+        const mock = mockStore({
+            client: {
+                mt5_login_list: [
+                    {
+                        account_type: 'real',
+                    },
+                ],
+                dxtrade_accounts_list: [
+                    {
+                        account_type: 'real',
+                    },
+                    {
+                        account_type: 'demo',
+                    },
+                ],
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useCFDRealAccounts(), { wrapper });
+
+        expect(result.current?.length).toBe(2);
+    });
+});

packages/hooks/src/__tests__/useExchangeRate.spec.tsx

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { mockStore, StoreProvider } from '@deriv/stores';
+import { renderHook } from '@testing-library/react-hooks';
+import useExchangeRate from '../useExchangeRate';
+
+describe('useExchangeRate', () => {
+    test('should return 1 if currency is not found', async () => {
+        const mock = mockStore({
+            exchange_rates: {
+                data: {
+                    base_currency: 'USD',
+                    rates: {
+                        EUR: 1.3,
+                        GBP: 1.4,
+                        ETH: 0.0001,
+                    },
+                },
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useExchangeRate(), { wrapper });
+        const rate = result.current.getRate('JPY');
+        expect(rate).toBe(1);
+    });
+
+    test('should return correct rate for the given currency other than USD', async () => {
+        const mock = mockStore({
+            exchange_rates: {
+                data: {
+                    rates: {
+                        EUR: 1.3,
+                        GBP: 1.5,
+                    },
+                },
+            },
+        });
+
+        const wrapper = ({ children }: { children: JSX.Element }) => (
+            <StoreProvider store={mock}>{children}</StoreProvider>
+        );
+        const { result } = renderHook(() => useExchangeRate(), { wrapper });
+        const rate = result.current.getRate('EUR');
+        expect(rate).toBe(1.3);
+    });
+});