Migrate format API test for playwright

test/e2e/specs/editor/plugins/format-api.spec.js

@@ -0,0 +1,40 @@
+/**
+ * WordPress dependencies
+ */
+const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' );
+
+test.describe( 'Using Format API', () => {
+	test.beforeAll( async ( { requestUtils } ) => {
+		await requestUtils.activatePlugin( 'gutenberg-test-format-api' );
+	} );
+
+	test.afterAll( async ( { requestUtils } ) => {
+		await requestUtils.deactivatePlugin( 'gutenberg-test-format-api' );
+	} );
+
+	test.beforeEach( async ( { admin } ) => {
+		await admin.createNewPost();
+	} );
+
+	test( 'Clicking the control wraps the selected text properly with HTML code', async ( {
+		editor,
+		page,
+		pageUtils,
+	} ) => {
+		await page.click( 'role=button[name="Add default block"i]' );
+		await page.keyboard.type( 'First paragraph' );
+		await pageUtils.pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
+		await editor.clickBlockToolbarButton( 'More' );
+
+		// Used a regex to tackle the  in name of menuitem.(Custom Link).
+		await page.click( 'role=menuitem[name=/Custom Link/i]' );
+
+		// Check the content.
+		const content = await editor.getEditedPostContent();
+		expect( content ).toBe(
+			`<!-- wp:paragraph -->
+<p>First <a href="https://example.com" class="my-plugin-link">paragraph</a></p>
+<!-- /wp:paragraph -->`
+		);
+	} );
+} );