Migrate style variation test to Playwright (#40216)

* Create style-variation.spec.js * Delete original test file * Update style-variation.spec.js * Update style-variation.spec.js * Update style-variation.spec.js * Update style-variation.spec.js * Update style-variation.spec.js * Update test/e2e/specs/editor/various/style-variation.spec.js Co-authored-by: Kai Hao <[email protected]> Co-authored-by: Kai Hao <[email protected]>
WordPress · Apr 11, 2022 · e6de706 · e6de706
1 parent f09a7b0
commit e6de706
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 36 deletions.
diff --git a/packages/e2e-tests/specs/editor/various/style-variation.test.js b/packages/e2e-tests/specs/editor/various/style-variation.test.js
diff --git a/test/e2e/specs/editor/various/style-variation.spec.js b/test/e2e/specs/editor/various/style-variation.spec.js
@@ -0,0 +1,31 @@
+/**
+ * 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',
+ attributes: { value: '<p>Quote content</p>' },
+ } );
+
+ await pageUtils.clickBlockToolbarButton( 'Quote' );
+
+ await page.click( 'role=menuitem[name="Plain"i]' );
+
+ // Check the content
+ const content = await pageUtils.getEditedPostContent();
+ expect( content ).toBe(
+ `<!-- wp:quote {"className":"is-style-plain"} -->
+<blockquote class="wp-block-quote is-style-plain"><p>Quote content</p></blockquote>
+<!-- /wp:quote -->`
+ );
+ } );
+} );