diff --git a/packages/cashier/src/Components/__tests__/on-ramp-provider-popup.spec.js b/packages/cashier/src/Components/__tests__/on-ramp-provider-popup.spec.js
index f134bd5d3c9e..c96e5c2be840 100644
--- a/packages/cashier/src/Components/__tests__/on-ramp-provider-popup.spec.js
+++ b/packages/cashier/src/Components/__tests__/on-ramp-provider-popup.spec.js
@@ -36,9 +36,9 @@ describe('<OnRampProviderPopup />', () => {
     };
 
     it('should not render <OnRampProviderPopup /> component', () => {
-        const { container } = render(<OnRampProviderPopup {...props} selected_provider={null} />);
+        render(<OnRampProviderPopup {...props} selected_provider={null} />);
 
-        expect(container.querySelector('.on-ramp__popup')).not.toBeInTheDocument();
+        expect(screen.queryByTestId('dt_on-ramp_popup')).not.toBeInTheDocument();
     });
 
     it('should show loader', () => {
diff --git a/packages/cashier/src/Components/on-ramp-provider-popup.jsx b/packages/cashier/src/Components/on-ramp-provider-popup.jsx
index 3f3a73598aad..17ac6e4dc30d 100644
--- a/packages/cashier/src/Components/on-ramp-provider-popup.jsx
+++ b/packages/cashier/src/Components/on-ramp-provider-popup.jsx
@@ -79,7 +79,7 @@ const OnRampProviderPopup = ({
     }
 
     return (
-        <div className='on-ramp__popup'>
+        <div className='on-ramp__popup' data-testid='dt_on-ramp_popup'>
             {selected_provider.should_show_deposit_address && (
                 <React.Fragment>
                     <div className='on-ramp__popup-deposit'>