diff --git a/editor/components/url-input/test/button.js b/editor/components/url-input/test/button.js
index 19bfc72c36b9c5..32590d0218af22 100644
--- a/editor/components/url-input/test/button.js
+++ b/editor/components/url-input/test/button.js
@@ -1,7 +1,9 @@
/**
* External dependencies
*/
-import { shallow, mount } from 'enzyme';
+import { shallow } from 'enzyme';
+import TestUtils from 'react-dom/test-utils';
+import ReactDOM from 'react-dom';
/**
* Internal dependencies
@@ -57,11 +59,21 @@ describe( 'UrlInputButton', () => {
expect( wrapper.state().expanded ).toBe( false );
} );
it( 'should close the form when user submits it', () => {
- const wrapper = mount( );
- clickEditLink( wrapper );
- expect( wrapper.state().expanded ).toBe( true );
- wrapper.find( 'form' ).simulate( 'submit' );
- expect( wrapper.state().expanded ).toBe( false );
- wrapper.unmount();
+ const wrapper = TestUtils.renderIntoDocument( );
+ const buttonElement = () => TestUtils.findRenderedDOMComponentWithClass(
+ wrapper,
+ 'components-toolbar__control'
+ );
+ const formElement = () => TestUtils.findRenderedDOMComponentWithTag(
+ wrapper,
+ 'form'
+ );
+ TestUtils.Simulate.click( buttonElement() );
+ expect( wrapper.state.expanded ).toBe( true );
+ TestUtils.Simulate.submit( formElement() );
+ expect( wrapper.state.expanded ).toBe( false );
+ /* eslint-disable react/no-find-dom-node */
+ ReactDOM.unmountComponentAtNode( ReactDOM.findDOMNode( wrapper ).parentNode );
+ /* eslint-enable react/no-find-dom-node */
} );
} );