Migrate style variation test to Playwright

test/e2e/specs/editor/various/style-variation.spec.js

@@ -0,0 +1,30 @@
+/**
+ * WordPress dependencies
+ */
+const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' );
+
+test.describe( 'adding blocks', () => {
+	test( 'Should switch to the plain style of the quote block', async ( {
+		page,
+		pageUtils,
+	} ) => {
+		await pageUtils.createNewPost();
+
+		// Inserting a quote block
+		await pageUtils.insertBlock( { name: 'core/quote' } );
+		await page.keyboard.type( 'Quote content' );
+
+		await pageUtils.clickBlockToolbarButton( 'Quote' );
+
+		const plainStyleButton = await page.locator(
+			'button[role="menuitem"]:has-text("Plain")'
+		);
+		await plainStyleButton.click();
+
+		// Check the content
+		const quoteContent = `<!-- wp:quote {"className":"is-style-plain"} -->\n<blockquote class="wp-block-quote is-style-plain"><p>Quote content</p></blockquote>\n<!-- /wp:quote -->`;
+
+		const content = await pageUtils.getEditedPostContent();
+		expect( content ).toBe( quoteContent );
+	} );
+} );