fix: failing tests

deriv-com · Jun 6, 2024 · 1cf87cd · 1cf87cd
1 parent 7735336
commit 1cf87cd
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 5 deletions.
diff --git a/src/components/CopyAdForm/CopyAdForm.scss b/src/components/CopyAdForm/CopyAdForm.scss
@@ -13,6 +13,7 @@
 
         & .mobile-wrapper__body {
             margin-top: 1.6rem;
+            overflow: auto;
         }
 
         & .mobile-wrapper__footer {

diff --git a/src/components/CopyAdForm/CopyAdForm.tsx b/src/components/CopyAdForm/CopyAdForm.tsx
@@ -21,7 +21,7 @@ type TCopyAdFormProps = NonUndefined<THooks.AdvertiserAdverts.Get>[0] & {
     formValues: TSavedFormValues;
 } & {
     isModalOpen: boolean;
-    onClickCancel: () => void;
+    onClickCancel: (values: TSavedFormValues) => void;
     onFormSubmit: (values: TSavedFormValues) => void;
     onRequestClose: () => void;
 };
@@ -121,7 +121,14 @@ const CopyAdForm = ({
                 <CopyAdFormDisplayWrapper
                     isModalOpen={isModalOpen}
                     isValid={isValid}
-                    onClickCancel={onClickCancel}
+                    onClickCancel={() =>
+                        onClickCancel({
+                            amount: getValues('amount'),
+                            maxOrder: getValues('max-order'),
+                            minOrder: getValues('min-order'),
+                            rateValue: getValues('rate-value'),
+                        })
+                    }
                     onRequestClose={onRequestClose}
                     onSubmit={onSubmit}
                 >
@@ -227,10 +234,10 @@ const CopyAdForm = ({
                         </div>
                         {hasCounterpartyConditions && (
                             <div className='flex flex-col w-full mt-[1.6rem]'>
-                                <Text color='less-prominent' size='xs'>
+                                <Text color='less-prominent' size={labelSize}>
                                     <Localize i18n_default_text='Counterparty conditions' />
                                 </Text>
-                                <Text as='ul' className='copy-advert-form__list' color='prominent' size='sm'>
+                                <Text as='ul' size={valueSize}>
                                     {minJoinDays > 0 && (
                                         <li>
                                             <Localize

diff --git a/src/pages/my-ads/screens/CreateEditAd/__tests__/CreateEditAd.spec.tsx b/src/pages/my-ads/screens/CreateEditAd/__tests__/CreateEditAd.spec.tsx
@@ -206,6 +206,8 @@ jest.mock('@deriv-com/ui', () => ({
     useDevice: () => ({ isMobile: false }),
 }));
 
+jest.mock('@/hooks/api/useInvalidateQuery', () => jest.fn(() => jest.fn()));
+
 describe('CreateEditAd', () => {
     it('should render the create edit ad component', () => {
         render(<CreateEditAd />);

diff --git a/src/pages/my-ads/screens/MyAds/MyAdsTableRow/MyAdsTableRowView.tsx b/src/pages/my-ads/screens/MyAds/MyAdsTableRow/MyAdsTableRowView.tsx
@@ -197,7 +197,8 @@ const MyAdsTableRowView = ({
         createAd(payload as TMutatePayload);
     };
 
-    const onClickCancel = () => {
+    const onClickCancel = (values: TFormValues) => {
+        setFormValues(values);
         showModal('AdCancelCreateEditModal');
     };
 

diff --git a/src/pages/my-ads/screens/MyAds/MyAdsTableRow/__tests__/MyAdsTableRowView.spec.tsx b/src/pages/my-ads/screens/MyAds/MyAdsTableRow/__tests__/MyAdsTableRowView.spec.tsx
@@ -97,15 +97,29 @@ jest.mock('@/hooks/custom-hooks', () => {
 jest.mock('@/hooks', () => ({
     api: {
         advert: {
+            useCreate: jest.fn().mockReturnValue({ error: null, isError: false, isSuccess: false, mutate: jest.fn() }),
             useDelete: jest.fn().mockReturnValue({ error: null, isError: false, mutate: jest.fn() }),
             useUpdate: jest.fn().mockReturnValue({ error: null, isError: false, mutate: jest.fn() }),
         },
+        paymentMethods: {
+            useGet: jest.fn().mockReturnValue({ data: [] }),
+        },
+        settings: {
+            useSettings: jest.fn(() => ({
+                data: {
+                    localCurrency: 'USD',
+                },
+            })),
+        },
     },
 }));
 
 jest.mock('@/hooks/api/useInvalidateQuery', () => jest.fn(() => jest.fn()));
 
 jest.mock('@/components/Modals', () => ({
+    AdCancelCreateEditModal: () => <div>AdCancelCreateEditModal</div>,
+    AdCreateEditErrorModal: () => <div>AdCreateEditErrorModal</div>,
+    AdCreateEditSuccessModal: () => <div>AdCreateEditSuccessModal</div>,
     AdErrorTooltipModal: () => <div>AdErrorTooltipModal</div>,
     AdRateSwitchModal: () => <div>AdRateSwitchModal</div>,
     AdVisibilityErrorModal: () => <div>AdVisibilityErrorModal</div>,
@@ -118,6 +132,11 @@ jest.mock('@/components/CopyAdForm', () => ({
     CopyAdForm: () => <div>CopyAdForm</div>,
 }));
 
+jest.mock('@deriv-com/ui', () => ({
+    ...jest.requireActual('@deriv-com/ui'),
+    useDevice: () => ({ isMobile: false }),
+}));
+
 jest.mock('../MyAdsTableRow', () => {
     return jest.fn().mockImplementation(({ onClickIcon }) => {
         return (