Merge pull request #35 from likhith-deriv/likhith/74144/migrate-poi-b…

…utton-to-tsx

likhith/migrate poi button component to TSX

packages/account/src/Components/poa/status/verified/__tests__/verified.spec.js

@@ -5,7 +5,7 @@ import { Verified } from '../verified';
 jest.mock('Components/poa/continue-trading-button/continue-trading-button.jsx', () => ({
     ContinueTradingButton: jest.fn(() => <div>ContinueTradingButton</div>),
 }));
-jest.mock('Components/poi/poi-button/poi-button.jsx', () => ({
+jest.mock('Components/poi/poi-button/poi-button', () => ({
     PoiButton: jest.fn(() => <div>PoiButton</div>),
 }));
 

packages/account/src/Components/poa/status/verified/verified.jsx

@@ -4,7 +4,7 @@ import { PropTypes } from 'prop-types';
 import { Icon } from '@deriv/components';
 import { PlatformContext } from '@deriv/shared';
 import { localize } from '@deriv/translations';
-import { PoiButton } from 'Components/poi/poi-button/poi-button.jsx';
+import { PoiButton } from 'Components/poi/poi-button/poi-button';
 import IconMessageContent from 'Components/icon-message-content';
 import { ContinueTradingButton } from 'Components/poa/continue-trading-button/continue-trading-button.jsx';
 

packages/account/src/Components/poi/poi-button/__tests__/poi-button.spec.js → packages/account/src/Components/poi/poi-button/__tests__/poi-button.spec.tsx

@@ -18,7 +18,8 @@ describe('<PoiButton/>', () => {
     it('should navigate to proof_of_identity page after clicking', () => {
         renderWithRouter(<PoiButton />);
         const poi_button = screen.getByText('Proof of identity');
-        expect(poi_button.closest('a')).toHaveAttribute('href', '/account/proof-of-identity');
+        const link = screen.getByRole('link', { current: false });
+        expect(link).toHaveAttribute('href', '/account/proof-of-identity');
         fireEvent.click(poi_button);
         expect(history.location.pathname).toBe('/account/proof-of-identity');
     });

packages/account/src/Components/poi/poi-button/index.ts

@@ -0,0 +1,3 @@
+import { PoiButton } from './poi-button';
+
+export default PoiButton;