@wordpress/block-library 7.18.0 → 7.19.0

package/src/cover/test/edit.native.js

@@ -307,7 +307,7 @@ describe( 'when an image is attached', () => {
 		const screen = await initializeEditor( {
 			initialHtml: COVER_BLOCK_IMAGE_HTML,
 		} );
-		const { getByA11yLabel } = screen;
+		const { getByLabelText } = screen;
 
 		// Get block
 		const coverBlock = await getBlock( screen, 'Cover' );
@@ -317,7 +317,7 @@ describe( 'when an image is attached', () => {
 		await openBlockSettings( screen );
 
 		// Update Opacity attribute
-		const opacityControl = getByA11yLabel( /Opacity/ );
+		const opacityControl = getByLabelText( /Opacity/ );
 		fireEvent.press( within( opacityControl ).getByText( '50' ) );
 		const heightTextInput =
 			within( opacityControl ).getByDisplayValue( '50' );
@@ -334,12 +334,12 @@ describe( 'when an image is attached', () => {
 
 describe( 'color settings', () => {
 	it( 'sets a color for the overlay background when the placeholder is visible', async () => {
-		const { getByTestId, getByA11yLabel } = await initializeEditor( {
+		const { getByTestId, getByLabelText } = await initializeEditor( {
 			initialHtml: COVER_BLOCK_PLACEHOLDER_HTML,
 		} );
 
 		const block = await waitFor( () =>
-			getByA11yLabel( 'Cover block. Empty' )
+			getByLabelText( 'Cover block. Empty' )
 		);
 		expect( block ).toBeDefined();
 
@@ -354,13 +354,13 @@ describe( 'color settings', () => {
 
 		// Wait for the block to be created.
 		const coverBlockWithOverlay = await waitFor( () =>
-			getByA11yLabel( /Cover Block\. Row 1/ )
+			getByLabelText( /Cover Block\. Row 1/ )
 		);
 		fireEvent.press( coverBlockWithOverlay );
 
 		// Open Block Settings.
 		const settingsButton = await waitFor( () =>
-			getByA11yLabel( 'Open Settings' )
+			getByLabelText( 'Open Settings' )
 		);
 		fireEvent.press( settingsButton );
 
@@ -370,7 +370,7 @@ describe( 'color settings', () => {
 
 		// Open the overlay color settings.
 		const colorOverlay = await waitFor( () =>
-			getByA11yLabel( 'Color. Empty' )
+			getByLabelText( 'Color. Empty' )
 		);
 		expect( colorOverlay ).toBeDefined();
 		fireEvent.press( colorOverlay );
@@ -389,20 +389,20 @@ describe( 'color settings', () => {
 	} );
 
 	it( 'sets a gradient overlay background when a solid background was already selected', async () => {
-		const { getByTestId, getByA11yLabel } = await initializeEditor( {
+		const { getByTestId, getByLabelText } = await initializeEditor( {
 			initialHtml: COVER_BLOCK_SOLID_COLOR_HTML,
 		} );
 
 		// Wait for the block to be created.
 		const coverBlock = await waitFor( () =>
-			getByA11yLabel( /Cover Block\. Row 1/ )
+			getByLabelText( /Cover Block\. Row 1/ )
 		);
 		expect( coverBlock ).toBeDefined();
 		fireEvent.press( coverBlock );
 
 		// Open Block Settings.
 		const settingsButton = await waitFor( () =>
-			getByA11yLabel( 'Open Settings' )
+			getByLabelText( 'Open Settings' )
 		);
 		fireEvent.press( settingsButton );
 
@@ -412,7 +412,7 @@ describe( 'color settings', () => {
 
 		// Open the overlay color settings.
 		const colorOverlay = await waitFor( () =>
-			getByA11yLabel( 'Color. Empty' )
+			getByLabelText( 'Color. Empty' )
 		);
 		expect( colorOverlay ).toBeDefined();
 		fireEvent.press( colorOverlay );
@@ -423,7 +423,7 @@ describe( 'color settings', () => {
 
 		// Open the gradients.
 		const gradientsButton = await waitFor( () =>
-			getByA11yLabel( 'Gradient' )
+			getByLabelText( 'Gradient' )
 		);
 		expect( gradientsButton ).toBeDefined();
 
@@ -446,12 +446,12 @@ describe( 'color settings', () => {
 	} );
 
 	it( 'toggles between solid colors and gradients', async () => {
-		const { getByTestId, getByA11yLabel } = await initializeEditor( {
+		const { getByTestId, getByLabelText } = await initializeEditor( {
 			initialHtml: COVER_BLOCK_PLACEHOLDER_HTML,
 		} );
 
 		const block = await waitFor( () =>
-			getByA11yLabel( 'Cover block. Empty' )
+			getByLabelText( 'Cover block. Empty' )
 		);
 		expect( block ).toBeDefined();
 
@@ -466,13 +466,13 @@ describe( 'color settings', () => {
 
 		// Wait for the block to be created.
 		const coverBlockWithOverlay = await waitFor( () =>
-			getByA11yLabel( /Cover Block\. Row 1/ )
+			getByLabelText( /Cover Block\. Row 1/ )
 		);
 		fireEvent.press( coverBlockWithOverlay );
 
 		// Open Block Settings.
 		const settingsButton = await waitFor( () =>
-			getByA11yLabel( 'Open Settings' )
+			getByLabelText( 'Open Settings' )
 		);
 		fireEvent.press( settingsButton );
 
@@ -482,7 +482,7 @@ describe( 'color settings', () => {
 
 		// Open the overlay color settings.
 		const colorOverlay = await waitFor( () =>
-			getByA11yLabel( 'Color. Empty' )
+			getByLabelText( 'Color. Empty' )
 		);
 		expect( colorOverlay ).toBeDefined();
 		fireEvent.press( colorOverlay );
@@ -499,7 +499,7 @@ describe( 'color settings', () => {
 
 		// Open the gradients.
 		const gradientsButton = await waitFor( () =>
-			getByA11yLabel( 'Gradient' )
+			getByLabelText( 'Gradient' )
 		);
 		expect( gradientsButton ).toBeDefined();
 
@@ -516,11 +516,11 @@ describe( 'color settings', () => {
 		fireEvent.press( newGradientButton );
 
 		// Go back to the settings list.
-		fireEvent.press( await waitFor( () => getByA11yLabel( 'Go back' ) ) );
+		fireEvent.press( await waitFor( () => getByLabelText( 'Go back' ) ) );
 
 		// Find the color setting.
 		const colorSetting = await waitFor( () =>
-			getByA11yLabel( 'Color. Empty' )
+			getByLabelText( 'Color. Empty' )
 		);
 		expect( colorSetting ).toBeDefined();
 		fireEvent.press( colorSetting );
@@ -532,21 +532,21 @@ describe( 'color settings', () => {
 	} );
 
 	it( 'clears the selected overlay color and mantains the inner blocks', async () => {
-		const { getByTestId, getByA11yLabel, getByText } =
+		const { getByTestId, getByLabelText, getByText } =
 			await initializeEditor( {
 				initialHtml: COVER_BLOCK_SOLID_COLOR_HTML,
 			} );
 
 		// Wait for the block to be created.
 		const coverBlock = await waitFor( () =>
-			getByA11yLabel( /Cover Block\. Row 1/ )
+			getByLabelText( /Cover Block\. Row 1/ )
 		);
 		expect( coverBlock ).toBeDefined();
 		fireEvent.press( coverBlock );
 
 		// Open Block Settings.
 		const settingsButton = await waitFor( () =>
-			getByA11yLabel( 'Open Settings' )
+			getByLabelText( 'Open Settings' )
 		);
 		fireEvent.press( settingsButton );
 
@@ -556,7 +556,7 @@ describe( 'color settings', () => {
 
 		// Open the overlay color settings.
 		const colorOverlay = await waitFor( () =>
-			getByA11yLabel( 'Color. Empty' )
+			getByLabelText( 'Color. Empty' )
 		);
 		expect( colorOverlay ).toBeDefined();
 		fireEvent.press( colorOverlay );
@@ -635,7 +635,7 @@ describe( 'minimum height settings', () => {
 				const screen = await initializeEditor( {
 					initialHtml: COVER_BLOCK_CUSTOM_HEIGHT_HTML,
 				} );
-				const { getByA11yLabel, getByText } = screen;
+				const { getByLabelText, getByText } = screen;
 
 				// Get block
 				const coverBlock = await getBlock( screen, 'Cover' );
@@ -649,7 +649,7 @@ describe( 'minimum height settings', () => {
 				fireEvent.press( getByText( unitName ) );
 
 				// Update height attribute
-				const heightControl = getByA11yLabel( /Minimum height/ );
+				const heightControl = getByLabelText( /Minimum height/ );
 				fireEvent.press( within( heightControl ).getByText( value ) );
 				const heightTextInput =
 					within( heightControl ).getByDisplayValue( value );

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

@@ -147,17 +147,17 @@ const insertEmbedBlock = async ( blockTitle = 'Embed' ) => {
 	const editor = await initializeEditor( {
 		initialHtml: '',
 	} );
-	const { getByA11yLabel, getByText } = editor;
+	const { getByLabelText, getByText } = editor;
 
 	// Open inserter menu.
-	fireEvent.press( await waitFor( () => getByA11yLabel( 'Add block' ) ) );
+	fireEvent.press( await waitFor( () => getByLabelText( 'Add block' ) ) );
 
 	// Insert embed block.
 	fireEvent.press( await waitFor( () => getByText( blockTitle ) ) );
 
 	// Return the embed block.
 	const block = await waitFor( () =>
-		getByA11yLabel( /Embed Block\. Row 1/ )
+		getByLabelText( /Embed Block\. Row 1/ )
 	);
 
 	return { ...editor, block };
@@ -165,10 +165,10 @@ const insertEmbedBlock = async ( blockTitle = 'Embed' ) => {
 
 const initializeWithEmbedBlock = async ( initialHtml, selectBlock = true ) => {
 	const editor = await initializeEditor( { initialHtml } );
-	const { getByA11yLabel } = editor;
+	const { getByLabelText } = editor;
 
 	const block = await waitFor( () =>
-		getByA11yLabel( /Embed Block\. Row 1/ )
+		getByLabelText( /Embed Block\. Row 1/ )
 	);
 
 	if ( selectBlock ) {
@@ -270,7 +270,7 @@ describe( 'Embed block', () => {
 			// Get Twitter link field.
 			const twitterLinkField = within(
 				blockSettingsModal
-			).getByA11yLabel( `Twitter link, ${ expectedURL }` );
+			).getByLabelText( `Twitter link, ${ expectedURL }` );
 
 			expect( twitterLinkField ).toBeDefined();
 			expect( getEditorHtml() ).toMatchSnapshot();
@@ -303,7 +303,7 @@ describe( 'Embed block', () => {
 			// Get Twitter link field.
 			const twitterLinkField = within(
 				blockSettingsModal
-			).getByA11yLabel( `Twitter link, ${ clipboardURL }` );
+			).getByLabelText( `Twitter link, ${ clipboardURL }` );
 
 			expect( autopastedLinkField ).toBeDefined();
 			expect( twitterLinkField ).toBeDefined();
@@ -361,7 +361,7 @@ describe( 'Embed block', () => {
 			// Get Twitter link field.
 			const twitterLinkField = within(
 				blockSettingsModal
-			).getByA11yLabel( `Twitter link, ${ expectedURL }` );
+			).getByLabelText( `Twitter link, ${ expectedURL }` );
 
 			expect( twitterLinkField ).toBeDefined();
 			expect( getEditorHtml() ).toMatchSnapshot();
@@ -397,7 +397,7 @@ describe( 'Embed block', () => {
 			// Get Twitter link field.
 			const twitterLinkField = within(
 				blockSettingsModal
-			).getByA11yLabel( `Twitter link, ${ clipboardURL }` );
+			).getByLabelText( `Twitter link, ${ clipboardURL }` );
 
 			expect( embedLink ).toBeDefined();
 			expect( twitterLinkField ).toBeDefined();
@@ -409,12 +409,12 @@ describe( 'Embed block', () => {
 
 	describe( 'edit URL', () => {
 		it( 'keeps the previous URL if no URL is set', async () => {
-			const { getByA11yLabel, getByTestId } =
+			const { getByLabelText, getByTestId } =
 				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
 
 			// Open Block Settings.
 			fireEvent.press(
-				await waitFor( () => getByA11yLabel( 'Open Settings' ) )
+				await waitFor( () => getByLabelText( 'Open Settings' ) )
 			);
 
 			// Wait for Block Settings to be visible.
@@ -432,12 +432,12 @@ describe( 'Embed block', () => {
 			const initialURL = 'https://twitter.com/notnownikki';
 			const expectedURL = 'https://www.youtube.com/watch?v=lXMskKTw3Bc';
 
-			const { getByA11yLabel, getByDisplayValue, getByTestId } =
+			const { getByLabelText, getByDisplayValue, getByTestId } =
 				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
 
 			// Open Block Settings.
 			fireEvent.press(
-				await waitFor( () => getByA11yLabel( 'Open Settings' ) )
+				await waitFor( () => getByLabelText( 'Open Settings' ) )
 			);
 
 			// Wait for Block Settings to be visible.
@@ -446,7 +446,7 @@ describe( 'Embed block', () => {
 
 			// Start editing link.
 			fireEvent.press(
-				within( blockSettingsModal ).getByA11yLabel(
+				within( blockSettingsModal ).getByLabelText(
 					`Twitter link, ${ initialURL }`
 				)
 			);
@@ -462,7 +462,7 @@ describe( 'Embed block', () => {
 
 			// Get YouTube link field.
 			const youtubeLinkField = await waitFor( () =>
-				within( blockSettingsModal ).getByA11yLabel(
+				within( blockSettingsModal ).getByLabelText(
 					`YouTube link, ${ expectedURL }`
 				)
 			);
@@ -476,7 +476,7 @@ describe( 'Embed block', () => {
 			const invalidURL = 'http://';
 
 			const {
-				getByA11yLabel,
+				getByLabelText,
 				getByDisplayValue,
 				getByTestId,
 				getByText,
@@ -484,7 +484,7 @@ describe( 'Embed block', () => {
 
 			// Open Block Settings.
 			fireEvent.press(
-				await waitFor( () => getByA11yLabel( 'Open Settings' ) )
+				await waitFor( () => getByLabelText( 'Open Settings' ) )
 			);
 
 			// Wait for Block Settings to be visible.
@@ -493,7 +493,7 @@ describe( 'Embed block', () => {
 
 			// Start editing link.
 			fireEvent.press(
-				within( blockSettingsModal ).getByA11yLabel(
+				within( blockSettingsModal ).getByLabelText(
 					`Twitter link, ${ previousURL }`
 				)
 			);
@@ -519,7 +519,7 @@ describe( 'Embed block', () => {
 			const previousURL = 'https://twitter.com/notnownikki';
 
 			const {
-				getByA11yLabel,
+				getByLabelText,
 				getByDisplayValue,
 				getByTestId,
 				getByPlaceholderText,
@@ -527,7 +527,7 @@ describe( 'Embed block', () => {
 
 			// Open Block Settings.
 			fireEvent.press(
-				await waitFor( () => getByA11yLabel( 'Open Settings' ) )
+				await waitFor( () => getByLabelText( 'Open Settings' ) )
 			);
 
 			// Get Block Settings modal.
@@ -535,7 +535,7 @@ describe( 'Embed block', () => {
 
 			// Start editing link.
 			fireEvent.press(
-				within( blockSettingsModal ).getByA11yLabel(
+				within( blockSettingsModal ).getByLabelText(
 					`Twitter link, ${ previousURL }`
 				)
 			);
@@ -600,7 +600,7 @@ describe( 'Embed block', () => {
 			const expectedURL = 'https://twitter.com/notnownikki';
 
 			const {
-				getByA11yLabel,
+				getByLabelText,
 				getByDisplayValue,
 				getByPlaceholderText,
 				getByTestId,
@@ -621,7 +621,7 @@ describe( 'Embed block', () => {
 
 			// Open Block Settings.
 			fireEvent.press(
-				await waitFor( () => getByA11yLabel( 'Open Settings' ) )
+				await waitFor( () => getByLabelText( 'Open Settings' ) )
 			);
 
 			// Wait for Block Settings to be visible.
@@ -630,7 +630,7 @@ describe( 'Embed block', () => {
 
 			// Start editing link.
 			fireEvent.press(
-				within( blockSettingsModal ).getByA11yLabel(
+				within( blockSettingsModal ).getByLabelText(
 					`Embed link, ${ badURL }`
 				)
 			);
@@ -646,7 +646,7 @@ describe( 'Embed block', () => {
 
 			// Get Twitter link field.
 			const twitterLinkField = await waitFor( () =>
-				within( blockSettingsModal ).getByA11yLabel(
+				within( blockSettingsModal ).getByLabelText(
 					`Twitter link, ${ expectedURL }`
 				)
 			);
@@ -665,12 +665,12 @@ describe( 'Embed block', () => {
 			'Full width',
 		].forEach( ( alignmentOption ) =>
 			it( `sets ${ alignmentOption } option`, async () => {
-				const { getByA11yLabel, getByText } =
+				const { getByLabelText, getByText } =
 					await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
 
 				// Open alignment options.
 				fireEvent.press(
-					await waitFor( () => getByA11yLabel( 'Align' ) )
+					await waitFor( () => getByLabelText( 'Align' ) )
 				);
 
 				// Select alignment option.
@@ -721,7 +721,7 @@ describe( 'Embed block', () => {
 			// Get Twitter link field.
 			const twitterLinkField = within(
 				blockSettingsModal
-			).getByA11yLabel( `Twitter link, ${ expectedURL }` );
+			).getByLabelText( `Twitter link, ${ expectedURL }` );
 
 			expect( twitterLinkField ).toBeDefined();
 			expect( getEditorHtml() ).toMatchSnapshot();
@@ -739,7 +739,7 @@ describe( 'Embed block', () => {
 				);
 			} );
 
-			const { getByA11yLabel, getByText } =
+			const { getByLabelText, getByText } =
 				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
 
 			// Convert embed to link.
@@ -748,7 +748,7 @@ describe( 'Embed block', () => {
 
 			// Get paragraph block where the link is created.
 			const paragraphBlock = await waitFor( () =>
-				getByA11yLabel( /Paragraph Block\. Row 1/ )
+				getByLabelText( /Paragraph Block\. Row 1/ )
 			);
 
 			expect( paragraphBlock ).toBeDefined();
@@ -780,7 +780,7 @@ describe( 'Embed block', () => {
 			} );
 
 			const {
-				getByA11yLabel,
+				getByLabelText,
 				getByText,
 				getByTestId,
 				getByDisplayValue,
@@ -790,7 +790,7 @@ describe( 'Embed block', () => {
 			fireEvent.press( getByText( 'Edit link' ) );
 
 			// Start editing link.
-			fireEvent.press( getByA11yLabel( `WordPress link, ${ failURL }` ) );
+			fireEvent.press( getByLabelText( `WordPress link, ${ failURL }` ) );
 
 			// Set an URL.
 			const linkTextInput = getByDisplayValue( failURL );
@@ -808,7 +808,7 @@ describe( 'Embed block', () => {
 			// Get Twitter link field.
 			const twitterLinkField = within(
 				blockSettingsModal
-			).getByA11yLabel( `Twitter link, ${ successURL }` );
+			).getByLabelText( `Twitter link, ${ successURL }` );
 
 			expect( twitterLinkField ).toBeDefined();
 			expect( getEditorHtml() ).toMatchSnapshot();
@@ -865,7 +865,7 @@ describe( 'Embed block', () => {
 			const expectedURL = 'https://www.youtube.com/watch?v=lXMskKTw3Bc';
 
 			const {
-				getByA11yLabel,
+				getByLabelText,
 				getByPlaceholderText,
 				getByTestId,
 				getByText,
@@ -897,7 +897,7 @@ describe( 'Embed block', () => {
 
 			// Get the created embed block.
 			const embedBlock = await waitFor( () =>
-				getByA11yLabel( /Embed Block\. Row 1/ )
+				getByLabelText( /Embed Block\. Row 1/ )
 			);
 
 			expect( embedBlock ).toBeDefined();
@@ -953,7 +953,7 @@ describe( 'Embed block', () => {
 	describe( 'insert via slash inserter', () => {
 		it( 'insert generic embed block', async () => {
 			const embedBlockSlashInserter = '/Embed';
-			const { getByPlaceholderText, getByA11yLabel, getByText } =
+			const { getByPlaceholderText, getByLabelText, getByText } =
 				await initializeEditor( { initialHtml: EMPTY_PARAGRAPH_HTML } );
 
 			const paragraphText = getByPlaceholderText( 'Start writing…' );
@@ -980,7 +980,7 @@ describe( 'Embed block', () => {
 			fireEvent.press( await waitFor( () => getByText( 'Embed' ) ) );
 
 			const block = await waitFor( () =>
-				getByA11yLabel( /Embed Block\. Row 1/ )
+				getByLabelText( /Embed Block\. Row 1/ )
 			);
 
 			const blockName = within( block ).getByText( 'Embed' );
@@ -992,7 +992,7 @@ describe( 'Embed block', () => {
 		MOST_USED_PROVIDERS.forEach( ( { title } ) =>
 			it( `inserts ${ title } embed block`, async () => {
 				const embedBlockSlashInserter = `/${ title }`;
-				const { getByPlaceholderText, getByA11yLabel, getByText } =
+				const { getByPlaceholderText, getByLabelText, getByText } =
 					await initializeEditor( {
 						initialHtml: EMPTY_PARAGRAPH_HTML,
 					} );
@@ -1021,7 +1021,7 @@ describe( 'Embed block', () => {
 				fireEvent.press( await waitFor( () => getByText( title ) ) );
 
 				const block = await waitFor( () =>
-					getByA11yLabel( /Embed Block\. Row 1/ )
+					getByLabelText( /Embed Block\. Row 1/ )
 				);
 
 				const blockName = within( block ).getByText( title );
@@ -1080,12 +1080,12 @@ describe( 'Embed block', () => {
 
 	describe( 'block settings', () => {
 		it( 'toggles resize for smaller devices media settings', async () => {
-			const { getByA11yLabel, getByText } =
+			const { getByLabelText, getByText } =
 				await initializeWithEmbedBlock( RICH_TEXT_EMBED_HTML );
 
 			// Open Block Settings.
 			fireEvent.press(
-				await waitFor( () => getByA11yLabel( 'Open Settings' ) )
+				await waitFor( () => getByLabelText( 'Open Settings' ) )
 			);
 
 			// Untoggle resize for smaller devices.
@@ -1097,12 +1097,12 @@ describe( 'Embed block', () => {
 		} );
 
 		it( 'does not show media settings panel if responsive is not supported', async () => {
-			const { getByA11yLabel, getByText } =
+			const { getByLabelText, getByText } =
 				await initializeWithEmbedBlock( WP_EMBED_HTML );
 
 			// Open Block Settings.
 			fireEvent.press(
-				await waitFor( () => getByA11yLabel( 'Open Settings' ) )
+				await waitFor( () => getByLabelText( 'Open Settings' ) )
 			);
 
 			// Wait for media settings panel.

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

@@ -100,7 +100,7 @@ describe( 'Gallery block', () => {
 	// is addressed.
 	it.skip( 'displays media options picker when selecting the block', async () => {
 		// Initialize with an empty gallery
-		const { getByA11yLabel, getByText, getByTestId } =
+		const { getByLabelText, getByText, getByTestId } =
 			await initializeEditor( {
 				initialHtml: generateGalleryBlock( 0 ),
 			} );
@@ -121,7 +121,7 @@ describe( 'Gallery block', () => {
 
 		// Observe that the block is selected, this is done by checking if the block settings
 		// button is visible
-		const blockActionsButton = getByA11yLabel( /Open Block Actions Menu/ );
+		const blockActionsButton = getByLabelText( /Open Block Actions Menu/ );
 		expect( blockActionsButton ).toBeVisible();
 	} );
 
@@ -160,18 +160,18 @@ describe( 'Gallery block', () => {
 	// Reference: https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc003
 	it( 'sets caption to gallery', async () => {
 		// Initialize with a gallery that contains one item
-		const { getByA11yLabel } = await initializeWithGalleryBlock( {
+		const { getByLabelText } = await initializeWithGalleryBlock( {
 			numberOfItems: 1,
 			media,
 		} );
 
 		// Check gallery item caption is not visible
-		const galleryItemCaption = getByA11yLabel( /Image caption. Empty/ );
+		const galleryItemCaption = getByLabelText( /Image caption. Empty/ );
 		expect( galleryItemCaption ).not.toBeVisible();
 
 		// Set gallery caption
 		const captionField = within(
-			getByA11yLabel( /Gallery caption. Empty/ )
+			getByLabelText( /Gallery caption. Empty/ )
 		).getByPlaceholderText( 'Add caption' );
 		changeTextOfRichText(
 			captionField,
@@ -456,7 +456,7 @@ describe( 'Gallery block', () => {
 		fireEvent.press( galleryItem3 );
 		await act( () =>
 			fireEvent.press(
-				within( galleryItem3 ).getByA11yLabel(
+				within( galleryItem3 ).getByLabelText(
 					/Move block left from position 3 to position 2/
 				)
 			)
@@ -465,7 +465,7 @@ describe( 'Gallery block', () => {
 		fireEvent.press( galleryItem1 );
 		await act( () =>
 			fireEvent.press(
-				within( galleryItem1 ).getByA11yLabel(
+				within( galleryItem1 ).getByLabelText(
 					/Move block right from position 1 to position 2/
 				)
 			)
@@ -563,14 +563,14 @@ describe( 'Gallery block', () => {
 				numberOfItems: 3,
 				media,
 			} );
-			const { getByA11yLabel } = screen;
+			const { getByLabelText } = screen;
 
 			await openBlockSettings( screen );
 
 			// Can't increment due to maximum value
 			// NOTE: Default columns value is 3
 			fireEvent(
-				getByA11yLabel( /Columns\. Value is 3/ ),
+				getByLabelText( /Columns\. Value is 3/ ),
 				'accessibilityAction',
 				{
 					nativeEvent: { actionName: 'increment' },
@@ -585,13 +585,13 @@ describe( 'Gallery block', () => {
 				numberOfItems: 3,
 				media,
 			} );
-			const { getByA11yLabel } = screen;
+			const { getByLabelText } = screen;
 
 			await openBlockSettings( screen );
 
 			// Decrement columns
 			fireEvent(
-				getByA11yLabel( /Columns\. Value is 3/ ),
+				getByLabelText( /Columns\. Value is 3/ ),
 				'accessibilityAction',
 				{
 					nativeEvent: { actionName: 'decrement' },