use locator

Author: torounit

packages/e2e-test-utils-playwright/src/editor/transform-block-to.ts

@@ -12,26 +12,14 @@ import type { Editor } from './index';
 export async function transformBlockTo( this: Editor, name: string ) {
 	await this.showBlockToolbar();
 
-	const switcherToggle = await this.page.waitForSelector(
+	const switcherToggle = this.page.locator(
 		'.block-editor-block-switcher__toggle'
 	);
-	await switcherToggle.evaluate( ( element ) => element.scrollIntoView() );
-	await this.page.waitForSelector( '.block-editor-block-switcher__toggle', {
-		state: 'visible',
-	} );
 	await switcherToggle.click();
-	await this.page.waitForSelector(
-		'.block-editor-block-switcher__container',
-		{
-			state: 'visible',
-		}
-	);
 
 	// Find the block button option within the switcher popover.
 	const xpath = `//*[contains(@class, "block-editor-block-switcher__popover")]//button[.='${ name }']`;
-	const insertButton = await this.page.waitForSelector( xpath, {
-		state: 'visible',
-	} );
+	const insertButton = this.page.locator( xpath );
 	// Clicks may fail if the button is out of view. Assure it is before click.
 	await insertButton.evaluate( ( element ) => element.scrollIntoView() );
 	await insertButton.click();