test: updated test files with new data test id

deriv-com · Aug 1, 2024 · 4531802 · 4531802
1 parent d2fb2f6
commit 4531802
Show file tree

Hide file tree

Showing 9 changed files with 16 additions and 16 deletions.
diff --git a/src/components/FullPageMobileWrapper/__tests__/FullPageMobileWrapper.spec.tsx b/src/components/FullPageMobileWrapper/__tests__/FullPageMobileWrapper.spec.tsx
@@ -31,7 +31,7 @@ describe('FullPageMobileWrapper', () => {
         expect(screen.getByText('Body')).toBeVisible();
         expect(screen.queryByText('Footer')).not.toBeInTheDocument();
 
-        const backBtn = screen.getByTestId('dt_mobile_wrapper_button');
+        const backBtn = screen.getByTestId('dt_mobile_wrapper_back_button');
         await userEvent.click(backBtn);
         expect(spyOnBack).toBeCalled();
     });
@@ -47,7 +47,7 @@ describe('FullPageMobileWrapper', () => {
         expect(screen.queryByText('Header')).not.toBeInTheDocument();
         expect(screen.getByText('Body')).toBeVisible();
         expect(screen.queryByText('Footer')).toBeVisible();
-        expect(screen.queryByTestId('dt_mobile_wrapper_button')).not.toBeInTheDocument();
+        expect(screen.queryByTestId('dt_mobile_wrapper_back_button')).not.toBeInTheDocument();
     });
     it('should hide the left arrow icon', () => {
         render(
@@ -56,6 +56,6 @@ describe('FullPageMobileWrapper', () => {
             </FullPageMobileWrapper>
         );
 
-        expect(screen.queryByTestId('dt_mobile_wrapper_button')).not.toBeInTheDocument();
+        expect(screen.queryByTestId('dt_mobile_wrapper_back_button')).not.toBeInTheDocument();
     });
 });
