@wordpress/block-library 9.48.0 → 10.0.1-next.v.202606191442.0

package/src/embed/test/index.native.js

@@ -1,1125 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	getEditorHtml,
-	initializeEditor,
-	fireEvent,
-	waitFor,
-	waitForModalVisible,
-	within,
-} from 'test/helpers';
-import { Platform } from 'react-native';
-import Clipboard from '@react-native-clipboard/clipboard';
-
-/**
- * WordPress dependencies
- */
-import {
-	getBlockTypes,
-	setDefaultBlockName,
-	unregisterBlockType,
-} from '@wordpress/blocks';
-import fetchRequest from '@wordpress/api-fetch';
-import { store as coreStore } from '@wordpress/core-data';
-import { dispatch } from '@wordpress/data';
-import { requestPreview } from '@wordpress/react-native-bridge';
-
-/**
- * Internal dependencies
- */
-import { WebView } from 'react-native-webview';
-
-import * as paragraph from '../../paragraph';
-import * as embed from '..';
-
-// Override modal mock to prevent unmounting it when is not visible.
-// This is required to be able to trigger onClose and onDismiss events when
-// the modal is dismissed.
-jest.mock( 'react-native-modal', () => {
-	const mockComponent = require( 'react-native/jest/mockComponent' );
-	return mockComponent( 'react-native-modal' );
-} );
-
-// Mock debounce to prevent potentially belated state updates.
-jest.mock( '@wordpress/compose/src/utils/debounce', () => ( {
-	debounce: ( fn ) => {
-		fn.cancel = jest.fn();
-		return fn;
-	},
-} ) );
-
-const MODAL_DISMISS_EVENT = Platform.OS === 'ios' ? 'onDismiss' : 'onModalHide';
-
-// OEmbed response mocks.
-const RICH_TEXT_EMBED_SUCCESS_RESPONSE = {
-	url: 'https://twitter.com/notnownikki',
-	html: '<p>Mock success response.</p>',
-	type: 'rich',
-	provider_name: 'Twitter',
-	provider_url: 'https://twitter.com',
-	version: '1.0',
-};
-const VIDEO_EMBED_SUCCESS_RESPONSE = {
-	url: 'https://www.youtube.com/watch?v=lXMskKTw3Bc',
-	html: '<iframe width="16" height="9"></iframe>',
-	type: 'video',
-	provider_name: 'YouTube',
-	provider_url: 'https://youtube.com',
-	version: '1.0',
-};
-const MOCK_EMBED_PHOTO_SUCCESS_RESPONSE = {
-	url: 'https://cloudup.com/cQFlxqtY4ob',
-	html: '<p>Mock success response.</p>',
-	type: 'photo',
-	provider_name: 'Cloudup',
-	provider_url: 'https://cloudup.com',
-	version: '1.0',
-};
-const MOCK_BAD_WORDPRESS_RESPONSE = {
-	code: 'oembed_invalid_url',
-	message: 'Not Found',
-	data: {
-		status: 404,
-	},
-	html: false,
-};
-const MOCK_BAD_EMBED_PROVIDER_RESPONSE = {
-	url: 'https://youtu.be/BAD_URL',
-	html: '<p>Mock bad response.</p>',
-	provider_name: 'Embed Provider',
-	version: '1.0',
-};
-const EMBED_NULL_RESPONSE = null;
-
-// Embed block HTML examples.
-const EMPTY_EMBED_HTML = '<!-- wp:embed /-->';
-const RICH_TEXT_EMBED_HTML = `<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->`;
-const RICH_TEXT_ERROR_EMBED_HTML = `<!-- wp:embed {"url":"https://twitter.com/testing","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/testing
-</div></figure>
-<!-- /wp:embed -->`;
-const PHOTO_EMBED_HTML = `<!-- wp:embed {"url":"https://cloudup.com/cQFlxqtY4ob","type":"photo","providerNameSlug":"cloudup","responsive":true} -->
-<figure class="wp-block-embed is-type-photo is-provider-cloudup wp-block-embed-cloudup"><div class="wp-block-embed__wrapper">
-https://cloudup.com/cQFlxqtY4ob
-</div></figure>
-<!-- /wp:embed -->`;
-const WP_EMBED_HTML = `<!-- wp:embed {"url":"https://wordpress.org/news/2021/07/tatum/","type":"wp-embed","providerNameSlug":"wordpress-news"} -->
-<figure class="wp-block-embed is-type-wp-embed is-provider-wordpress-news wp-block-embed-wordpress-news"><div class="wp-block-embed__wrapper">
-https://wordpress.org/news/2021/07/tatum/
-</div></figure>
-<!-- /wp:embed -->`;
-
-const EMPTY_PARAGRAPH_HTML =
-	'<!-- wp:paragraph --><p></p><!-- /wp:paragraph -->';
-
-const MOST_USED_PROVIDERS = embed.settings.variations.filter( ( { name } ) =>
-	[ 'youtube', 'twitter', 'wordpress', 'vimeo' ].includes( name )
-);
-
-// Return specified mocked responses for the oembed endpoint.
-const mockEmbedResponses = ( mockedResponses ) => {
-	fetchRequest.mockImplementation( async ( req ) => {
-		const matchedEmbedResponse = mockedResponses.find(
-			( mockedResponse ) =>
-				req.path ===
-				`/oembed/1.0/proxy?url=${ encodeURIComponent(
-					mockedResponse.url
-				) }`
-		);
-
-		return matchedEmbedResponse || mockOtherResponses( req );
-	} );
-};
-
-async function mockOtherResponses( { path } ) {
-	if ( path.startsWith( '/wp/v2/themes' ) ) {
-		return [
-			{
-				stylesheet: 'test-theme',
-				theme_supports: { 'responsive-embeds': true },
-			},
-		];
-	}
-
-	if ( path.startsWith( '/wp/v2/block-patterns/patterns' ) ) {
-		return [];
-	}
-
-	if ( path.startsWith( '/wp/v2/block-patterns/categories' ) ) {
-		return [];
-	}
-
-	return {};
-}
-
-const insertEmbedBlock = async ( blockTitle = 'Embed' ) => {
-	const editor = await initializeEditor( { initialHtml: '' } );
-
-	// Open inserter menu.
-	fireEvent.press( await editor.findByLabelText( 'Add block' ) );
-
-	// Insert embed block.
-	fireEvent.press( await editor.findByText( blockTitle ) );
-
-	// Return the embed block.
-	const [ block ] = await editor.findAllByLabelText( /Embed Block\. Row 1/ );
-
-	return { ...editor, block };
-};
-
-const initializeWithEmbedBlock = async ( initialHtml, selectBlock = true ) => {
-	const editor = await initializeEditor( { initialHtml } );
-
-	const [ block ] = await editor.findAllByLabelText( /Embed Block\. Row 1/ );
-
-	if ( selectBlock ) {
-		// Select block.
-		fireEvent.press( block );
-	}
-
-	return { ...editor, block };
-};
-
-beforeAll( () => {
-	// Paragraph block needs to be registered because by default a paragraph
-	// block is added to empty posts.
-	paragraph.init();
-	embed.init();
-	setDefaultBlockName( paragraph.name );
-} );
-
-beforeEach( () => {
-	// Invalidate all resolutions of core-data to prevent
-	// caching embed preview and theme supports requests.
-	dispatch( coreStore ).invalidateResolutionForStore();
-
-	// Mock embed responses.
-	mockEmbedResponses( [
-		RICH_TEXT_EMBED_SUCCESS_RESPONSE,
-		VIDEO_EMBED_SUCCESS_RESPONSE,
-		MOCK_EMBED_PHOTO_SUCCESS_RESPONSE,
-		MOCK_BAD_EMBED_PROVIDER_RESPONSE,
-	] );
-
-	// Intentionally suppress the expected console logs to reduce noise in the
-	// test output.
-	jest.spyOn( console, 'log' ).mockImplementation( () => {} );
-} );
-
-afterAll( () => {
-	// Clean up registered blocks.
-	getBlockTypes().forEach( ( block ) => {
-		unregisterBlockType( block.name );
-	} );
-} );
-
-describe( 'Embed block', () => {
-	describe( 'insertion', () => {
-		it( 'inserts generic embed block', async () => {
-			const { block } = await insertEmbedBlock();
-
-			const blockName = within( block ).getByText( 'Embed' );
-
-			expect( blockName ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		MOST_USED_PROVIDERS.forEach( ( { title } ) =>
-			it( `inserts ${ title } block`, async () => {
-				const { block } = await insertEmbedBlock( title );
-				const blockName = within( block ).getByText( title );
-
-				expect( blockName ).toBeDefined();
-				expect( getEditorHtml() ).toMatchSnapshot();
-			} )
-		);
-	} );
-
-	describe( 'set URL upon block insertion', () => {
-		it( 'sets empty URL when dismissing edit URL modal', async () => {
-			const editor = await insertEmbedBlock();
-
-			// Wait for edit URL modal to be visible.
-			const embedEditURLModal = editor.getByTestId(
-				'link-settings-navigation'
-			);
-			await waitForModalVisible( embedEditURLModal );
-
-			// Dismiss the edit URL modal.
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'sets a valid URL when dismissing edit URL modal', async () => {
-			const expectedURL = 'https://twitter.com/notnownikki';
-
-			const editor = await insertEmbedBlock();
-
-			// Wait for edit URL modal to be visible.
-			const embedEditURLModal = editor.getByTestId(
-				'link-settings-navigation'
-			);
-			await waitForModalVisible( embedEditURLModal );
-
-			// Set an URL.
-			const linkTextInput = editor.getByPlaceholderText( 'Add link' );
-			fireEvent( linkTextInput, 'focus' );
-			fireEvent.changeText( linkTextInput, expectedURL );
-
-			// Dismiss the edit URL modal.
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			// Wait until the WebView with the rich preview appears
-			await waitFor( () => editor.UNSAFE_getByType( WebView ) );
-			// Wait until responsiveness settings appear, driven by `theme_supports.responsive-embeds`
-			await editor.findByText( 'Media settings' );
-
-			const blockSettingsModal = await editor.findByTestId(
-				'block-settings-modal'
-			);
-			// Get Twitter Embed link field.
-			const twitterLinkField = within(
-				blockSettingsModal
-			).getByLabelText( `Twitter Embed link, ${ expectedURL }` );
-
-			expect( twitterLinkField ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'auto-pastes the URL from clipboard', async () => {
-			const clipboardURL = 'https://twitter.com/notnownikki';
-
-			// Mock clipboard.
-			Clipboard.getString.mockResolvedValue( clipboardURL );
-
-			const editor = await insertEmbedBlock();
-
-			// Wait for edit URL modal to be visible.
-			const embedEditURLModal = editor.getByTestId(
-				'link-settings-navigation'
-			);
-			await waitForModalVisible( embedEditURLModal );
-
-			// Get embed link with auto-pasted URL.
-			const autopastedLinkField = await editor.findByText( clipboardURL );
-
-			// Dismiss the edit URL modal.
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			await waitFor( () => editor.UNSAFE_getByType( WebView ) );
-			await editor.findByText( 'Media settings' );
-
-			const blockSettingsModal = await editor.findByTestId(
-				'block-settings-modal'
-			);
-			// Get Twitter Embed link field.
-			const twitterLinkField = within(
-				blockSettingsModal
-			).getByLabelText( `Twitter Embed link, ${ clipboardURL }` );
-
-			expect( autopastedLinkField ).toBeDefined();
-			expect( twitterLinkField ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-
-			Clipboard.getString.mockReset();
-		} );
-	} );
-
-	describe( 'set URL when empty block', () => {
-		it( 'sets empty URL when dismissing edit URL modal', async () => {
-			const editor = await initializeWithEmbedBlock( EMPTY_EMBED_HTML );
-
-			// Edit URL.
-			fireEvent.press( await editor.findByText( 'Add link' ) );
-
-			// Wait for edit URL modal to be visible.
-			const embedEditURLModal = editor.getByTestId(
-				'link-settings-navigation'
-			);
-			await waitForModalVisible( embedEditURLModal );
-
-			// Dismiss the edit URL modal.
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'sets a valid URL when dismissing edit URL modal', async () => {
-			const expectedURL = 'https://twitter.com/notnownikki';
-
-			const editor = await initializeWithEmbedBlock( EMPTY_EMBED_HTML );
-
-			// Edit URL.
-			fireEvent.press( editor.getByText( 'Add link' ) );
-
-			// Wait for edit URL modal to be visible.
-			const embedEditURLModal = editor.getByTestId(
-				'link-settings-navigation'
-			);
-			await waitForModalVisible( embedEditURLModal );
-
-			// Set an URL.
-			const linkTextInput = editor.getByPlaceholderText( 'Add link' );
-			fireEvent( linkTextInput, 'focus' );
-			fireEvent.changeText( linkTextInput, expectedURL );
-
-			// Dismiss the edit URL modal.
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			await waitFor( () => editor.UNSAFE_getByType( WebView ) );
-			await editor.findByText( 'Media settings' );
-
-			const blockSettingsModal = await editor.findByTestId(
-				'block-settings-modal'
-			);
-			// Get Twitter Embed link field.
-			const twitterLinkField = within(
-				blockSettingsModal
-			).getByLabelText( `Twitter Embed link, ${ expectedURL }` );
-
-			expect( twitterLinkField ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'auto-pastes the URL from clipboard', async () => {
-			const clipboardURL = 'https://twitter.com/notnownikki';
-
-			// Mock clipboard.
-			Clipboard.getString.mockResolvedValue( clipboardURL );
-
-			const editor = await initializeWithEmbedBlock( EMPTY_EMBED_HTML );
-
-			// Edit URL.
-			fireEvent.press( editor.getByText( 'Add link' ) );
-
-			// Wait for edit URL modal to be visible.
-			const embedEditURLModal = editor.getByTestId(
-				'link-settings-navigation'
-			);
-			await waitForModalVisible( embedEditURLModal );
-
-			// Get embed link.
-			const embedLink = await editor.findByText( clipboardURL );
-
-			// Dismiss the edit URL modal.
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			await waitFor( () => editor.UNSAFE_getByType( WebView ) );
-			await editor.findByText( 'Media settings' );
-
-			const blockSettingsModal = await editor.findByTestId(
-				'block-settings-modal'
-			);
-			// Get Twitter Embed link field.
-			const twitterLinkField = within(
-				blockSettingsModal
-			).getByLabelText( `Twitter Embed link, ${ clipboardURL }` );
-
-			expect( embedLink ).toBeDefined();
-			expect( twitterLinkField ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-
-			Clipboard.getString.mockReset();
-		} );
-	} );
-
-	describe( 'edit URL', () => {
-		it( 'keeps the previous URL if no URL is set', async () => {
-			const editor =
-				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
-
-			// Open Block Settings.
-			fireEvent.press( await editor.findByLabelText( 'Open Settings' ) );
-
-			// Wait for Block Settings to be visible.
-			const blockSettingsModal = editor.getByTestId(
-				'block-settings-modal'
-			);
-			await waitForModalVisible( blockSettingsModal );
-
-			// Dismiss the Block Settings modal.
-			fireEvent( blockSettingsModal, 'backdropPress' );
-			fireEvent( blockSettingsModal, MODAL_DISMISS_EVENT );
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'replaces URL', async () => {
-			const initialURL = 'https://twitter.com/notnownikki';
-			const expectedURL = 'https://www.youtube.com/watch?v=lXMskKTw3Bc';
-
-			const editor =
-				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
-
-			// Open Block Settings.
-			fireEvent.press( await editor.findByLabelText( 'Open Settings' ) );
-
-			// Wait for Block Settings to be visible.
-			const blockSettingsModal = editor.getByTestId(
-				'block-settings-modal'
-			);
-			await waitForModalVisible( blockSettingsModal );
-
-			// Start editing Embed link.
-			fireEvent.press(
-				within( blockSettingsModal ).getByLabelText(
-					`Twitter Embed link, ${ initialURL }`
-				)
-			);
-
-			// Replace URL.
-			const linkTextInput = editor.getByDisplayValue( initialURL );
-			fireEvent( linkTextInput, 'focus' );
-			fireEvent.changeText( linkTextInput, expectedURL );
-
-			// Dismiss the Block Settings modal.
-			fireEvent( blockSettingsModal, 'backdropPress' );
-			fireEvent( blockSettingsModal, MODAL_DISMISS_EVENT );
-
-			await waitFor( () => editor.UNSAFE_getByType( WebView ) );
-			await editor.findByText( 'Media settings' );
-
-			// Get YouTube Embed link field.
-			const youtubeLinkField = await within(
-				blockSettingsModal
-			).findByLabelText( `YouTube Embed link, ${ expectedURL }` );
-
-			expect( youtubeLinkField ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'keeps the previous URL if an invalid URL is set', async () => {
-			const previousURL = 'https://twitter.com/notnownikki';
-			const invalidURL = 'http://';
-
-			const editor =
-				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
-
-			// Open Block Settings.
-			fireEvent.press( await editor.findByLabelText( 'Open Settings' ) );
-
-			// Wait for Block Settings to be visible.
-			const blockSettingsModal = editor.getByTestId(
-				'block-settings-modal'
-			);
-			await waitForModalVisible( blockSettingsModal );
-
-			// Start editing link.
-			fireEvent.press(
-				within( blockSettingsModal ).getByLabelText(
-					`Twitter Embed link, ${ previousURL }`
-				)
-			);
-
-			// Replace URL.
-			const linkTextInput = editor.getByDisplayValue( previousURL );
-			fireEvent( linkTextInput, 'focus' );
-			fireEvent.changeText( linkTextInput, invalidURL );
-
-			// Dismiss the Block Settings modal.
-			fireEvent( blockSettingsModal, 'backdropPress' );
-			fireEvent( blockSettingsModal, MODAL_DISMISS_EVENT );
-
-			const errorNotice = await editor.findByText(
-				'Invalid URL. Please enter a valid URL.'
-			);
-
-			expect( errorNotice ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'sets empty state when setting an empty URL', async () => {
-			const previousURL = 'https://twitter.com/notnownikki';
-
-			const editor =
-				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
-
-			// Open Block Settings.
-			fireEvent.press( await editor.findByLabelText( 'Open Settings' ) );
-
-			// Get Block Settings modal.
-			const blockSettingsModal = editor.getByTestId(
-				'block-settings-modal'
-			);
-
-			// Start editing link.
-			fireEvent.press(
-				within( blockSettingsModal ).getByLabelText(
-					`Twitter Embed link, ${ previousURL }`
-				)
-			);
-
-			// Replace URL with empty value.
-			const linkTextInput = editor.getByDisplayValue( previousURL );
-			fireEvent( linkTextInput, 'focus' );
-			fireEvent.changeText( linkTextInput, '' );
-
-			// Dismiss the Block Settings modal.
-			fireEvent( blockSettingsModal, 'backdropPress' );
-			fireEvent( blockSettingsModal, MODAL_DISMISS_EVENT );
-
-			// Get empty embed link.
-			const emptyLinkTextInput =
-				await editor.findByPlaceholderText( 'Add link' );
-
-			expect( emptyLinkTextInput ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		// This test case covers the bug fixed in PR #35460.
-		it( 'edits URL after dismissing two times the edit URL bottom sheet with empty value', async () => {
-			const editor = await insertEmbedBlock();
-
-			// Wait for edit URL modal to be visible.
-			const embedEditURLModal = editor.getByTestId(
-				'link-settings-navigation'
-			);
-			await waitForModalVisible( embedEditURLModal );
-
-			// Dismiss the edit URL modal.
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			// Select block.
-			fireEvent.press( editor.block );
-
-			// Edit URL.
-			fireEvent.press( editor.getByText( 'Add link' ) );
-
-			// Wait for edit URL modal to be visible.
-			await waitForModalVisible( embedEditURLModal );
-
-			// Dismiss the edit URL modal.
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			// Edit URL.
-			fireEvent.press( editor.getByText( 'Add link' ) );
-
-			// Wait for edit URL modal to be visible.
-			await waitForModalVisible( embedEditURLModal );
-
-			expect( embedEditURLModal.props.isVisible ).toBe( true );
-		} );
-
-		// This test case covers the bug fixed in PR #35013.
-		it( 'edits URL when edited after setting a bad URL of a provider', async () => {
-			const badURL = 'https://youtu.be/BAD_URL';
-			const expectedURL = 'https://twitter.com/notnownikki';
-
-			const editor = await insertEmbedBlock();
-
-			// Wait for edit URL modal to be visible.
-			const embedEditURLModal = editor.getByTestId(
-				'link-settings-navigation'
-			);
-			await waitForModalVisible( embedEditURLModal );
-
-			// Set an bad URL.
-			let linkTextInput = editor.getByPlaceholderText( 'Add link' );
-			fireEvent( linkTextInput, 'focus' );
-			fireEvent.changeText( linkTextInput, badURL );
-
-			// Dismiss the edit URL modal.
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			// Open Block Settings.
-			fireEvent.press( await editor.findByLabelText( 'Open Settings' ) );
-
-			// Wait for Block Settings to be visible.
-			const blockSettingsModal = editor.getByTestId(
-				'block-settings-modal'
-			);
-			await waitForModalVisible( blockSettingsModal );
-
-			// Start editing link.
-			fireEvent.press(
-				within( blockSettingsModal ).getByLabelText(
-					`Embed link, ${ badURL }`
-				)
-			);
-
-			// Replace URL.
-			linkTextInput = editor.getByDisplayValue( badURL );
-			fireEvent( linkTextInput, 'focus' );
-			fireEvent.changeText( linkTextInput, expectedURL );
-
-			// Dismiss the Block Settings modal.
-			fireEvent( blockSettingsModal, 'backdropPress' );
-			fireEvent( blockSettingsModal, MODAL_DISMISS_EVENT );
-
-			// Get Twitter Embed link field.
-			const twitterLinkField = await within(
-				blockSettingsModal
-			).findByLabelText( `Twitter Embed link, ${ expectedURL }` );
-
-			expect( twitterLinkField ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-	} );
-
-	describe( 'alignment options', () => {
-		[
-			'Align left',
-			'Align center',
-			'Align right',
-			'Wide width',
-			'Full width',
-		].forEach( ( alignmentOption ) =>
-			it( `sets ${ alignmentOption } option`, async () => {
-				const editor =
-					await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
-
-				// Open alignment options.
-				fireEvent.press( await editor.findByLabelText( 'Align' ) );
-
-				// Select alignment option.
-				fireEvent.press( await editor.findByText( alignmentOption ) );
-
-				expect( getEditorHtml() ).toMatchSnapshot();
-			} )
-		);
-	} );
-
-	describe( 'retry', () => {
-		it( 'retries loading the preview if initial request failed', async () => {
-			const expectedURL = 'https://twitter.com/notnownikki';
-
-			// Return bad response for the first request to oembed endpoint
-			// and success response for the rest of requests.
-			let isFirstEmbedRequest = true;
-			fetchRequest.mockImplementation( async ( req ) => {
-				if ( req.path.startsWith( '/oembed/1.0/proxy' ) ) {
-					if ( isFirstEmbedRequest ) {
-						isFirstEmbedRequest = false;
-						return MOCK_BAD_WORDPRESS_RESPONSE;
-					}
-					return RICH_TEXT_EMBED_SUCCESS_RESPONSE;
-				}
-
-				return mockOtherResponses( req );
-			} );
-
-			const editor =
-				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
-
-			await editor.findByText( 'Unable to embed media' );
-
-			// Retry request.
-			fireEvent.press( editor.getByText( 'More options' ) );
-			fireEvent.press( editor.getByText( 'Retry' ) );
-
-			await waitFor( () => editor.UNSAFE_getByType( WebView ) );
-			await editor.findByText( 'Media settings' );
-
-			const blockSettingsModal = await editor.findByTestId(
-				'block-settings-modal'
-			);
-			// Get Twitter Embed link field.
-			const twitterLinkField = within(
-				blockSettingsModal
-			).getByLabelText( `Twitter Embed link, ${ expectedURL }` );
-
-			expect( twitterLinkField ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'converts to link if preview request failed', async () => {
-			// Return bad response for requests to oembed endpoint.
-			fetchRequest.mockImplementation( async ( req ) => {
-				if ( req.path.startsWith( '/oembed/1.0/proxy' ) ) {
-					return MOCK_BAD_WORDPRESS_RESPONSE;
-				}
-
-				return mockOtherResponses( req );
-			} );
-
-			const editor =
-				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
-
-			// Convert embed to link.
-			fireEvent.press( editor.getByText( 'More options' ) );
-			fireEvent.press( editor.getByText( 'Convert to link' ) );
-
-			// Get paragraph block where the link is created.
-			const [ paragraphBlock ] = await editor.findAllByLabelText(
-				/Paragraph Block\. Row 1/
-			);
-
-			expect( paragraphBlock ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'allows editing link if request failed', async () => {
-			const failURL = 'https://wordpress.org/news/2021/07/tatum/';
-			const successURL = 'https://twitter.com/notnownikki';
-
-			// Return bad response for WordPress URL and success for Twitter URL.
-			fetchRequest.mockImplementation( async ( req ) => {
-				const matchesPath = ( url ) =>
-					req.path ===
-					`/oembed/1.0/proxy?url=${ encodeURIComponent( url ) }`;
-
-				if ( matchesPath( failURL ) ) {
-					return MOCK_BAD_WORDPRESS_RESPONSE;
-				}
-
-				if ( matchesPath( successURL ) ) {
-					return RICH_TEXT_EMBED_SUCCESS_RESPONSE;
-				}
-
-				return mockOtherResponses( req );
-			} );
-
-			const editor = await initializeWithEmbedBlock( WP_EMBED_HTML );
-
-			fireEvent.press( editor.getByText( 'More options' ) );
-			fireEvent.press( editor.getByText( 'Edit link' ) );
-
-			// Start editing link.
-			fireEvent.press(
-				editor.getByLabelText( `WordPress link, ${ failURL }` )
-			);
-
-			// Set an URL.
-			const linkTextInput = editor.getByDisplayValue( failURL );
-			fireEvent( linkTextInput, 'focus' );
-			fireEvent.changeText( linkTextInput, successURL );
-
-			// Dismiss the edit URL modal.
-			const embedEditURLModal = editor.getByTestId(
-				'link-settings-navigation'
-			);
-			fireEvent( embedEditURLModal, 'backdropPress' );
-			fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
-
-			await waitFor( () => editor.UNSAFE_getByType( WebView ) );
-
-			const blockSettingsModal = await editor.findByTestId(
-				'block-settings-modal'
-			);
-			// Get Twitter embed link field.
-			const twitterLinkField = within(
-				blockSettingsModal
-			).getByLabelText( `Twitter Embed link, ${ successURL }` );
-
-			expect( twitterLinkField ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-	} );
-
-	describe( 'preview coming soon', () => {
-		it( 'previews post for providers which embed preview is not available yet', async () => {
-			const { getByText, getByTestId } =
-				await initializeWithEmbedBlock( PHOTO_EMBED_HTML );
-
-			// Try to preview the post.
-			fireEvent.press( getByText( 'PREVIEW POST' ) );
-
-			// Wait for no preview modal to be visible.
-			const noPreviewModal = getByTestId( 'embed-no-preview-modal' );
-			await waitForModalVisible( noPreviewModal );
-
-			// Preview post.
-			fireEvent.press( getByText( 'Preview post' ) );
-
-			// Dismiss the no preview modal.
-			fireEvent( noPreviewModal, 'backdropPress' );
-			fireEvent( noPreviewModal, MODAL_DISMISS_EVENT );
-
-			expect( requestPreview ).toHaveBeenCalled();
-		} );
-
-		it( 'dismisses no preview modal', async () => {
-			const { getByText, getByTestId } =
-				await initializeWithEmbedBlock( PHOTO_EMBED_HTML );
-
-			// Try to preview the post.
-			fireEvent.press( getByText( 'PREVIEW POST' ) );
-
-			// Wait for no preview modal to be visible.
-			const noPreviewModal = getByTestId( 'embed-no-preview-modal' );
-			await waitForModalVisible( noPreviewModal );
-
-			// Dismiss modal.
-			fireEvent.press( getByText( 'Dismiss' ) );
-
-			// Wait for no preview modal to be not visible.
-			await waitFor( () =>
-				expect( noPreviewModal.props.isVisible ).toBe( false )
-			);
-
-			expect( requestPreview ).not.toHaveBeenCalled();
-		} );
-	} );
-
-	describe( 'create by pasting URL', () => {
-		it( 'creates embed block when pasting URL in paragraph block', async () => {
-			const expectedURL = 'https://www.youtube.com/watch?v=lXMskKTw3Bc';
-
-			const editor = await initializeEditor( {
-				initialHtml: EMPTY_PARAGRAPH_HTML,
-			} );
-
-			// Paste URL in paragraph block.
-			const paragraphText =
-				editor.getByPlaceholderText( 'Start writing…' );
-			fireEvent( paragraphText, 'focus' );
-			fireEvent( paragraphText, 'paste', {
-				preventDefault: jest.fn(),
-				nativeEvent: {
-					eventCount: 1,
-					target: undefined,
-					files: [],
-					pastedHtml: expectedURL,
-					pastedText: expectedURL,
-				},
-			} );
-
-			// Wait for embed handler picker to be visible.
-			const embedHandlerPicker = editor.getByTestId(
-				'embed-handler-picker'
-			);
-			await waitForModalVisible( embedHandlerPicker );
-
-			// Select create embed option.
-			fireEvent.press( editor.getByText( 'Create embed' ) );
-			expect( console ).toHaveLoggedWith(
-				'Processed HTML piece:\n\n',
-				`<p>${ expectedURL }</p>`
-			);
-
-			// Get the created embed block.
-			const [ embedBlock ] =
-				await editor.findAllByLabelText( /Embed Block\. Row 1/ );
-
-			expect( embedBlock ).toBeDefined();
-
-			await waitFor( () => editor.UNSAFE_getByType( WebView ) );
-			await editor.findByText( 'Media settings' );
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'creates link when pasting URL in paragraph block', async () => {
-			const expectedURL = 'https://www.youtube.com/watch?v=lXMskKTw3Bc';
-
-			const editor = await initializeEditor( {
-				initialHtml: EMPTY_PARAGRAPH_HTML,
-			} );
-
-			// Paste URL in paragraph block.
-			const paragraphText =
-				editor.getByPlaceholderText( 'Start writing…' );
-			fireEvent( paragraphText, 'focus' );
-			fireEvent( paragraphText, 'paste', {
-				preventDefault: jest.fn(),
-				nativeEvent: {
-					eventCount: 1,
-					target: undefined,
-					files: [],
-					pastedHtml: expectedURL,
-					pastedText: expectedURL,
-				},
-			} );
-
-			// Wait for embed handler picker to be visible.
-			const embedHandlerPicker = editor.getByTestId(
-				'embed-handler-picker'
-			);
-			await waitForModalVisible( embedHandlerPicker );
-
-			// Select create link option.
-			fireEvent.press( editor.getByText( 'Create link' ) );
-			expect( console ).toHaveLoggedWith(
-				'Processed HTML piece:\n\n',
-				`<p>${ expectedURL }</p>`
-			);
-
-			// Get the link text.
-			const linkText = await editor.findByDisplayValue(
-				`<p><a href="${ expectedURL }">${ expectedURL }</a></p>`
-			);
-
-			expect( linkText ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-	} );
-
-	describe( 'insert via slash inserter', () => {
-		it( 'insert generic embed block', async () => {
-			const embedBlockSlashInserter = '/Embed';
-			const editor = await initializeEditor( {
-				initialHtml: EMPTY_PARAGRAPH_HTML,
-			} );
-
-			const paragraphText =
-				editor.getByPlaceholderText( 'Start writing…' );
-			fireEvent( paragraphText, 'focus' );
-			// Trigger onSelectionChange to update both the current text and text selection.
-			// This event is required by the autocompleter, as it only displays the slash inserter
-			// if the text selection is located at the end of the text, for this reason,
-			// the start and end arguments match the text length.
-			fireEvent(
-				paragraphText,
-				'onSelectionChange',
-				embedBlockSlashInserter.length,
-				embedBlockSlashInserter.length,
-				embedBlockSlashInserter,
-				{
-					nativeEvent: {
-						eventCount: 1,
-						target: undefined,
-						text: embedBlockSlashInserter,
-					},
-				}
-			);
-
-			fireEvent.press( await editor.findByText( 'Embed' ) );
-
-			const [ block ] =
-				await editor.findAllByLabelText( /Embed Block\. Row 1/ );
-
-			const blockName = within( block ).getByText( 'Embed' );
-
-			expect( blockName ).toBeDefined();
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		MOST_USED_PROVIDERS.forEach( ( { title } ) =>
-			it( `inserts ${ title } block`, async () => {
-				// Get just the first word of the title ("Twitter") as the full title ("Twitter Embed") breaks the test.
-				const embedBlockSlashInserter = `/${ title.split( ' ' )[ 0 ] }`;
-				const editor = await initializeEditor( {
-					initialHtml: EMPTY_PARAGRAPH_HTML,
-				} );
-
-				const paragraphText =
-					editor.getByPlaceholderText( 'Start writing…' );
-				fireEvent( paragraphText, 'focus' );
-				// Trigger onSelectionChange to update both the current text and text selection.
-				// This event is required by the autocompleter, as it only displays the slash inserter
-				// if the text selection is located at the end of the text, for this reason,
-				// the start and end arguments match the text length.
-				fireEvent(
-					paragraphText,
-					'onSelectionChange',
-					embedBlockSlashInserter.length,
-					embedBlockSlashInserter.length,
-					embedBlockSlashInserter,
-					{
-						nativeEvent: {
-							eventCount: 1,
-							target: undefined,
-							text: embedBlockSlashInserter,
-						},
-					}
-				);
-
-				fireEvent.press( await editor.findByText( title ) );
-
-				const [ block ] =
-					await editor.findAllByLabelText( /Embed Block\. Row 1/ );
-
-				const blockName = within( block ).getByText( title );
-
-				expect( blockName ).toBeDefined();
-				expect( getEditorHtml() ).toMatchSnapshot();
-			} )
-		);
-	} );
-
-	it( 'sets block caption', async () => {
-		const expectedCaption = 'Caption';
-
-		const screen = await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
-
-		// Set a caption.
-		const captionField = screen.getByPlaceholderText( 'Add caption' );
-		fireEvent( captionField, 'focus' );
-		fireEvent( captionField, 'onChange', {
-			nativeEvent: {
-				eventCount: 1,
-				target: undefined,
-				text: expectedCaption,
-			},
-		} );
-
-		// Get current caption.
-		const caption = await screen.findByDisplayValue(
-			`<p>${ expectedCaption }</p>`
-		);
-
-		expect( caption ).toBeDefined();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'displays cannot embed on the placeholder if preview data is null', async () => {
-		// Return null response for requests to oembed endpoint.
-		fetchRequest.mockImplementation( async ( req ) => {
-			if ( req.path.startsWith( '/oembed/1.0/proxy' ) ) {
-				return EMBED_NULL_RESPONSE;
-			}
-
-			return mockOtherResponses( req );
-		} );
-
-		const { getByText } = await initializeWithEmbedBlock(
-			RICH_TEXT_ERROR_EMBED_HTML
-		);
-
-		const cannotEmbedText = getByText( 'Unable to embed media' );
-
-		expect( cannotEmbedText ).toBeDefined();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	describe( 'block settings', () => {
-		it( 'toggles resize for smaller devices media settings', async () => {
-			const screen =
-				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
-
-			// Open Block Settings.
-			fireEvent.press( await screen.findByLabelText( 'Open Settings' ) );
-
-			// Untoggle resize for smaller devices.
-			fireEvent.press(
-				await screen.findByText( /Resize for smaller devices/ )
-			);
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'does not show media settings panel if responsive is not supported', async () => {
-			const screen = await initializeWithEmbedBlock( WP_EMBED_HTML );
-
-			// Open Block Settings.
-			fireEvent.press( await screen.findByLabelText( 'Open Settings' ) );
-
-			// Wait for media settings panel.
-			let mediaSettingsPanel;
-			try {
-				mediaSettingsPanel =
-					await screen.findByText( 'Media settings' );
-			} catch {
-				// NOOP.
-			}
-
-			expect( mediaSettingsPanel ).not.toBeDefined();
-		} );
-	} );
-} );