diff --git a/src/components/FullPageMobileWrapper/__tests__/FullPageMobileWrapper.spec.tsx b/src/components/FullPageMobileWrapper/__tests__/FullPageMobileWrapper.spec.tsx index 62c5c83a..85094b1d 100644 --- 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', () => { ); - 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 index 3d895c0e..4b23c0a1 100644 --- a/src/components/Modals/FilterModal/__tests__/FilterModal.spec.tsx +++ b/src/components/Modals/FilterModal/__tests__/FilterModal.spec.tsx @@ -306,7 +306,7 @@ describe('', () => { render(); - 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('', () => { 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('', () => { 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('', () => { 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 index 9be55633..71cb0fb7 100644 --- 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('', () => { 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 index 2c2d4849..60276dd0 100644 --- 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/src/pages/my-profile/screens/MyProfileCounterparties/__tests__/MyProfileCounterparties.spec.tsx b/src/pages/my-profile/screens/MyProfileCounterparties/__tests__/MyProfileCounterparties.spec.tsx index ba6c5773..031f7dbf 100644 --- a/src/pages/my-profile/screens/MyProfileCounterparties/__tests__/MyProfileCounterparties.spec.tsx +++ b/src/pages/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(); - 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 index 6eec42cb..1f1dc104 100644 --- 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(); 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/src/pages/my-profile/screens/PaymentMethods/PaymentMethodsEmpty/__tests__/PaymentMethodsEmpty.spec.tsx b/src/pages/my-profile/screens/PaymentMethods/PaymentMethodsEmpty/__tests__/PaymentMethodsEmpty.spec.tsx index 82d01cdf..858e97fa 100644 --- a/src/pages/my-profile/screens/PaymentMethods/PaymentMethodsEmpty/__tests__/PaymentMethodsEmpty.spec.tsx +++ b/src/pages/my-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(); - 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/src/pages/my-profile/screens/PaymentMethods/PaymentMethodsList/__test__/PaymentMethodsList.spec.tsx b/src/pages/my-profile/screens/PaymentMethods/PaymentMethodsList/__test__/PaymentMethodsList.spec.tsx index 23d5af36..4c90969b 100644 --- a/src/pages/my-profile/screens/PaymentMethods/PaymentMethodsList/__test__/PaymentMethodsList.spec.tsx +++ b/src/pages/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 index 4143a026..716293d8 100644 --- 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('', () => { render(); - const backButton = screen.getByTestId('dt_mobile_wrapper_button'); + const backButton = screen.getByTestId('dt_mobile_wrapper_back_button'); await userEvent.click(backButton); expect(mockGoBack).toHaveBeenCalled();