Embed block integration tests part 2

packages/block-library/src/embed/embed-preview.native.js

@@ -148,6 +148,7 @@ const EmbedPreview = ( {
 					insertBlocksAfter={ insertBlocksAfter }
 					isSelected={ isCaptionSelected }
 					onFocus={ onFocusCaption }
+					testID="embed-caption"
 				/>
 			</View>
 		</TouchableWithoutFeedback>

packages/block-library/src/embed/test/index.native.js

@@ -45,6 +45,11 @@ const RICH_TEXT_EMBED_HTML = `<!-- wp:embed {"url":"https://twitter.com/notnowni
 https://twitter.com/notnownikki
 </div></figure>
 <!-- /wp:embed -->`;
+const RICH_TEXT_EMBED_HTML_WITH_CAPTION = `<!-- 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><figcaption>Caption</figcaption></figure>
+<!-- /wp:embed -->`;
 
 const MOST_USED_PROVIDERS = embed.settings.variations.filter( ( { name } ) =>
 	[ 'youtube', 'twitter', 'wordpress', 'vimeo' ].includes( name )
@@ -275,4 +280,49 @@ describe( 'Embed block', () => {
 			expect( getEditorHtml() ).toBe( RICH_TEXT_EMBED_HTML );
 		} );
 	} );
+
+	it( 'sets an Embed block caption', async () => {
+		const waitForElement = ( { getByA11yLabel } ) =>
+			getByA11yLabel( /Embed Block\. Row 1/ );
+		const {
+			element,
+			getByText,
+			getByPlaceholderText,
+			getByTestId,
+		} = await initializeEditor(
+			{
+				initialHtml: '<!-- wp:embed /-->',
+			},
+			{ waitForElement }
+		);
+
+		const expectedURL = 'https://twitter.com/notnownikki';
+		const expectedCaption = 'Caption';
+
+		// Select block
+		fireEvent.press( element );
+
+		// Edit URL
+		fireEvent.press( getByText( 'ADD LINK' ) );
+
+		// Wait for edit URL modal to be visible
+		const embedEditURLModal = getByTestId( 'embed-edit-url-modal' );
+		await waitFor( () => embedEditURLModal.props.isVisible );
+
+		// Set an URL
+		const linkTextInput = getByPlaceholderText( 'Add link' );
+		fireEvent( linkTextInput, 'focus' );
+		fireEvent.changeText( linkTextInput, expectedURL );
+
+		// Dismiss the edit URL modal
+		fireEvent( embedEditURLModal, 'backdropPress' );
+		fireEvent( embedEditURLModal, MODAL_DISMISS_EVENT );
+
+		// Set a caption
+		const caption = await waitFor( () => getByTestId( 'embed-caption' ) );
+		fireEvent( caption, 'focus' );
+		fireEvent.changeText( caption, expectedCaption );
+
+		expect( getEditorHtml() ).toBe( RICH_TEXT_EMBED_HTML_WITH_CAPTION );
+	} );
 } );

test/native/__mocks__/styleMock.js

@@ -72,7 +72,7 @@ module.exports = {
 	richTextPlaceholder: {
 		color: 'gray',
 	},
-	unsupportedBlockIcon: {
+	çç: {
 		color: 'white',
 	},
 	infoIcon: {