diff --git a/src/components/Modals/FilterModal/__tests__/FilterModal.spec.tsx b/src/components/Modals/FilterModal/__tests__/FilterModal.spec.tsx
@@ -306,7 +306,7 @@ describe('<FilterModal />', () => {
 
         render(<FilterModal {...mockProps} />);
 
-        const backButton = screen.getByTestId('dt_mobile_wrapper_button');
+        const backButton = screen.getByTestId('dt_mobile_wrapper_back_button');
         await user.click(backButton);
 
         expect(mockProps.onRequestClose).toHaveBeenCalled();
@@ -318,7 +318,7 @@ describe('<FilterModal />', () => {
         const paymentMethodsText = screen.getByText('Payment methods');
         await user.click(paymentMethodsText);
 
-        const backButton = screen.getAllByTestId('dt_mobile_wrapper_button')[0];
+        const backButton = screen.getAllByTestId('dt_mobile_wrapper_back_button')[0];
         await user.click(backButton);
 
         expect(screen.getByText('Filter')).toBeInTheDocument();
@@ -331,7 +331,7 @@ describe('<FilterModal />', () => {
         const toggleSwitch = screen.getByRole('checkbox');
         await user.click(toggleSwitch);
 
-        const closeIcon = screen.getByTestId('dt_mobile_wrapper_button');
+        const closeIcon = screen.getByTestId('dt_mobile_wrapper_back_button');
         await user.click(closeIcon);
 
         expect(mockModalManager.showModal).toHaveBeenCalledWith('LeaveFilterModal');
@@ -345,7 +345,7 @@ describe('<FilterModal />', () => {
         const toggleSwitch = screen.getByRole('checkbox');
         await user.click(toggleSwitch);
 
-        const closeIcon = screen.getByTestId('dt_mobile_wrapper_button');
+        const closeIcon = screen.getByTestId('dt_mobile_wrapper_back_button');
         await user.click(closeIcon);
 
         const cancelButton = screen.getByRole('button', { name: 'Cancel' });

diff --git a/src/pages/buy-sell/components/CurrencyDropdown/__tests__/CurrencyDropdown.spec.tsx b/src/pages/buy-sell/components/CurrencyDropdown/__tests__/CurrencyDropdown.spec.tsx
@@ -99,7 +99,7 @@ describe('<CurrencyDropdown />', () => {
 
         expect(screen.getByText('Preferred currency')).toBeInTheDocument();
 
-        const arrowIcon = screen.getByTestId('dt_mobile_wrapper_button');
+        const arrowIcon = screen.getByTestId('dt_mobile_wrapper_back_button');
         await user.click(arrowIcon);
 
         expect(screen.queryByText('Preferred currency')).not.toBeInTheDocument();

diff --git a/src/pages/my-profile/screens/MyProfileAdDetails/__tests__/MyProfileAdDetails.spec.tsx b/src/pages/my-profile/screens/MyProfileAdDetails/__tests__/MyProfileAdDetails.spec.tsx
@@ -111,7 +111,7 @@ describe('MyProfileBalance', () => {
         expect(contactTextBoxNode).toBeInTheDocument();
         expect(descriptionTextBoxNode).toBeInTheDocument();
 
-        const goBackBtn = screen.getByTestId('dt_mobile_wrapper_button');
+        const goBackBtn = screen.getByTestId('dt_mobile_wrapper_back_button');
         await user.click(goBackBtn);
         expect(mockSetQueryString).toHaveBeenCalledWith({
             tab: 'default',

diff --git a/...ges/my-profile/screens/MyProfileCounterparties/__tests__/MyProfileCounterparties.spec.tsx b/...ges/my-profile/screens/MyProfileCounterparties/__tests__/MyProfileCounterparties.spec.tsx
@@ -44,7 +44,7 @@ describe('MyProfileCounterparties', () => {
     it('should call setQueryString if back button is clicked', async () => {
         render(<MyProfileCounterparties />);
 
-        const backButton = screen.getByTestId('dt_mobile_wrapper_button');
+        const backButton = screen.getByTestId('dt_mobile_wrapper_back_button');
         await userEvent.click(backButton);
 
         expect(mockSetQueryString).toHaveBeenCalledWith({ tab: 'default' });

diff --git a/src/pages/my-profile/screens/MyProfileStats/__tests__/MyProfileStatsMobile.spec.tsx b/src/pages/my-profile/screens/MyProfileStats/__tests__/MyProfileStatsMobile.spec.tsx
@@ -23,7 +23,7 @@ describe('MyProfileStatsMobile', () => {
         render(<MyProfileStatsMobile />);
         expect(screen.getByText('MyProfileStats')).toBeInTheDocument();
         expect(screen.getByText('Stats')).toBeInTheDocument();
-        const goBackBtn = screen.getByTestId('dt_mobile_wrapper_button');
+        const goBackBtn = screen.getByTestId('dt_mobile_wrapper_back_button');
         await userEvent.click(goBackBtn);
         expect(mockSetQueryString).toBeCalledWith({
             tab: 'default',

diff --git a/...profile/screens/PaymentMethods/PaymentMethodsEmpty/__tests__/PaymentMethodsEmpty.spec.tsx b/...profile/screens/PaymentMethods/PaymentMethodsEmpty/__tests__/PaymentMethodsEmpty.spec.tsx
@@ -57,7 +57,7 @@ describe('PaymentMethodsEmpty', () => {
         expect(screen.getByText('You haven’t added any payment methods yet')).toBeInTheDocument();
         expect(screen.getByText('Hit the button below to add payment methods.')).toBeInTheDocument();
         expect(screen.getByText('Add payment methods')).toBeInTheDocument();
-        expect(screen.queryByTestId('dt_mobile_wrapper_button')).not.toBeInTheDocument();
+        expect(screen.queryByTestId('dt_mobile_wrapper_back_button')).not.toBeInTheDocument();
     });
     it('should render the correct content when isMobile is true', () => {
         (mockUseDevice as jest.Mock).mockReturnValueOnce({
@@ -71,7 +71,7 @@ describe('PaymentMethodsEmpty', () => {
         expect(screen.getByText('You haven’t added any payment methods yet')).toBeInTheDocument();
         expect(screen.getByText('Hit the button below to add payment methods.')).toBeInTheDocument();
         expect(screen.getByText('Add payment methods')).toBeInTheDocument();
-        expect(screen.getByTestId('dt_mobile_wrapper_button')).toBeInTheDocument();
+        expect(screen.getByTestId('dt_mobile_wrapper_back_button')).toBeInTheDocument();
     });
     it('should call setQueryString when isMobile is true', async () => {
         const { setQueryString: mockSetQueryString } = mockUseQueryString();
@@ -83,7 +83,7 @@ describe('PaymentMethodsEmpty', () => {
         });
         const onAddPaymentMethod = jest.fn();
         render(<PaymentMethodsEmpty onAddPaymentMethod={onAddPaymentMethod} />);
-        const back = screen.getByTestId('dt_mobile_wrapper_button');
+        const back = screen.getByTestId('dt_mobile_wrapper_back_button');
         await userEvent.click(back);
         expect(mockSetQueryString).toHaveBeenCalledWith({ tab: 'default' });
     });

diff --git a/...my-profile/screens/PaymentMethods/PaymentMethodsList/__test__/PaymentMethodsList.spec.tsx b/...my-profile/screens/PaymentMethods/PaymentMethodsList/__test__/PaymentMethodsList.spec.tsx
@@ -138,7 +138,7 @@ describe('PaymentMethodsList', () => {
                 p2pAdvertiserPaymentMethods={[]}
             />
         );
-        const backButton = screen.getByTestId('dt_mobile_wrapper_button');
+        const backButton = screen.getByTestId('dt_mobile_wrapper_back_button');
         await userEvent.click(backButton);
         expect(mockSetQueryString).toHaveBeenCalledWith({ tab: 'default' });
     });

diff --git a/src/pages/orders/screens/OrderDetails/__tests__/OrderDetails.spec.tsx b/src/pages/orders/screens/OrderDetails/__tests__/OrderDetails.spec.tsx
@@ -169,7 +169,7 @@ describe('<OrderDetails />', () => {
 
         render(<OrderDetails />);
 
-        const backButton = screen.getByTestId('dt_mobile_wrapper_button');
+        const backButton = screen.getByTestId('dt_mobile_wrapper_back_button');
         await userEvent.click(backButton);
 
         expect(mockGoBack).toHaveBeenCalled();