diff --git a/packages/account/src/Components/poo/statuses/poo-not-required/__tests__/not-required.spec.tsx b/packages/account/src/Components/poo/statuses/poo-not-required/__tests__/not-required.spec.tsx new file mode 100644 index 000000000000..7c826826c3f3 --- /dev/null +++ b/packages/account/src/Components/poo/statuses/poo-not-required/__tests__/not-required.spec.tsx @@ -0,0 +1,24 @@ +import { screen, render } from '@testing-library/react'; +import React from 'react'; +import POONotRequired from '../index'; + +jest.mock('@deriv/components', () => { + const original_module = jest.requireActual('@deriv/components'); + return { + ...original_module, + Icon: jest.fn(() =>
Mocked Icon
), + }; +}); + +describe('', () => { + it('should render component with its content', () => { + render(); + expect(screen.getByText("Your proof of ownership isn't required.")).toBeInTheDocument(); + expect( + screen.getByText( + 'You are not required to submit proof of ownership at this time. We will inform you if proof of ownership is required in the future.' + ) + ).toBeInTheDocument(); + expect(screen.getByText('Mocked Icon')).toBeInTheDocument(); + }); +}); diff --git a/packages/account/src/Components/poo/statuses/poo-rejected/__tests__/rejected.spec.tsx b/packages/account/src/Components/poo/statuses/poo-rejected/__tests__/rejected.spec.tsx new file mode 100644 index 000000000000..09b591be281b --- /dev/null +++ b/packages/account/src/Components/poo/statuses/poo-rejected/__tests__/rejected.spec.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { screen, render } from '@testing-library/react'; +import POORejected from '../index'; + +jest.mock('@deriv/components', () => { + const original_module = jest.requireActual('@deriv/components'); + return { + ...original_module, + Icon: jest.fn(() =>
Mocked Icon
), + }; +}); + +describe('', () => { + it('Should render and its contents', () => { + const onTryAgain = jest.fn(); + render(); + expect(screen.getByText('Mocked Icon')).toBeInTheDocument(); + expect(screen.getByText('Proof of ownership verification failed')).toBeInTheDocument(); + expect(screen.getByText('We were unable to verify your proof of ownership.')).toBeInTheDocument(); + expect(screen.getByText('Try again')).toBeInTheDocument(); + }); +}); diff --git a/packages/account/src/Components/poo/statuses/poo-rejected/index.js b/packages/account/src/Components/poo/statuses/poo-rejected/index.js index 330c72aa62f3..164171243ff8 100644 --- a/packages/account/src/Components/poo/statuses/poo-rejected/index.js +++ b/packages/account/src/Components/poo/statuses/poo-rejected/index.js @@ -1,3 +1,3 @@ -import { POORejetced } from './rejected.jsx'; +import { POORejected } from './rejected.jsx'; -export default POORejetced; +export default POORejected; diff --git a/packages/account/src/Components/poo/statuses/poo-rejected/rejected.jsx b/packages/account/src/Components/poo/statuses/poo-rejected/rejected.jsx index 4bb39411a13a..8ce3e0735ada 100644 --- a/packages/account/src/Components/poo/statuses/poo-rejected/rejected.jsx +++ b/packages/account/src/Components/poo/statuses/poo-rejected/rejected.jsx @@ -2,7 +2,7 @@ import { Button, Text, Icon } from '@deriv/components'; import { localize } from '@deriv/translations'; import React from 'react'; -export const POORejetced = ({ onTryAgain }) => { +export const POORejected = ({ onTryAgain }) => { return (
diff --git a/packages/account/src/Components/poo/statuses/poo-submitted/__tests__/submitted.spec.tsx b/packages/account/src/Components/poo/statuses/poo-submitted/__tests__/submitted.spec.tsx new file mode 100644 index 000000000000..df1cdd3e3b59 --- /dev/null +++ b/packages/account/src/Components/poo/statuses/poo-submitted/__tests__/submitted.spec.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { screen, render } from '@testing-library/react'; +import POOSubmitted from '../index'; + +jest.mock('@deriv/components', () => { + const original_module = jest.requireActual('@deriv/components'); + return { + ...original_module, + Icon: jest.fn(() =>
Mocked Icon
), + }; +}); + +describe('', () => { + it('Should render { + render(); + expect(screen.getByText('We’ve received your proof of ownership.')).toBeInTheDocument(); + expect( + screen.getByText('We’ll review your documents and notify you of its status within 3 days.') + ).toBeInTheDocument(); + expect(screen.getByText('Mocked Icon')).toBeInTheDocument(); + }); +}); diff --git a/packages/account/src/Components/poo/statuses/poo-verified/__tests__/verified.spec.tsx b/packages/account/src/Components/poo/statuses/poo-verified/__tests__/verified.spec.tsx new file mode 100644 index 000000000000..db3bf3c77355 --- /dev/null +++ b/packages/account/src/Components/poo/statuses/poo-verified/__tests__/verified.spec.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { screen, render } from '@testing-library/react'; +import POOVerified from '../index'; + +jest.mock('@deriv/components', () => { + const original_module = jest.requireActual('@deriv/components'); + return { + ...original_module, + Icon: jest.fn(() =>
Mocked Icon
), + }; +}); + +describe('', () => { + it('Should render and its contents', () => { + render(); + expect(screen.getByText('Proof of ownership verification passed.')).toBeInTheDocument(); + expect(screen.getByText('Mocked Icon')).toBeInTheDocument(); + }); +});