feat: unit test added for page return component

packages/p2p/src/components/modal-manager/modals/filter-modal/filter-modal-header.jsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { observer } from 'mobx-react-lite';
 import { localize, Localize } from 'Components/i18next';
 import { useStores } from 'Stores';
-import PageReturn from 'Components/page-return/page-return.jsx';
+import PageReturn from 'Components/page-return';
 
 const FilterModalHeader = () => {
     const { buy_sell_store, my_profile_store } = useStores();

packages/p2p/src/components/order-details/__tests__/order-details-wrapper.spec.js

@@ -53,7 +53,7 @@ describe('<OrderDetailsWrapper />', () => {
         render(<OrderDetailsWrapper {...desktop_props} />);
 
         await waitFor(() => {
-            expect(screen.getByTestId('order-details-wrapper-desktop')).toBeInTheDocument();
+            expect(screen.getByTestId('dt_page-return')).toBeInTheDocument();
             expect(screen.getByText('desktop test')).toBeInTheDocument();
         });
     });

packages/p2p/src/components/order-details/order-details-wrapper.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Icon, MobileFullPageModal, ThemedScrollbars } from '@deriv/components';
 import { isMobile } from '@deriv/shared';
-import PageReturn from 'Components/page-return/page-return.jsx';
+import PageReturn from 'Components/page-return';
 import { useStores } from 'Stores';
 import OrderDetailsFooter from 'Components/order-details/order-details-footer.jsx';
 

packages/p2p/src/components/page-return/__test__/page-return.spec.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import PageReturn from '../page-return';
+
+describe('<PageReturn/>', () => {
+    it('renders component with passed props', () => {
+        render(<PageReturn page_title='Page Title' onClick={jest.fn()} />);
+
+        expect(screen.getByText('Page Title')).toBeInTheDocument();
+    });
+});

packages/p2p/src/components/page-return/index.ts

@@ -0,0 +1,4 @@
+import PageReturn from './page-return';
+import './page-return.scss';
+
+export default PageReturn;

packages/p2p/src/components/page-return/page-return.jsx → packages/p2p/src/components/page-return/page-return.tsx

@@ -1,12 +1,16 @@
 import React from 'react';
 import classNames from 'classnames';
 import { Icon, Text } from '@deriv/components';
-import PropTypes from 'prop-types';
-import './page-return.scss';
 
-const PageReturn = ({ className, onClick, page_title }) => {
+type PageReturnProps = {
+    className?: string;
+    onClick: () => void;
+    page_title: string;
+};
+
+const PageReturn: React.FC<PageReturnProps> = ({ className = '', onClick, page_title }) => {
     return (
-        <div className={classNames('page-return', className)} data-testid='order-details-wrapper-desktop'>
+        <div className={classNames('page-return', className)} data-testid='dt_page-return'>
             <div onClick={onClick} className='page-return__button'>
                 <Icon icon='IcArrowLeftBold' size={16} />
             </div>
@@ -17,10 +21,4 @@ const PageReturn = ({ className, onClick, page_title }) => {
     );
 };
 
-PageReturn.propTypes = {
-    className: PropTypes.string,
-    onClick: PropTypes.func,
-    page_title: PropTypes.string,
-};
-
 export default PageReturn;

packages/p2p/src/pages/advertiser-page/advertiser-page.jsx

@@ -7,7 +7,7 @@ import { useStores } from 'Stores';
 import { Localize, localize } from 'Components/i18next';
 import { my_profile_tabs } from 'Constants/my-profile-tabs';
 import { api_error_codes } from 'Constants/api-error-codes';
-import PageReturn from 'Components/page-return/page-return.jsx';
+import PageReturn from 'Components/page-return';
 import RecommendedBy from 'Components/recommended-by';
 import UserAvatar from 'Components/user/user-avatar/user-avatar.jsx';
 import AdvertiserPageStats from './advertiser-page-stats.jsx';

packages/p2p/src/pages/buy-sell/buy-sell.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { observer } from 'mobx-react-lite';
 import { localize } from 'Components/i18next';
-import PageReturn from 'Components/page-return/page-return.jsx';
+import PageReturn from 'Components/page-return';
 import Verification from 'Components/verification/verification.jsx';
 import { buy_sell } from 'Constants/buy-sell';
 import { useStores } from 'Stores';

packages/p2p/src/pages/my-ads/create-ad.jsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Loading } from '@deriv/components';
 import { observer } from 'mobx-react-lite';
 import { localize } from 'Components/i18next';
-import PageReturn from 'Components/page-return/page-return.jsx';
+import PageReturn from 'Components/page-return';
 import { useStores } from 'Stores';
 import CreateAdForm from './create-ad-form.jsx';
 

packages/p2p/src/pages/my-ads/edit-ad-form.jsx

@@ -5,7 +5,7 @@ import { Button, Div100vhContainer, Input, Loading, Modal, Text, ThemedScrollbar
 import { formatMoney, isDesktop, isMobile } from '@deriv/shared';
 import { observer } from 'mobx-react-lite';
 import { Localize, localize } from 'Components/i18next';
-import PageReturn from 'Components/page-return/page-return.jsx';
+import PageReturn from 'Components/page-return';
 import { api_error_codes } from 'Constants/api-error-codes';
 import { buy_sell } from 'Constants/buy-sell';
 import { useStores } from 'Stores';

packages/p2p/src/pages/my-profile/payment-methods/add-payment-method/add-payment-method.jsx

@@ -4,7 +4,7 @@ import { useStores } from 'Stores';
 import { localize } from 'Components/i18next';
 import { DesktopWrapper, MobileWrapper } from '@deriv/components';
 import AddPaymentMethodForm from './add-payment-method-form.jsx';
-import PageReturn from 'Components/page-return/page-return.jsx';
+import PageReturn from 'Components/page-return';
 import PropTypes from 'prop-types';
 import SelectPaymentMethod from './select-payment-method.jsx';
 import { useModalManagerContext } from 'Components/modal-manager/modal-manager-context';

packages/p2p/src/pages/my-profile/payment-methods/payment-methods-list/edit-payment-method-form.jsx

@@ -6,7 +6,7 @@ import { Button, DesktopWrapper, Input, Loading, Text } from '@deriv/components'
 import { isDesktop, isMobile } from '@deriv/shared';
 import { Localize, localize } from 'Components/i18next';
 import { useStores } from 'Stores';
-import PageReturn from 'Components/page-return/page-return.jsx';
+import PageReturn from 'Components/page-return';
 import { useModalManagerContext } from 'Components/modal-manager/modal-manager-context';
 import ModalForm from 'Components/modal-manager/modal-form';
 import './edit-payment-method-form.scss';