diff --git a/packages/element/src/test/create-interpolate-element.js b/packages/element/src/test/create-interpolate-element.js
index 510c869e8c86b..b8c5d4757e1cb 100644
--- a/packages/element/src/test/create-interpolate-element.js
+++ b/packages/element/src/test/create-interpolate-element.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import TestRenderer, { act } from 'react-test-renderer';
+import { render } from '@testing-library/react';
 
 /**
  * Internal dependencies
@@ -207,19 +207,17 @@ describe( 'createInterpolateElement', () => {
 				</div>
 			);
 		};
-		let renderer;
-		act( () => {
-			renderer = TestRenderer.create(
-				<TestComponent switchKey={ true } />
-			);
-		} );
-		expect( () => renderer.root.findByType( 'em' ) ).not.toThrow();
-		expect( () => renderer.root.findByType( 'strong' ) ).toThrow();
-		act( () => {
-			renderer.update( <TestComponent switchKey={ false } /> );
-		} );
-		expect( () => renderer.root.findByType( 'strong' ) ).not.toThrow();
-		expect( () => renderer.root.findByType( 'em' ) ).toThrow();
+		const { container, rerender } = render( <TestComponent switchKey /> );
+
+		expect( container.firstChild ).toContainHTML( '<em>string!</em>' );
+		expect( container.firstChild ).not.toContainHTML( '<strong>' );
+
+		rerender( <TestComponent switchKey={ false } /> );
+
+		expect( container.firstChild ).toContainHTML(
+			'<strong>string!</strong>'
+		);
+		expect( container.firstChild ).not.toContainHTML( '<em>' );
 	} );
 	it( 'handles parsing emojii correctly', () => {
 		const testString = '👳‍♀️<icon>🚨🤷‍♂️⛈️fully</icon> here';