From 23ba639d4821d1c0f8daa974eef29eb95d3577e9 Mon Sep 17 00:00:00 2001
From: Farhan Ahmad Nurzi
 <125247833+farhan-nurzi-deriv@users.noreply.github.com>
Date: Fri, 8 Dec 2023 11:51:29 +0800
Subject: [PATCH] =?UTF-8?q?[WALL]=20farhan/chore:=20=F0=9F=90=A3=20unit=20?=
 =?UTF-8?q?test=20for=20WalletError=20component=20(#12124)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../__tests__/WalletError.spec.tsx            | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 packages/wallets/src/components/WalletError/__tests__/WalletError.spec.tsx

diff --git a/packages/wallets/src/components/WalletError/__tests__/WalletError.spec.tsx b/packages/wallets/src/components/WalletError/__tests__/WalletError.spec.tsx
new file mode 100644
index 000000000000..b4035553ae4a
--- /dev/null
+++ b/packages/wallets/src/components/WalletError/__tests__/WalletError.spec.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { ModalProvider } from '../../ModalProvider';
+import WalletError from '../WalletError';
+
+const mockModalHide = jest.fn();
+jest.mock('../../ModalProvider', () => ({
+    ...jest.requireActual('../../ModalProvider'),
+    useModal: jest.fn(() => ({
+        ...jest.requireActual('../../ModalProvider').useModal(),
+        hide: mockModalHide,
+    })),
+}));
+
+describe('WalletError', () => {
+    it('should show error message and the title', () => {
+        render(
+            <ModalProvider>
+                <WalletError errorMessage='Error message' title='Something went wrong!' />
+            </ModalProvider>
+        );
+        expect(screen.getByText('Error message')).toBeInTheDocument();
+        expect(screen.getByText('Something went wrong!')).toBeInTheDocument();
+    });
+
+    it('should call hide modal when close button is clicked', () => {
+        render(
+            <ModalProvider>
+                <WalletError buttonText='Close' errorMessage='Error message' onClick={mockModalHide} />
+            </ModalProvider>
+        );
+        const closeButton = screen.getByRole('button', { name: 'Close' });
+        closeButton.click();
+        expect(mockModalHide).toHaveBeenCalled();
+    });
+});