From f91a215bb71c7c29406f45a731cac318d7a4380f Mon Sep 17 00:00:00 2001
From: Aizad Ridzo <103104395+aizad-deriv@users.noreply.github.com>
Date: Wed, 19 Jun 2024 18:44:14 +0800
Subject: [PATCH] [WALL] Aizad/WALL-2899/WalletMarketCurrencyIcon-test-case
 (#15685)

* chore: added WalletMarketCurrencyIcon test case

* chore: rerun workflow
---
 .../WalletMarketCurrencyIcon.tsx              |  2 +-
 .../WalletMarketCurrencyIcon.spec.tsx         | 46 +++++++++++++++++++
 2 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 packages/wallets/src/components/WalletMarketCurrencyIcon/__test__/WalletMarketCurrencyIcon.spec.tsx

diff --git a/packages/wallets/src/components/WalletMarketCurrencyIcon/WalletMarketCurrencyIcon.tsx b/packages/wallets/src/components/WalletMarketCurrencyIcon/WalletMarketCurrencyIcon.tsx
index ca68ccc978c3..59e43996a77a 100644
--- a/packages/wallets/src/components/WalletMarketCurrencyIcon/WalletMarketCurrencyIcon.tsx
+++ b/packages/wallets/src/components/WalletMarketCurrencyIcon/WalletMarketCurrencyIcon.tsx
@@ -32,7 +32,7 @@ const WalletMarketCurrencyIcon: FC<TWalletMarketCurrencyIconProps> = ({ currency
     } else MarketTypeIcon = 'IcWalletOptionsLight';
 
     return (
-        <div className='wallets-market-currency-icon'>
+        <div className='wallets-market-currency-icon' data-testid='dt_wallet_market_icon'>
             <div className='wallets-market-currency-icon__container'>
                 <WalletMarketIcon
                     className='wallets-market-currency-icon__market-icon'
diff --git a/packages/wallets/src/components/WalletMarketCurrencyIcon/__test__/WalletMarketCurrencyIcon.spec.tsx b/packages/wallets/src/components/WalletMarketCurrencyIcon/__test__/WalletMarketCurrencyIcon.spec.tsx
new file mode 100644
index 000000000000..8b85379e2bb2
--- /dev/null
+++ b/packages/wallets/src/components/WalletMarketCurrencyIcon/__test__/WalletMarketCurrencyIcon.spec.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { CFD_PLATFORMS, MARKET_TYPE } from '../../../features/cfd/constants';
+import WalletMarketCurrencyIcon from '../WalletMarketCurrencyIcon';
+import '@testing-library/jest-dom';
+
+const defaultProps = {
+    currency: 'USD',
+    isDemo: false,
+};
+describe('WalletMarketCurrencyIcon', () => {
+    it('renders MT5 Financial Icon', () => {
+        render(
+            <WalletMarketCurrencyIcon
+                {...defaultProps}
+                marketType={MARKET_TYPE.FINANCIAL}
+                platform={CFD_PLATFORMS.MT5}
+            />
+        );
+        const marketIcon = screen.getByTestId('dt_wallet_icon');
+        const currencyIcon = screen.getByTestId('dt_wallet_currency_icon');
+        expect(screen.getByTestId('dt_wallet_market_icon')).toBeInTheDocument();
+        expect(marketIcon).toBeInTheDocument();
+        expect(currencyIcon).toBeInTheDocument();
+    });
+
+    it('renders DXTrade icon', () => {
+        render(
+            <WalletMarketCurrencyIcon {...defaultProps} marketType={MARKET_TYPE.ALL} platform={CFD_PLATFORMS.DXTRADE} />
+        );
+        const marketIcon = screen.getByTestId('dt_wallet_icon');
+        const currencyIcon = screen.getByTestId('dt_wallet_currency_icon');
+        expect(screen.getByTestId('dt_wallet_market_icon')).toBeInTheDocument();
+        expect(marketIcon).toBeInTheDocument();
+        expect(currencyIcon).toBeInTheDocument();
+    });
+
+    it('renders Options icon', () => {
+        render(<WalletMarketCurrencyIcon {...defaultProps} marketType={undefined} platform={undefined} />);
+        const marketIcon = screen.getByTestId('dt_wallet_icon');
+        const currencyIcon = screen.getByTestId('dt_wallet_currency_icon');
+        expect(screen.getByTestId('dt_wallet_market_icon')).toBeInTheDocument();
+        expect(marketIcon).toBeInTheDocument();
+        expect(currencyIcon).toBeInTheDocument();
+    });
+});