[WALL] farhan/chore: 🐣 unit test for WalletError component (binary-co…

…m#12124)

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();
+    });
+});