Fix native test timeouts caused by combining fake timers and setImmediate

package.json

@@ -107,7 +107,7 @@
 		"@storybook/react": "6.4.9",
 		"@testing-library/jest-dom": "5.16.1",
 		"@testing-library/react": "11.2.2",
-		"@testing-library/react-native": "7.1.0",
+		"@testing-library/react-native": "9.0.0",
 		"@types/classnames": "2.3.1",
 		"@types/eslint": "7.28.0",
 		"@types/estree": "0.0.50",

packages/block-editor/src/components/block-edit/test/edit.native.js

@@ -1,7 +1,8 @@
 /**
  * External dependencies
  */
-import { shallow, mount } from 'enzyme';
+import { render } from 'test/helpers';
+import { Text } from 'react-native';
 
 /**
  * WordPress dependencies
@@ -26,39 +27,39 @@ describe( 'Edit', () => {
 	} );
 
 	it( 'should return null if block type not defined', () => {
-		const wrapper = shallow( <Edit name="core/test-block" /> );
+		const screen = render( <Edit name="core/test-block" /> );
 
-		expect( wrapper.type() ).toBe( null );
+		expect( screen.toJSON() ).toBe( null );
 	} );
 
 	it( 'should use edit implementation of block', () => {
-		const edit = () => <div />;
+		const edit = () => <Text>core/test-block</Text>;
 		registerBlockType( 'core/test-block', {
 			category: 'text',
 			title: 'block title',
 			edit,
 		} );
 
-		const wrapper = shallow( <Edit name="core/test-block" /> );
+		const screen = render( <Edit name="core/test-block" /> );
 
-		expect( wrapper.exists( edit ) ).toBe( true );
+		expect( screen.getByText( 'core/test-block' ) ).toBeDefined();
 	} );
 
 	it( 'should assign context', () => {
-		const edit = ( { context } ) => context.value;
+		const edit = ( { context } ) => <Text>{ context.value }</Text>;
 		registerBlockType( 'core/test-block', {
 			category: 'text',
 			title: 'block title',
 			usesContext: [ 'value' ],
 			edit,
 		} );
 
-		const wrapper = mount(
+		const screen = render(
 			<BlockContextProvider value={ { value: 'Ok' } }>
 				<Edit name="core/test-block" />
 			</BlockContextProvider>
 		);
 
-		expect( wrapper.html() ).toBe( 'Ok' );
+		expect( screen.getByText( 'Ok' ) ).toBeDefined();
 	} );
 } );

packages/block-editor/src/components/block-media-update-progress/index.native.js

@@ -281,7 +281,7 @@ export class BlockMediaUpdateProgress extends Component {
 			<View style={ styles.mediaUploadProgress } pointerEvents="box-none">
 				{ showSpinner && (
 					<View style={ styles.progressBar }>
-						<Spinner progress={ progress } />
+						<Spinner progress={ progress } testID="spinner" />
 					</View>
 				) }
 				{ renderContent( {