From 49ffe5a0a0e459e1138e3e4add88ffaca55f8763 Mon Sep 17 00:00:00 2001
From: henry-deriv <118344354+henry-deriv@users.noreply.github.com>
Date: Mon, 19 Jun 2023 14:44:49 +0800
Subject: [PATCH] henry/91709/test: add test coverage for poi unsupported 
 (#8041)

* test: add test coverage

* test: switch from regex to string

* fix: change test coverage

---------

Co-authored-by: Henry Hein <henryhein@Henry-Heins-MacBook-Pro-T90XTJ00Q4.local>
Co-authored-by: Ali(Ako) Hosseini <ali.hosseini@deriv.com>
---
 .../__tests__/unsupported-failed.spec.tsx     | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 packages/account/src/Components/poi-unsupported-failed/__tests__/unsupported-failed.spec.tsx

diff --git a/packages/account/src/Components/poi-unsupported-failed/__tests__/unsupported-failed.spec.tsx b/packages/account/src/Components/poi-unsupported-failed/__tests__/unsupported-failed.spec.tsx
new file mode 100644
index 000000000000..5f3116cbed14
--- /dev/null
+++ b/packages/account/src/Components/poi-unsupported-failed/__tests__/unsupported-failed.spec.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { screen, render } from '@testing-library/react';
+import UnsupportedFailed from '../unsupported-failed';
+
+jest.mock('@deriv/components', () => {
+    const original_module = jest.requireActual('@deriv/components');
+    return {
+        ...original_module,
+        Icon: jest.fn(() => <div>Mocked Icon</div>),
+    };
+});
+
+describe('<UnsupportedFailed />', () => {
+    const error = 'error';
+    it('should render <UnsupportedFailed /> component with its content', () => {
+        render(<UnsupportedFailed error={error} />);
+        expect(screen.getByText('Proof of identity documents upload failed')).toBeInTheDocument();
+        expect(screen.getByText('error')).toBeInTheDocument();
+        expect(screen.getByText('Mocked Icon')).toBeInTheDocument();
+    });
+});